/* NEVO ASSESS360 — Liquid Glass v2 (light) */
body{margin:0;background:#FFFFFF}
a{color:#4F31EE}a:hover{color:#2E14B8}
.stage{position:relative;overflow:hidden;background:#FFFFFF;color:#0A0D1F;font-family:Inter,system-ui,sans-serif;isolation:isolate;-webkit-font-smoothing:antialiased}
.stage>*{position:relative;z-index:1}
.stage>.orb{position:absolute;z-index:0}
.orb{border-radius:50%;filter:blur(70px);pointer-events:none}
.o-violet{background:radial-gradient(circle at 35% 35%,#9A7DFF,#5B3DF5 70%)}
.o-cyan{background:radial-gradient(circle at 35% 35%,#8BEFFF,#14B8E0 70%)}
.o-coral{background:radial-gradient(circle at 35% 35%,#FFB8A3,#FF6A4D 70%)}
.o-pink{background:radial-gradient(circle at 35% 35%,#FFB0D8,#FF4FA3 70%)}
.o-lime{background:radial-gradient(circle at 35% 35%,#E8FFA8,#8FD43C 70%)}

/* vivid surface for glass to sit on */
.slab{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(60% 70% at 15% 15%,#9A7DFF 0,rgba(154,125,255,0) 70%),radial-gradient(55% 60% at 90% 10%,#3FD6F5 0,rgba(63,214,245,0) 70%),radial-gradient(60% 60% at 80% 95%,#FF7AB0 0,rgba(255,122,176,0) 70%),radial-gradient(50% 55% at 5% 95%,#FFB24D 0,rgba(255,178,77,0) 70%),linear-gradient(135deg,#5B3DF5,#3D6BFF);color:#FFFFFF}
.slab-soft{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(60% 70% at 10% 10%,rgba(154,125,255,.35),rgba(154,125,255,0) 70%),radial-gradient(55% 60% at 95% 15%,rgba(63,214,245,.3),rgba(63,214,245,0) 70%),radial-gradient(60% 60% at 80% 100%,rgba(255,122,176,.25),rgba(255,122,176,0) 70%),#F7F7FD}

/* white card (non-glass) */
.card{background:#FFFFFF;border:1px solid rgba(10,13,31,.07);box-shadow:0 1px 2px rgba(10,13,31,.04),0 14px 34px -16px rgba(20,20,70,.16)}

/* glass on light backgrounds */
.lg{position:relative;isolation:isolate;background:linear-gradient(180deg,rgba(255,255,255,.80),rgba(255,255,255,.56));-webkit-backdrop-filter:blur(30px) saturate(190%);backdrop-filter:blur(30px) saturate(190%);border:1px solid rgba(255,255,255,.95);box-shadow:0 0 0 1px rgba(10,13,31,.05),inset 0 1px 0 #FFFFFF,inset 0 -1px 0 rgba(255,255,255,.6),0 2px 4px rgba(10,13,31,.04),0 22px 48px -20px rgba(30,30,100,.28)}
.lg::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(150deg,#FFFFFF,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 65%,rgba(255,255,255,.9));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}
.lg-thin{position:relative;background:rgba(255,255,255,.66);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.95);box-shadow:0 0 0 1px rgba(10,13,31,.05),inset 0 1px 0 #FFFFFF,0 6px 16px -10px rgba(30,30,100,.25)}
.lg-tint{background:linear-gradient(160deg,rgba(124,96,255,.20),rgba(63,214,245,.12) 70%,rgba(255,255,255,.6));box-shadow:0 0 0 1px rgba(91,61,245,.22),inset 0 1px 0 #FFFFFF,0 14px 30px -16px rgba(91,61,245,.45)}
.lg-gold{background:linear-gradient(160deg,rgba(255,200,80,.30),rgba(255,140,90,.12) 70%,rgba(255,255,255,.65));box-shadow:0 0 0 1px rgba(220,150,20,.25),inset 0 1px 0 #FFFFFF,0 14px 30px -16px rgba(220,150,20,.5)}
/* glass on vivid slabs */
.lg-clear{position:relative;isolation:isolate;background:linear-gradient(160deg,rgba(255,255,255,.30),rgba(255,255,255,.10));-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -1px 0 rgba(255,255,255,.2),0 24px 50px -20px rgba(20,10,80,.55);color:#FFFFFF}
.lg-clear::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(150deg,rgba(255,255,255,.95),rgba(255,255,255,0) 40%,rgba(255,255,255,0) 65%,rgba(255,255,255,.6));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.lg-frost{background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.9);color:#0A0D1F;box-shadow:0 24px 50px -20px rgba(20,10,80,.5)}
.lg-dark{background:linear-gradient(160deg,rgba(14,16,40,.86),rgba(14,16,40,.72));color:#FFFFFF;border-color:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 22px 48px -20px rgba(10,10,40,.6)}
.lg-dark::before{opacity:.25}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;font:600 15px Inter,system-ui,sans-serif;cursor:pointer;text-decoration:none;border:0;white-space:nowrap;box-sizing:border-box;letter-spacing:-.005em}
.btn-p{background:linear-gradient(180deg,#6B4EFF,#4B2EEB);color:#FFFFFF;box-shadow:0 0 0 1px rgba(60,30,200,.5),inset 0 1px 0 rgba(255,255,255,.35),0 8px 20px -8px rgba(91,61,245,.8)}
.btn-p:hover{background:linear-gradient(180deg,#6142FF,#4024DD);color:#FFFFFF}
.btn-g{background:rgba(255,255,255,.75);color:#0A0D1F;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);box-shadow:0 0 0 1px rgba(10,13,31,.09),inset 0 1px 0 #FFFFFF,0 4px 12px -6px rgba(30,30,100,.25)}
.btn-g:hover{background:#FFFFFF;color:#0A0D1F}
.btn-w{background:#FFFFFF;color:#2A12C8;box-shadow:inset 0 -2px 0 rgba(10,13,31,.06),0 10px 24px -10px rgba(20,10,80,.6)}
.btn-w:hover{color:#2A12C8;background:#F4F2FF}
.btn-gold{background:linear-gradient(180deg,#FFD36B,#FFB627);color:#2A1A00;box-shadow:0 0 0 1px rgba(200,130,0,.35),inset 0 1px 0 rgba(255,255,255,.6),0 8px 20px -8px rgba(255,170,30,.8)}
.btn-gold:hover{background:linear-gradient(180deg,#FFDC85,#FFBE3D);color:#2A1A00}
.btn-dark{background:#0A0D1F;color:#FFFFFF;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 20px -8px rgba(10,13,31,.6)}
.btn-dark:hover{color:#FFFFFF;background:#1B1F3D}
.btn-sm{min-height:44px;padding:0 14px;font-size:13px}
.icon-btn{width:44px;height:44px;padding:0;border-radius:50%}

/* segmented */
.seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:999px;background:rgba(10,13,31,.05);box-shadow:inset 0 1px 2px rgba(10,13,31,.07)}
.seg button{min-height:40px;padding:0 16px;border-radius:999px;border:0;background:transparent;color:#3B4160;font:600 14px Inter,system-ui,sans-serif;cursor:pointer}
.seg button[aria-pressed="true"],.seg button[aria-selected="true"],.seg button[aria-checked="true"]{background:#FFFFFF;color:#0A0D1F;box-shadow:0 0 0 1px rgba(10,13,31,.06),0 2px 4px rgba(10,13,31,.06),0 8px 16px -8px rgba(30,30,100,.35)}

/* fields */
.fld{display:flex;flex-direction:column;gap:6px}
.lbl{font:600 13px Inter,system-ui,sans-serif;color:#2A3050}
.in{box-sizing:border-box;min-height:44px;padding:10px 14px;border-radius:14px;border:0;background:rgba(255,255,255,.85);color:#0A0D1F;font:400 15px Inter,system-ui,sans-serif;box-shadow:0 0 0 1px rgba(10,13,31,.10),inset 0 1px 2px rgba(10,13,31,.06)}
.in::placeholder{color:#6B7190}
.hint{font-size:12px;color:#5A6080}

/* text + chips */
.h-display{font-family:"Inter Tight",Inter,sans-serif;letter-spacing:-.03em}
.eyebrow{font:700 11px Inter,system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#5A6080}
.muted{color:#5A6080}
.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font:600 12px Inter,system-ui,sans-serif;background:rgba(255,255,255,.85);box-shadow:0 0 0 1px rgba(10,13,31,.08);color:#2A3050;white-space:nowrap}
.c-live{background:rgba(20,184,224,.12);box-shadow:0 0 0 1px rgba(20,184,224,.35);color:#05677D}
.c-easy{background:rgba(18,160,110,.11);box-shadow:0 0 0 1px rgba(18,160,110,.3);color:#0B6B4A}
.c-med{background:rgba(255,170,30,.15);box-shadow:0 0 0 1px rgba(220,140,0,.35);color:#7F4B00}
.c-hard{background:rgba(255,90,70,.11);box-shadow:0 0 0 1px rgba(230,70,50,.32);color:#A3260F}
.c-prem{background:linear-gradient(180deg,#FFD36B,#FFB627);box-shadow:0 0 0 1px rgba(200,130,0,.3);color:#2A1A00}
.c-ai{background:rgba(91,61,245,.10);box-shadow:0 0 0 1px rgba(91,61,245,.3);color:#4426E0}
.c-glass{background:rgba(255,255,255,.2);box-shadow:0 0 0 1px rgba(255,255,255,.45),inset 0 1px 0 rgba(255,255,255,.5);color:#FFFFFF}
.track{height:8px;border-radius:99px;background:rgba(10,13,31,.07);overflow:hidden}
.fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#14B8E0,#5B3DF5);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.nav{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 14px;border-radius:999px;color:#2A3050;text-decoration:none;font:500 15px Inter,system-ui,sans-serif}
.nav:hover{background:rgba(255,255,255,.75);color:#0A0D1F}
.nav[aria-current="page"]{background:#FFFFFF;color:#0A0D1F;font-weight:600;box-shadow:0 0 0 1px rgba(10,13,31,.06),0 6px 14px -8px rgba(30,30,100,.35)}
.grad-text{background:linear-gradient(90deg,#5B3DF5,#14B8E0 60%,#FF5FA0);-webkit-background-clip:text;background-clip:text;color:transparent}
button:focus-visible,a:focus-visible,.in:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid rgba(91,61,245,.55);outline-offset:2px}

/* motion */
@keyframes lg-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes lg-float2{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(8px) rotate(-1deg)}}
@keyframes lg-pulse{0%{box-shadow:0 0 0 0 rgba(20,184,224,.55)}100%{box-shadow:0 0 0 10px rgba(20,184,224,0)}}
@keyframes lg-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes lg-pop{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.04)}100%{transform:scale(1)}}
@keyframes lg-blink{50%{opacity:0}}
@keyframes lg-sweep{from{transform:translateX(-120%)}to{transform:translateX(220%)}}
@keyframes lg-scan{0%,100%{top:8%}50%{top:86%}}
@keyframes lg-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,-20px)}}
.anim-float{animation:lg-float 6s ease-in-out infinite}
.anim-float2{animation:lg-float2 7s ease-in-out infinite}
.anim-drift{animation:lg-drift 14s ease-in-out infinite}
.anim-pulse{animation:lg-pulse 1.6s ease-out infinite}
.anim-rise{animation:lg-rise .5s cubic-bezier(.2,.8,.2,1) both}
.anim-pop{animation:lg-pop .45s cubic-bezier(.2,.8,.2,1) both}
.caret{display:inline-block;width:2px;height:1.1em;background:#5B3DF5;vertical-align:-.15em;margin-left:1px;animation:lg-blink 1s steps(1) infinite}
.sheen{position:relative;overflow:hidden}
.sheen::after{content:"";position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0));animation:lg-sweep 3.2s ease-in-out infinite;pointer-events:none}
.scanline{position:absolute;left:8%;right:8%;height:3px;border-radius:3px;background:#14B8E0;box-shadow:0 0 14px #14B8E0;animation:lg-scan 1.8s ease-in-out infinite}
@media (prefers-reduced-motion:no-preference){.btn,.nav,.seg button{transition:background .2s,box-shadow .2s,transform .15s}.btn:active{transform:scale(.97)}}
@media (prefers-reduced-motion:reduce){.anim-float,.anim-float2,.anim-drift,.anim-pulse,.anim-rise,.anim-pop,.sheen::after,.scanline,.caret{animation:none!important}.fill{transition:none}}