.hero-section{padding:20px 0 40px;text-align:center;position:relative;z-index:1}.hero-title{font-size:4rem;line-height:1.1;margin-bottom:20px;position:relative}.title-line{display:block;margin:5px 0}.highlight-bg{background:var(--brutal-pink);color:var(--brutal-white);padding:0 20px;display:inline-block;transform:rotate(-1deg);box-shadow:var(--brutal-shadow) var(--shadow-color);border:var(--brutal-border) solid var(--border-color)}.hero-subtitle{font-size:1.3rem;max-width:700px;margin:0 auto 40px;font-weight:500}.highlight-text{background:var(--brutal-yellow);padding:2px 8px;border:2px solid var(--border-color);font-weight:700}.converter-container{max-width:600px;margin:0 auto;padding:40px;background:var(--brutal-white);border:var(--brutal-border) solid var(--border-color);box-shadow:var(--brutal-shadow-hover) var(--shadow-color);position:relative;transition:all var(--transition-speed) ease}body.dark-mode .converter-container{background:var(--brutal-gray)}.converter-container:hover{transform:translateY(-5px);box-shadow:12px 12px 0 var(--shadow-color)}.converter-input-group{margin-bottom:20px}.converter-label{font-weight:700;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;display:block}.converter-scale-group{margin-bottom:20px}.converter-scale-label{font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;display:block;text-align:center}.converter-scale-select{width:100%;padding:15px 20px;font-size:1rem;font-weight:700;font-family:'IBM Plex Sans',sans-serif;text-align:center;border:4px solid var(--border-color);background:var(--brutal-cyan);color:var(--brutal-black);box-shadow:4px 4px 0 var(--shadow-color);transition:all var(--transition-speed) ease;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 15px center;background-size:20px;padding-right:45px}body.dark-mode .converter-scale-select{background-color:var(--brutal-purple);color:var(--brutal-white)}.converter-scale-select:focus{outline:0;border-color:var(--brutal-purple);transform:translateY(-2px);box-shadow:6px 6px 0 var(--shadow-color)}.converter-scale-select:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--shadow-color)}.converter-input{width:100%;padding:20px;font-size:3rem;font-weight:900;font-family:'Geist Mono',monospace;text-align:center;border:4px solid var(--border-color);background:var(--brutal-white);color:var(--brutal-black);box-shadow:6px 6px 0 var(--shadow-color);transition:all var(--transition-speed) ease}body.dark-mode .converter-input{background:var(--brutal-dark-bg);color:var(--brutal-white)}.converter-input:focus{outline:0;border-color:var(--brutal-pink);transform:translateY(-2px);box-shadow:8px 8px 0 var(--shadow-color)}.converter-arrow{text-align:center;font-size:3rem;margin:20px 0;animation:bounce 2s infinite}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.converter-result{padding:30px;background:var(--brutal-pink);color:var(--brutal-white);border:var(--brutal-border) solid var(--border-color);box-shadow:var(--brutal-shadow) var(--shadow-color);text-align:center;transition:all var(--transition-speed) ease;animation:resultPop .5s ease}@keyframes resultPop{0%{transform:scale(0) rotate(-5deg)}50%{transform:scale(1.05) rotate(2deg)}100%{transform:scale(1) rotate(0)}}.converter-result:hover{transform:rotate(-2deg);box-shadow:var(--brutal-shadow-hover) var(--shadow-color)}.result-label{font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.result-value{font-family:'Geist Mono',monospace;font-weight:900;font-size:4rem;animation:numberCount .5s ease}@keyframes numberCount{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.converter-note{margin-top:20px;padding:15px;background:var(--brutal-yellow);border:3px solid var(--border-color);font-weight:500;font-size:.95rem}.converter-cta{text-align:center;margin-top:30px}.hero-stats{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:25px;margin-bottom:1px}.stat-item{background:var(--brutal-white);border:var(--brutal-border) solid var(--border-color);box-shadow:var(--brutal-shadow) var(--shadow-color);padding:20px 30px;min-width:120px;transition:all var(--transition-speed) ease}.stat-item:first-child{background:var(--brutal-blue);color:var(--brutal-white)}.stat-item:nth-child(2){background:var(--brutal-purple);color:var(--brutal-white)}.stat-item:nth-child(3){background:var(--brutal-orange);color:var(--brutal-white)}.stat-item:hover{transform:translateY(-5px) rotate(-3deg);box-shadow:var(--brutal-shadow-hover) var(--shadow-color)}.stat-number{font-size:2.5rem;font-weight:900;font-family:'Geist Mono',monospace}.stat-label{font-size:.9rem;font-weight:700;margin-top:5px}.features-section{margin-top:60px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}.feature-card{background:var(--brutal-white);border:var(--brutal-border) solid var(--border-color);box-shadow:var(--brutal-shadow) var(--shadow-color);padding:30px;text-align:center;transition:all var(--transition-speed) ease}body.dark-mode .feature-card{background:var(--brutal-gray)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--brutal-shadow-hover) var(--shadow-color)}.feature-card:first-child{border-top:8px solid var(--brutal-blue)}.feature-card:nth-child(2){border-top:8px solid var(--brutal-green)}.feature-card:nth-child(3){border-top:8px solid var(--brutal-purple)}.feature-icon{font-size:3rem;margin-bottom:15px}.feature-title{font-weight:900;font-size:1.2rem;text-transform:uppercase;margin-bottom:10px}.feature-description{font-weight:500;line-height:1.6}.brutal-formula-box{border:var(--brutal-border) solid var(--border-color);padding:25px;box-shadow:var(--brutal-shadow) var(--shadow-color);transition:all var(--transition-speed) ease;position:relative}.brutal-formula-box:hover{transform:translateX(5px);box-shadow:8px 8px 0 var(--shadow-color)}.formula-primary{background:var(--brutal-yellow);border-top:8px solid var(--brutal-orange)}.formula-secondary{background:var(--brutal-cyan);border-top:8px solid var(--brutal-blue)}.formula-label{font-weight:900;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;color:var(--brutal-black)}.formula-text{font-family:'Geist Mono',monospace;font-size:1.3rem;font-weight:700;color:var(--brutal-black)}.brutal-info-text{font-weight:500;line-height:1.6}.brutal-info-text p{margin:0}.grade-row-1{background:linear-gradient(90deg,var(--brutal-pink) 5px,var(--brutal-white) 5px)}.grade-row-2{background:linear-gradient(90deg,var(--brutal-purple) 5px,var(--brutal-white) 5px)}.grade-row-3{background:linear-gradient(90deg,var(--brutal-blue) 5px,var(--brutal-white) 5px)}.grade-row-4{background:linear-gradient(90deg,var(--brutal-cyan) 5px,var(--brutal-white) 5px)}.grade-row-5{background:linear-gradient(90deg,var(--brutal-green) 5px,var(--brutal-white) 5px)}.grade-row-6{background:linear-gradient(90deg,var(--brutal-yellow) 5px,var(--brutal-white) 5px)}body.dark-mode .grade-row-1,body.dark-mode .grade-row-2,body.dark-mode .grade-row-3,body.dark-mode .grade-row-4,body.dark-mode .grade-row-5,body.dark-mode .grade-row-6{background:linear-gradient(90deg,var(--brutal-pink) 5px,var(--brutal-gray) 5px)}.grade-badge{display:inline-block;padding:5px 15px;border:3px solid var(--border-color);font-weight:900;font-size:1.1rem;box-shadow:3px 3px 0 var(--shadow-color)}.grade-o{background:var(--brutal-pink);color:var(--brutal-white)}.grade-a-plus{background:var(--brutal-purple);color:var(--brutal-white)}.grade-a{background:var(--brutal-blue);color:var(--brutal-white)}.grade-b-plus{background:var(--brutal-cyan);color:var(--brutal-black)}.grade-b{background:var(--brutal-green);color:var(--brutal-black)}.grade-c{background:var(--brutal-yellow);color:var(--brutal-black)}.points-cell{font-family:'Geist Mono',monospace;font-size:1.3rem;font-weight:900;color:var(--brutal-pink)}@media (max-width:991px){.hero-title{font-size:3rem}.stat-number{font-size:2rem}}@media (max-width:767px){.hero-section{padding:0 0 15px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem;margin-bottom:15px}.hero-stats{gap:8px;margin-top:0}.stat-item{min-width:70px;padding:8px 12px}.stat-number{font-size:1.1rem}.stat-label{font-size:.65rem}.converter-container{padding:20px}.converter-input{font-size:2rem;padding:15px}.converter-scale-select{font-size:.85rem;padding:12px 35px 12px 15px;background-position:right 10px center;background-size:16px}.converter-arrow{font-size:2rem;margin:10px 0}.result-value{font-size:2.5rem!important}.converter-result{padding:20px}.features-section{margin-top:40px}.feature-grid{grid-template-columns:1fr;gap:15px}.feature-card{padding:20px}.formula-text{font-size:1rem}.grade-badge{padding:3px 10px;font-size:.9rem}}@media (max-width:575px){.hero-section{padding:0 0 15px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem;margin-bottom:10px}.hero-stats{gap:5px}.stat-item{min-width:60px;padding:6px 10px}.stat-number{font-size:1rem}.stat-label{font-size:.6rem}.converter-container{padding:15px}.converter-input{font-size:1.5rem;padding:10px}.converter-scale-select{font-size:.75rem;padding:10px 30px 10px 10px}.result-value{font-size:2rem!important}}