:root{--primary:#2563eb;--primary-dark:#1d4ed8;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--dark:#0f172a;--muted:#64748b;--bg:#eef4ff;--card:#ffffff;--border:#dbeafe;--shadow:0 12px 35px rgba(37,99,235,.12)}body{font-family:Inter,sans-serif;background:radial-gradient(circle at top left,#dbeafe 0,transparent 25%),radial-gradient(circle at top right,#bfdbfe 0,transparent 25%),linear-gradient(to bottom,#f8fbff,#eef4ff);color:var(--dark)}.hero{background:linear-gradient(135deg,#0f172a 0,#1e3a8a 45%,#2563eb 100%);padding:70px 0 140px;border-radius:0 0 40px 40px;position:relative;overflow:hidden;margin-bottom:0;box-shadow:0 15px 40px rgba(37,99,235,.18)}.hero::before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(255,255,255,.06);right:-180px;top:-180px}.hero::after{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.05);left:-100px;bottom:-120px}.hero-title{font-size:3.2rem;font-weight:900;color:#fff;letter-spacing:-1px;margin-bottom:10px}.hero-sub{color:rgba(255,255,255,.82);max-width:750px;margin:auto;font-size:1.08rem}.top-badge{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-weight:700;margin-bottom:25px;backdrop-filter:blur(10px)}.glass-card{background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.5);border-radius:28px;padding:28px;box-shadow:var(--shadow);height:100%;position:relative;overflow:hidden}.glass-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent);pointer-events:none}.section-title{display:flex;align-items:center;gap:14px;margin-bottom:25px;font-size:.92rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.section-icon{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px rgba(37,99,235,.25);font-size:1rem}.input-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.6px;font-weight:800;color:#64748b;margin-bottom:8px}.input-box{width:100%;border:none;background:#f8fbff;border:2px solid #dbeafe;border-radius:16px;padding:15px 18px;font-weight:700;font-size:1.02rem;transition:.25s ease}.input-box:focus{outline:0;border-color:#60a5fa;background:#fff;box-shadow:0 0 0 5px rgba(37,99,235,.1)}.btn-main{border:none;border-radius:16px;padding:14px 18px;font-weight:800;transition:.25s ease}.btn-calc{background:linear-gradient(135deg,var(--success),#059669);color:#fff;flex:1;box-shadow:0 10px 22px rgba(16,185,129,.2)}.btn-reset{width:58px;background:#f1f5f9;color:#334155}.btn-main:hover{transform:translateY(-2px)}.score-card{margin-top:24px;border-radius:22px;padding:22px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;text-align:center}.score-label{font-size:.78rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:1px}.score-value{font-size:3rem;font-weight:900;color:#1d4ed8;line-height:1;margin-top:10px}.score-small{margin-top:8px;font-weight:700;color:#475569}.overall-card{background:linear-gradient(145deg,#fff,#f8fbff);border:2px solid #bfdbfe}.overall-circle{width:220px;height:220px;border-radius:50%;margin:15px auto 30px;background:radial-gradient(circle at center,#fff 58%,transparent 59%),conic-gradient(#2563eb 0deg,#3b82f6 0deg,#dbeafe 0deg 360deg);display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 20px 40px rgba(37,99,235,.16)}.overall-score{font-size:4.2rem;font-weight:900;line-height:1;color:#0f172a}.overall-text{font-size:.85rem;letter-spacing:1px;font-weight:800;color:#64748b}.performance-badge{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;font-weight:800;background:#dbeafe;color:#1d4ed8}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.mini-box{background:#fff;border-radius:24px;padding:24px;text-align:center;border:1px solid #e2e8f0;box-shadow:0 6px 20px rgba(15,23,42,.05)}.mini-box i{width:55px;height:55px;border-radius:16px;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;display:flex;align-items:center;justify-content:center;margin:auto auto 14px;font-size:1.1rem}.mini-box h3{font-size:2rem;font-weight:900;margin-bottom:4px}.mini-box p{margin:0;color:#64748b;font-weight:600;font-size:.88rem}.table-section{margin-top:40px}.guide-card{background:#fff;border-radius:30px;overflow:hidden;border:1px solid #dbeafe;box-shadow:var(--shadow)}.guide-header{background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;padding:24px 30px}.guide-title{font-size:1.35rem;font-weight:900;margin:0}.guide-sub{margin-top:5px;opacity:.8;font-size:.92rem}.table-responsive{padding:25px}.custom-table{width:100%;border-collapse:separate;border-spacing:0 14px}.custom-table thead th{font-size:.78rem;text-transform:uppercase;letter-spacing:1px;color:#64748b;padding:0 16px 10px}.custom-table tbody tr{background:#f8fbff;border:1px solid #dbeafe}.custom-table tbody td{padding:16px;font-weight:700;color:#334155}.custom-table tbody tr td:first-child{border-radius:18px 0 0 18px}.custom-table tbody tr td:last-child{border-radius:0 18px 18px 0}.band-badge{display:inline-flex;align-items:center;justify-content:center;min-width:65px;padding:10px 16px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:900}.info-banner{margin-top:35px;border-radius:26px;padding:28px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;display:flex;gap:20px}.info-banner i{width:58px;height:58px;border-radius:18px;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;min-width:58px}.info-banner h5{font-weight:900;margin-bottom:10px}.info-banner ul{margin-bottom:0;padding-left:18px}.info-banner li{margin-bottom:8px;color:#475569;font-weight:500}.skill-bar{height:10px;border-radius:999px;background:#dbeafe;overflow:hidden;margin-top:10px}.skill-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#3b82f6);transition:1s ease}@media(max-width:991px){.mini-stats{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:2.4rem}}@media(max-width:576px){.mini-stats{grid-template-columns:1fr}.overall-circle{width:180px;height:180px}.overall-score{font-size:3.2rem}}