:root{--primary:#2563eb;--primary-dark:#1d4ed8;--secondary:#0f172a;--light:#f8fafc;--border:#e2e8f0;--success:#16a34a;--warning:#f59e0b;--danger:#ef4444}body{font-family:Inter,sans-serif;background:radial-gradient(circle at top left,#dbeafe 0,transparent 25%),linear-gradient(to bottom,#f8fbff,#eef4ff);color:#1e293b}.hero{background:linear-gradient(135deg,#0f172a,#1e40af,#2563eb);padding:70px 0 140px;border-radius:0 0 40px 40px;position:relative;overflow:hidden;margin-bottom:0}.hero::before{content:'';position:absolute;width:450px;height:450px;border-radius:50%;background:rgba(255,255,255,.06);right:-150px;top:-180px}.hero-title{color:#fff;font-size:3.5rem;font-weight:900;letter-spacing:-1px}.hero-sub{color:rgba(255,255,255,.82);font-size:1.1rem;max-width:760px;margin:auto}.sat-card{background:#fff;border-radius:28px;padding:30px;box-shadow:0 15px 45px rgba(37,99,235,.1);border:1px solid #dbeafe}.section-title{font-size:1rem;font-weight:800;color:#334155;margin-bottom:25px;display:flex;align-items:center;gap:12px}.section-icon{width:45px;height:45px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}.module-box{margin-bottom:35px}.module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.module-label{font-size:1.15rem;font-weight:700;color:#1e293b}.score-input{width:85px;height:52px;border-radius:14px;border:2px solid #dbeafe;background:#f8fbff;font-size:1.1rem;font-weight:700;text-align:center}.score-input:focus{outline:0;border-color:#60a5fa;background:#fff;box-shadow:0 0 0 5px rgba(37,99,235,.1)}.slider{width:100%;appearance:none;height:10px;border-radius:30px;background:#dbeafe;outline:0}.slider::-webkit-slider-thumb{appearance:none;width:30px;height:30px;border-radius:50%;background:#1d4ed8;cursor:pointer;border:4px solid #fff;box-shadow:0 5px 15px rgba(37,99,235,.3)}.result-panel{background:linear-gradient(180deg,#fff,#f8fbff);border-radius:28px;border:1px solid #dbeafe;padding:35px;height:100%;position:sticky;top:20px}.total-score{font-size:5rem;font-weight:900;line-height:1;color:#0f172a}.score-range{color:#64748b;font-size:1.3rem;font-weight:600}.divider{height:1px;background:#e2e8f0;margin:28px 0}.score-box{margin-bottom:25px}.score-title{font-size:2rem;font-weight:800;margin-bottom:12px}.score-number{font-size:4rem;font-weight:900;line-height:1}.avg-text{margin-top:8px;color:#475569;font-weight:700;font-size:1rem}.performance{margin-top:25px;border-radius:20px;padding:18px;font-weight:700}.performance.excellent{background:#dcfce7;color:#166534}.performance.good{background:#dbeafe;color:#1d4ed8}.performance.average{background:#fef3c7;color:#92400e}.performance.low{background:#fee2e2;color:#b91c1c}.chart-container{background:#fff;border-radius:22px;padding:20px;border:1px solid #e2e8f0;margin-top:25px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}.stat-card{background:#fff;border-radius:24px;padding:24px;text-align:center;border:1px solid #dbeafe;box-shadow:0 10px 30px rgba(15,23,42,.04)}.stat-card i{width:55px;height:55px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;margin:auto auto 15px;font-size:1.1rem}.stat-card h3{font-size:2rem;font-weight:900;margin-bottom:5px}.stat-card p{margin:0;color:#64748b;font-weight:600}.info-card{margin-top:40px;background:#fff;border-radius:28px;padding:30px;border:1px solid #dbeafe;box-shadow:0 10px 35px rgba(37,99,235,.06)}.info-list li{margin-bottom:10px;color:#475569;font-weight:500}@media(max-width:991px){.hero-title{font-size:2.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.result-panel{position:relative}}@media(max-width:576px){.stats-grid{grid-template-columns:1fr}.total-score{font-size:4rem}.score-number{font-size:3rem}}