@font-face{font-family:"Zoho Puvi";font-weight:400;font-style:normal;font-display:swap;src:url(https://cdn.manageengine.com/fonts/zoho_puvi_regular_3.5.woff2) format("woff2"),url(https://cdn.manageengine.com/fonts/zoho_puvi_regresult-heroular_3.5.otf) format("opentype")}@font-face{font-family:"Zoho Puvi";font-weight:500;font-style:normal;font-display:swap;src:url(https://cdn.manageengine.com/fonts/zoho_puvi_medium_3.5.woff2) format("woff2"),url(https://cdn.manageengine.com/fonts/zoho_puvi_medium_3.5.otf) format("opentype")}@font-face{font-family:"Zoho Puvi";font-weight:600;font-style:normal;font-display:swap;src:url(https://cdn.manageengine.com/fonts/zoho_puvi_semibold_3.5.woff2) format("woff2"),url(https://cdn.manageengine.com/fonts/zoho_puvi_semibold_3.5.otf) format("opentype")}@font-face{font-family:"Zoho Puvi";font-weight:700;font-style:normal;font-display:swap;src:url(https://cdn.manageengine.com/fonts/zoho_puvi_bold_3.5.woff2) format("woff2"),url(https://cdn.manageengine.com/fonts/zoho_puvi_bold_3.5.otf) format("opentype")}:root{--bg-0:#050c1c;--bg-1:#0b1f4d;--bg-2:#122a66;--card:rgba(18,42,102,.55);--card-solid:#102a63;--border:rgba(90,140,235,.35);--border-glow:rgba(90,150,255,.9);--text:#fff;--text-dim:#c7d2ea;--text-muted:rgba(255,255,255,.5);--accent:#02ff52;--accent-cyan:#5cdcff;--accent-2:#00d49a;--input-bg:rgba(255,255,255,.1);--input-border:#377aff;--blue-btn-0:#4385f0;--blue-btn-1:#2d69e4;--danger:#ff6b6b;--radius:18px;--maxw:1280px}*{box-sizing:border-box}html,body{margin:0;padding:0}a{color:#deffe9}body{font-family:"Zoho Puvi";color:var(--text);background:radial-gradient(1400px 1000px at 8% 18%,rgba(89,130,210,.35) 0,transparent 55%),radial-gradient(1200px 800px at 95% -5%,rgba(51,68,220,.25) 0,transparent 50%),#050c1c;background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}.bg-glow{position:fixed;inset:0;pointer-events:none;background:url(images/fso-maturitytest-bg.jpg) center center / cover no-repeat;z-index:0}.site-header{position:relative;z-index:3;max-width:var(--maxw);margin:0 auto;padding:26px 32px 0}.logo{display:inline-flex;align-items:center;text-decoration:none;color:var(--text)}.logo-img{height:30px;width:auto;display:block}#app{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:28px 32px 72px}.screen{display:none;animation:fade .4s ease}.screen.is-active{display:block}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 0 0 1px rgba(80,130,255,.08),0 30px 70px -30px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(8px)}.landing-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center;border-radius:23px;padding:56px clamp(32px,4.5vw,65px);background:linear-gradient(#2748a7 0,#081866 100%);border:1px solid #668bfe;box-shadow:0 4px 4px 0 rgba(0,0,0,.25),0 4px 54px 10px rgba(9,61,248,.15),0 20px 44px 10px rgba(0,13,255,.25),inset 0 4px 14px 0 rgba(4,100,255,.25),inset 0 -15px 64px 5px rgba(11,68,255,.15)}.eyebrow{color:var(--accent);font-weight:700;letter-spacing:.3px;margin:0 0 16px;font-size:18px}.title{font-family:"Zoho Puvi";font-weight:700;font-size:clamp(46px,6.4vw,78px);line-height:1;margin:0 0 26px;text-transform:none;letter-spacing:.5px}.title .accent{background:linear-gradient(135deg,var(--accent-cyan) 0,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.lead{color:#fff;font-size:18px;line-height:1.42;max-width:568px;margin:0 0 38px}.subhead{font-size:22px;margin:0 0 20px;font-weight:700;color:#fff}.benefits{list-style:none;padding:0;margin:0;display:grid;gap:16px}.benefits li{position:relative;padding-left:26px;color:#fff;font-size:18px}.benefits li::before{content:"";position:absolute;left:4px;top:8px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.landing-form{padding:34px 32px;border:1px solid rgba(120,160,255,.4);border-radius:22px;background:rgba(255,255,255,.03);box-shadow:0 23px 46px -11px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.05)}.form-title{color:var(--accent);font-size:24px;margin:0 0 11px;font-weight:700;letter-spacing:.337px}.form-sub{color:#fff;margin:0 0 22px;font-size:16px;line-height:1.4}.landing-form .form-control{display:block;margin-bottom:18px}.landing-form .label{display:block;font-size:14px;color:#fff;margin-bottom:7px}.landing-form .label .req{color:#ff4d4d;margin-left:2px}.landing-form input,.landing-form select{width:100%;padding:15px 18px;border-radius:5px;border:0;background:var(--input-bg);box-shadow:inset 0 0 0 1px var(--input-border);color:#fff;font-size:16px;font-family:inherit;transition:box-shadow .2s,background .2s;appearance:none;-moz-appearance:textfield}.landing-form input::placeholder{color:var(--text-muted)}.landing-form input::-webkit-outer-spin-button,.landing-form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.landing-form select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 18px center;padding-right:44px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.landing-form select option{background:#0a1840;color:#fff}.landing-form input:focus,.landing-form select:focus{outline:0;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px #6aa1ff,0 0 0 3px rgba(55,122,255,.25)}.landing-form .error{display:none;color:var(--danger);font-size:12.5px;margin-top:6px}.landing-form .form-control.invalid input,.landing-form .form-control.invalid select{box-shadow:inset 0 0 0 1px var(--danger)}.landing-form .form-control.invalid .error{display:block}.privacy-policy{color:var(--text-muted);font-size:12.5px;line-height:1.5;margin:4px 0 22px}.privacy-policy a{color:#6fb0ff;text-decoration:underline}.btn-submit-new{margin-top:10px;width:100%}.btn-submit-new button{width:100%;height:62px;font-family:inherit;font-size:18px;font-weight:500;color:#fff;border:0;border-radius:5px;padding:0 30px;cursor:pointer;background:linear-gradient(to top,#85baf5 0,#4385f0 41%,#2d69e4 100%);box-shadow:0 4px 5px -4px rgba(0,0,0,.1),0 9px 14px -3px rgba(0,0,0,.1),0 0 6px 0 rgba(0,47,255,.15),inset 0 5px 5px 0 rgba(2,30,206,.25);transition:transform .12s ease,filter .2s}.btn-submit-new button:hover{filter:brightness(1.08)}.btn-submit-new button:active{transform:translateY(1px)}.btn-submit-new button:disabled{opacity:.6;cursor:not-allowed}.btn{font-family:inherit;font-size:16px;font-weight:600;border:0;border-radius:12px;padding:15px 30px;cursor:pointer;transition:transform .12s ease,box-shadow .2s,opacity .2s,background .2s}.btn:active{transform:translateY(1px)}.btn--block{width:100%;margin-top:10px}.btn--primary{color:#fff;background:linear-gradient(180deg,var(--blue-btn-0),var(--blue-btn-1));box-shadow:0 14px 30px -12px rgba(70,120,255,.8)}.btn--primary:hover{box-shadow:0 18px 38px -12px rgba(70,120,255,.95)}.btn--next{color:#0a0a0a;border-radius:5px;background:linear-gradient(135deg,#09a1e2 0,#10d78e 100%);box-shadow:0 4px 5px -4px rgba(0,0,0,.1),0 9px 14px -3px rgba(0,0,0,.1),0 0 6px 0 rgba(0,47,255,.15),inset 0 5px 5px 0 rgba(2,30,206,.25)}.btn--next:hover{filter:brightness(1.06)}.btn--next:disabled{opacity:.45;cursor:not-allowed;filter:none}.btn--ghost{border-radius:5px;background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px var(--input-border)}.btn--ghost:hover{background:rgba(255,255,255,.16)}.btn--ghost:disabled{color:rgba(255,255,255,.5);cursor:not-allowed}.quiz-card{padding:50px clamp(24px,5vw,72px) 46px;border:0;border-radius:23px;background:linear-gradient(#2748a7 0,#081866 100%);border:1px solid #668bfe;box-shadow:0 4px 4px 0 rgba(0,0,0,.25),0 4px 54px 10px rgba(9,61,248,.15),0 20px 44px 10px rgba(0,13,255,.25),inset 0 4px 14px 0 rgba(4,100,255,.25),inset 0 -15px 64px 5px rgba(11,68,255,.15);backdrop-filter:none}.stepper{display:flex;align-items:flex-start;justify-content:space-between;margin:0 auto 48px;padding-top:37px;max-width:1010px}.step{flex:0 0 auto;width:44px;position:relative;z-index:1}.step-label{position:absolute;bottom:calc(100% + 16px);left:50%;transform:translateX(-50%);font-size:18px;line-height:21px;color:rgba(255,255,255,.4);white-space:nowrap;transition:color .3s}.step-dot{position:relative;width:44px;height:44px;display:grid;place-items:center}.step-dot::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.4);box-shadow:0 4px 5px -4px rgba(0,0,0,.1),0 9px 14px -3px rgba(0,0,0,.1),0 0 6px 0 rgba(0,47,255,.15),inset 0 5px 5px 0 rgba(2,30,206,.25);z-index:1;transition:all .3s}.step-dot svg{position:relative;z-index:3;width:14px;height:14px;opacity:0;transition:opacity .3s}.step-line{flex:1 1 auto;height:4px;background:rgba(255,255,255,.2);margin:0 -6px;align-self:flex-start;margin-top:22px;transform:translateY(-50%);position:relative;z-index:0;border-radius:2px}.step.is-current .step-label,.step.is-done .step-label{color:var(--accent)}.step.is-current .step-dot::before,.step.is-done .step-dot::before{width:44px;height:44px;background:#0fb7ff;box-shadow:0 4px 5px -4px rgba(0,0,0,.1),0 9px 14px -3px rgba(0,0,0,.1),0 0 7px 1px rgba(255,255,255,.26),inset 0 5px 5px 0 rgba(2,30,206,.25),inset 0 0 4px 2px #84e7f5}.step.is-current .step-dot::after,.step.is-done .step-dot::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#3866ff 0,#020a3b 100%);box-shadow:0 4px 4px 1px rgba(0,0,0,.33);z-index:2}.step.is-done .step-dot svg{opacity:1}.step-line.is-done{background:#fff}.question-text{text-align:center;font-size:clamp(20px,2.4vw,24px);font-weight:500;line-height:1.38;margin:0 auto 40px;max-width:720px}.options{display:grid;gap:18px;max-width:730px;margin:0 auto}.option{display:flex;align-items:center;gap:26px;padding:18px 22px;min-height:87px;border-radius:15px;border:1px solid transparent;background:rgba(255,255,255,.1);box-shadow:0 18px 30px -16px rgba(3,13,71,.55);cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;text-align:left;font-size:18px;letter-spacing:-.401px;color:#fff;line-height:1.4}.option:hover{background:rgba(255,255,255,.16)}.option .radio{flex:0 0 auto;width:29px;height:29px;border-radius:50%;background:rgba(255,255,255,.6);display:grid;place-items:center;transition:background .2s,box-shadow .2s}.option .radio::after{content:"";width:13px;height:13px;border-radius:50%;background:transparent;transition:background .2s}.option.is-selected{border-color:var(--accent);background:rgba(255,255,255,.16);box-shadow:0 0 0 1px var(--accent),0 0 26px -6px rgba(2,255,82,.5)}.option.is-selected .radio{background:#fff;box-shadow:0 0 14px rgba(2,255,82,.8)}.option.is-selected .radio::after{background:var(--accent)}.quiz-nav{display:flex;justify-content:center;gap:18px;margin-top:44px}.quiz-nav .btn{min-width:150px}.result-wrap{max-width:952px;margin:0 auto;display:grid;gap:26px}.result-hero,#backToTop{display:none !important}.result-hero,.recommendation{border:0;border-radius:23px;background:linear-gradient(#2748a7 0,#081866 100%);border:1px solid #668bfe;box-shadow:0 4px 4px 0 rgba(0,0,0,.25),0 4px 54px 10px rgba(9,61,248,.15),0 10px 44px 5px rgba(0,13,255,.15),inset 0 4px 14px 0 rgba(4,100,255,.25),inset 0 -15px 64px 5px rgba(11,68,255,.15);backdrop-filter:none}.result-hero{padding:44px clamp(24px,4vw,52px);text-align:center}.result-eyebrow{color:var(--accent);font-weight:700;letter-spacing:.4px;margin:0 0 10px;font-size:18px}.result-title{font-family:"Zoho Puvi";font-weight:700;font-size:clamp(30px,4.5vw,52px);line-height:1.05;margin:0 0 18px;color:#fff}.result-score{color:rgba(255,255,255,.85);font-size:18px;margin:0 0 18px}.result-score strong{color:var(--accent);font-size:22px}.result-diagnosis{color:#fff;font-size:18px;line-height:1.5;max-width:680px;margin:0 auto}.recommendation{padding:46px clamp(28px,4.5vw,56px)}.rec-eyebrow{color:var(--accent);font-weight:700;margin:0 0 10px;font-size:18px}.rec-title{font-family:"Zoho Puvi";font-weight:700;font-size:clamp(30px,4.6vw,42px);margin:0 0 22px;color:#fff}.rec-text{color:#fff;font-size:18px;line-height:1.44;margin:0;max-width:660px}.rec-text a{color:#9cc4ff;text-decoration:underline}.rec-practices{padding:6px clamp(28px,4.5vw,56px) 0}.rec-subhead{color:var(--accent);font-weight:700;font-size:18px;margin:0 0 18px}.practices{list-style:none;padding:0;margin:0;display:grid;gap:18px}.practices li{position:relative;padding-left:26px;color:#fff;font-size:18px;line-height:1.44}.practices li::before{content:"";position:absolute;left:6px;top:10px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.result-actions{display:flex;justify-content:center;margin-top:6px}@media(max-width:980px){.landing-grid{grid-template-columns:1fr;gap:36px;padding:40px clamp(22px,5vw,40px)}.landing-copy{order:1}.landing-form{order:2}.site-header,#app{padding-left:22px;padding-right:22px}}@media(max-width:720px){.step-label{display:none}.stepper{margin-bottom:32px;padding-top:0}.quiz-card{padding:30px 18px 28px}.option{padding:18px;font-size:15.5px;gap:14px}.quiz-nav{flex-direction:row}.quiz-nav .btn{flex:1;min-width:0;padding:14px 10px}.benefits li,.lead{font-size:16px}}@media(max-width:420px){.title{font-size:44px}.btn{font-size:15px}}