:root{--bg:#0b0b0b;--bg-soft:#141414;--surface:#1d1d1d;--line:#2b2b2b;--text:#f5f5f5;--muted:#b5b5b5;--yellow:#ffc400;--yellow-soft:#ffd94f;--danger:#ff5252;--success:#1ecf7a;--font-exo:"Exo 2","Segoe UI","Helvetica Neue",Arial,sans-serif;--font-rajdhani:"Rajdhani","Trebuchet MS","Segoe UI",Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%;background:var(--bg);color:var(--text)}body{font-family:var(--font-exo),sans-serif;overflow-x:hidden;background-image:radial-gradient(circle at 8% 12%,rgba(255,196,0,.24),transparent 35%),radial-gradient(circle at 88% 78%,rgba(255,196,0,.18),transparent 34%),linear-gradient(160deg,#080808,#101010 52%,#050505)}a{color:inherit;text-decoration:none}.app-shell{max-width:1200px;margin:0 auto;padding:1.25rem 1.25rem 2rem}.topbar{display:flex;justify-content:space-between;margin-bottom:2.2rem;gap:1rem}.brand,.topbar{align-items:center}.brand{position:relative;font-family:var(--font-rajdhani),sans-serif;font-size:clamp(1.8rem,4.8vw,3.1rem);font-style:italic;font-weight:700;letter-spacing:.02em;line-height:1;display:inline-flex}.brand .dark{color:#f2f2f2}.brand .accent{color:var(--yellow);margin-left:.15rem}.brand:after{content:"";position:absolute;left:0;bottom:-.55rem;width:100%;height:.35rem;border-radius:100px;background:linear-gradient(90deg,var(--yellow) 0,#1c1c1c 100%);transform-origin:left;animation:sweep 2.2s ease forwards}.nav-actions{display:flex;align-items:center;gap:.75rem}.btn{border:0;cursor:pointer;border-radius:999px;padding:.66rem 1rem;font-family:inherit;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#101010;background:linear-gradient(120deg,var(--yellow),var(--yellow-soft));box-shadow:0 6px 28px rgba(255,196,0,.28)}.btn-secondary{color:var(--text);background:hsla(0,0%,100%,.06)}.btn-secondary,.hero{border:1px solid var(--line)}.hero{background:linear-gradient(145deg,rgba(255,196,0,.16),rgba(0,0,0,.85) 45%);border-radius:24px;padding:clamp(1.25rem,4vw,3rem);display:grid;grid-template-columns:repeat(12,1fr);grid-gap:1.2rem;gap:1.2rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:auto -20% -60% auto;width:min(480px,54vw);aspect-ratio:1;background:radial-gradient(circle,rgba(255,196,0,.34),transparent 58%);pointer-events:none}.hero-copy{grid-column:span 7;z-index:1}.hero h1{font-size:clamp(2.1rem,5.4vw,4.6rem);line-height:.95;margin-bottom:1rem;font-family:var(--font-rajdhani),sans-serif;text-transform:uppercase}.hero p{color:var(--muted);max-width:60ch;margin-bottom:1.15rem}.hero-highlights{display:flex;flex-wrap:wrap;gap:.75rem}.pill{font-size:.9rem;border:1px solid rgba(255,196,0,.4);color:var(--yellow-soft);border-radius:999px;padding:.4rem .75rem;background:rgba(255,196,0,.08)}.hero-card{grid-column:span 5;border:1px solid rgba(255,196,0,.34);background:rgba(7,7,7,.8);border-radius:20px;padding:1rem;display:flex;flex-direction:column;gap:.85rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1}.mini-row{display:flex;justify-content:space-between;color:var(--muted);font-size:.95rem}.stat{border:1px solid var(--line);border-radius:14px;padding:.75rem;background:linear-gradient(160deg,#151515,#0b0b0b)}.stat strong{font-size:1.4rem;color:var(--yellow-soft);font-family:var(--font-rajdhani),sans-serif}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:1.2rem}.auth-card{width:min(520px,100%);border:1px solid var(--line);border-radius:20px;padding:1.25rem;background:linear-gradient(160deg,#151515,#090909);box-shadow:0 20px 50px rgba(0,0,0,.35)}.auth-card h1{font-family:var(--font-rajdhani),sans-serif;font-size:clamp(2rem,4.8vw,2.7rem);margin-bottom:.45rem}.auth-card p{color:var(--muted);margin-bottom:1rem}.form{display:grid;grid-gap:.8rem;gap:.8rem}.form label{display:grid;grid-gap:.35rem;gap:.35rem;font-size:.95rem}.form input{width:100%;border-radius:12px;border:1px solid #333;background:#0d0d0d;color:var(--text);padding:.75rem;outline:none}.form input:focus{border-color:var(--yellow);box-shadow:0 0 0 2px rgba(255,196,0,.2)}.form-note{color:var(--muted);font-size:.9rem}.error{color:var(--danger);font-size:.9rem}.dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.15rem}.dashboard-head h1{font-family:var(--font-rajdhani),sans-serif;font-size:clamp(2rem,5vw,3.2rem);line-height:.95}.dashboard-head p{color:var(--muted);margin-top:.35rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.score-card{border:1px solid var(--line);border-radius:18px;padding:1rem;background:linear-gradient(160deg,#141414,#0a0a0a);position:relative;overflow:hidden;animation:rise .45s ease both}.score-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,196,0,.12),transparent 45%);pointer-events:none}.score-top{display:flex;align-items:baseline;justify-content:space-between;gap:.7rem;margin-bottom:.7rem}.score-title{font-size:1.1rem;font-weight:700}.score-value{font-size:clamp(1.8rem,4vw,2.6rem);color:var(--yellow-soft);font-family:var(--font-rajdhani),sans-serif}.bar{width:100%;height:.55rem;border-radius:999px;background:#2a2a2a;overflow:hidden;margin-bottom:.6rem}.bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--yellow) 0,var(--yellow-soft) 90%)}.row{display:flex;justify-content:space-between;color:var(--muted);font-size:.92rem}.mockup-badge{display:inline-flex;margin-top:1rem;border:1px dashed rgba(255,196,0,.5);color:var(--yellow-soft);padding:.4rem .7rem;border-radius:10px;font-size:.83rem}@keyframes sweep{0%{transform:scaleX(.2);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes rise{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:920px){.hero-card,.hero-copy{grid-column:span 12}.grid{grid-template-columns:1fr}.dashboard-head{flex-direction:column;align-items:flex-start}}@media (max-width:520px){.topbar{flex-direction:column;align-items:flex-start}.nav-actions{width:100%}.nav-actions .btn{flex:1 1}}