.hero-section{padding:4px 0 40px;text-align:center;position:relative;z-index:1}.brutal-title{font-size:4rem;line-height:1.1;margin-bottom:5px;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)}.brutal-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}.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}.subject-card{background:var(--brutal-white);border:var(--brutal-border) solid var(--border-color);padding:20px;margin-bottom:15px;box-shadow:4px 4px 0 var(--shadow-color);transition:all var(--transition-speed) ease;position:relative}body.dark-mode .subject-card{background:var(--brutal-gray)}.subject-card:hover{transform:translateX(3px);box-shadow:6px 6px 0 var(--shadow-color)}.subject-card:nth-child(odd){border-left:6px solid var(--brutal-blue)}.subject-card:nth-child(2n){border-left:6px solid var(--brutal-green)}.subject-number{font-family:'Geist Mono',monospace;font-weight:900;font-size:1.2rem;color:var(--brutal-pink);text-transform:uppercase}.btn-remove-subject{border:3px solid var(--brutal-pink);background:0 0;color:var(--brutal-pink);font-weight:900;transition:all var(--transition-speed) ease;padding:8px 12px}.btn-remove-subject:hover{background:var(--brutal-pink);color:var(--brutal-white);transform:scale(1.1) rotate(-5deg)}.cgpa-result,.gpa-result,.result-card{border:var(--brutal-border) solid var(--border-color);padding:20px;text-align:center;box-shadow:var(--brutal-shadow) var(--shadow-color);transition:all var(--transition-speed) ease;animation:resultPop .5s ease}@keyframes resultPop{0%{transform:scale(0) rotate(-5deg)}50%{transform:scale(1.1) rotate(2deg)}100%{transform:scale(1) rotate(0)}}.gpa-result{background:var(--brutal-blue);color:var(--brutal-white)}.cgpa-result{background:var(--brutal-green);color:var(--brutal-black)}.result-card{background:var(--brutal-pink);color:var(--brutal-white)}.cgpa-result:hover,.gpa-result:hover,.result-card:hover{transform:translateY(-5px) rotate(-2deg);box-shadow:var(--brutal-shadow-hover) var(--shadow-color)}.result-label{font-weight:700;font-size:1rem;text-transform:uppercase;margin-bottom:10px;letter-spacing:1px}.result-value{font-family:'Geist Mono',monospace;font-weight:900;font-size:3rem;animation:numberCount .5s ease}@keyframes numberCount{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.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){.brutal-title{font-size:3rem}.stat-number{font-size:2rem}}@media (max-width:767px){.hero-section{padding:0 0 15px}.brutal-title{font-size:2.5rem}.brutal-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}.result-value{font-size:2rem!important}.formula-text{font-size:1rem}}@media (max-width:575px){.hero-section{padding:0 0 15px}.brutal-title{font-size:2rem}.brutal-subtitle{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}.subject-card{padding:15px}.grade-badge{padding:3px 10px;font-size:.9rem}}