.diag-page{position:relative;min-height:100dvh;background:#0d0f01;display:flex;flex-direction:column;align-items:center;padding:6rem 1.25rem 4rem;overflow:hidden}.diag-bg{position:absolute;inset:0;pointer-events:none;z-index:0}.diag-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.18}.diag-orb-1{width:60vw;height:60vw;max-width:700px;max-height:700px;background:radial-gradient(circle,#e3ff04 0%,transparent 70%);top:-20%;left:-15%;animation:orbFloat1 22s ease-in-out infinite alternate}.diag-orb-2{width:45vw;height:45vw;max-width:500px;max-height:500px;background:radial-gradient(circle,#00ffe0 0%,transparent 70%);top:30%;right:-10%;opacity:.1;animation:orbFloat2 28s ease-in-out infinite alternate}.diag-orb-3{width:40vw;height:40vw;max-width:480px;max-height:480px;background:radial-gradient(circle,#e3ff04 0%,transparent 70%);bottom:-10%;left:40%;animation:orbFloat3 18s ease-in-out infinite alternate}@keyframes orbFloat1{0%{transform:translate(0) scale(1)}to{transform:translate(4%,6%) scale(1.08)}}@keyframes orbFloat2{0%{transform:translate(0) scale(1)}to{transform:translate(-5%,4%) scale(.95)}}@keyframes orbFloat3{0%{transform:translate(0) scale(1)}to{transform:translate(-3%,-5%) scale(1.12)}}.diag-grid-overlay{position:absolute;inset:0;background-image:radial-gradient(rgba(227,255,4,.06) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse 80% 80% at 50% 40%,black 30%,transparent 100%);pointer-events:none;z-index:0}.diag-back{position:absolute;top:1.5rem;left:1.5rem;display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#fff6;text-decoration:none;transition:color .2s;z-index:10}.diag-back:hover{color:#e3ff04}.diag-container{position:relative;z-index:2;width:100%;max-width:720px;transition:opacity .3s ease}.diag-header{text-align:center;margin-bottom:2.5rem;animation:fadeSlideUp .6s ease both}.diag-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#e3ff04;margin-bottom:.75rem}.diag-title{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800;color:#fff;letter-spacing:-.03em;margin:0 0 .5rem;line-height:1.1}.diag-subtitle{font-size:.875rem;color:#fff6}.diag-progress{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;animation:fadeSlideUp .6s .1s ease both;transition:opacity .3s}.diag-progress-track{flex:1;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}.diag-progress-fill{height:100%;background:#e3ff04;border-radius:2px;transition:width .5s cubic-bezier(.22,1,.36,1);box-shadow:0 0 10px #e3ff0480}.diag-progress-label{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;white-space:nowrap;min-width:7rem;text-align:right}.diag-back-step{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .75rem .45rem .55rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#ffffffb3;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .25s ease;flex-shrink:0}.diag-back-step:hover{background:#e3ff0414;border-color:#e3ff0480;color:#e3ff04;transform:translate(-2px)}.diag-back-step[hidden]{display:none}.diag-back-step svg{transition:transform .25s ease}.diag-back-step:hover svg{transform:translate(-2px)}.diag-steps{position:relative;min-height:360px;animation:fadeSlideUp .6s .15s ease both}.diag-step:focus{outline:none}.diag-step:focus-visible{outline:none}.diag-step{display:none;flex-direction:column;gap:1.5rem}.diag-step.active{display:flex}.diag-step.entering{display:flex;animation:stepEnter .4s cubic-bezier(.22,1,.36,1) both}.diag-step.exiting{display:flex;animation:stepExit .35s ease both;pointer-events:none}@keyframes stepEnter{0%{opacity:0;transform:translate(var(--enter-x, 60px))}to{opacity:1;transform:translate(0)}}@keyframes stepExit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--exit-x, -60px))}}.diag-step-title{font-size:clamp(1.1rem,3vw,1.35rem);font-weight:700;color:#fff;letter-spacing:-.02em;margin:0}.diag-step-hint{font-size:.8rem;color:#ffffff59;margin:-1rem 0 0}.diag-step-microcopy{font-size:.8rem;color:#e3ff04bf;margin:-1rem 0 0;letter-spacing:.02em}.diag-summary-pills{display:flex;flex-wrap:wrap;gap:.4rem;margin:-.5rem 0 .5rem}.diag-summary-pill{display:inline-flex;align-items:center;padding:.3rem .7rem;background:#e3ff0414;border:1px solid rgba(227,255,4,.25);border-radius:999px;color:#ffffffd9;font-size:.7rem;font-weight:600;letter-spacing:.01em;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diag-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:540px){.diag-cards{grid-template-columns:repeat(3,1fr)}}.diag-card{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.25rem .75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:2px;cursor:pointer;text-align:center;transition:background .2s,border-color .2s,transform .2s;position:relative;overflow:hidden;opacity:0;transform:translateY(16px)}.diag-card.card-entered{animation:cardEnter .45s cubic-bezier(.22,1,.36,1) both;animation-fill-mode:forwards}@keyframes cardEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.diag-card:before{content:"";position:absolute;inset:0;background:#e3ff040a;opacity:0;transition:opacity .25s}.diag-card:hover{border-color:#e3ff044d;transform:translateY(-3px)}.diag-card:hover:before{opacity:1}.diag-card.selected{border-color:#e3ff04;background:#e3ff040f}.diag-card.selected:after{content:"✓";position:absolute;top:.4rem;right:.5rem;font-size:.65rem;font-weight:800;color:#e3ff04}.diag-card-icon{font-size:1.75rem;line-height:1}.diag-card-label{font-size:.8rem;font-weight:600;color:#ffffffd9;line-height:1.4}.diag-card-label small{display:block;font-size:.7rem;font-weight:400;color:#fff6;margin-top:.15rem}.diag-next-btn{align-self:flex-end;background:#e3ff04;color:#0d0f01;border:none;padding:.75rem 2rem;font-size:.875rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:opacity .2s,transform .2s;border-radius:2px}.diag-next-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.diag-next-btn:not(:disabled):hover{transform:translate(3px)}.diag-form{display:flex;flex-direction:column;gap:1rem}.diag-form-row{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:540px){.diag-form-row{grid-template-columns:1fr 1fr}}.diag-form-field{display:flex;flex-direction:column;gap:.4rem}.diag-form-field label{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffffffa6}.diag-form-field input,.diag-form-field textarea{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:#fff;padding:.75rem 1rem;font-size:.9rem;font-family:inherit;border-radius:2px;transition:border-color .2s;outline:none;resize:vertical}.diag-form-field input::placeholder,.diag-form-field textarea::placeholder{color:#fff3}.diag-form-hint{font-size:.7rem;color:#e3ff048c;line-height:1.5;text-transform:none;letter-spacing:0;font-weight:500;margin-top:.15rem}.diag-form-field input:focus,.diag-form-field textarea:focus{border-color:#e3ff04;box-shadow:0 0 0 3px #e3ff0414}.diag-form-field input.invalid,.diag-form-field textarea.invalid{border-color:#ff5050b3}.diag-form-check{display:flex;align-items:flex-start;gap:.6rem;font-size:.8rem;color:#ffffff80}.diag-form-check.invalid{color:#ff5050cc}.diag-form-check input[type=checkbox]{width:1rem;height:1rem;margin-top:.1rem;accent-color:#e3ff04;flex-shrink:0}.diag-form-check a{color:#e3ff04;text-decoration:none}.diag-form-check a:hover{text-decoration:underline}.diag-form-error{font-size:.8rem;color:#ff5a5af2;margin:0;min-height:1.2em}.diag-form-error:empty{display:none}.diag-submit-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;background:#e3ff04;color:#0d0f01;border:none;padding:1rem 2.5rem;font-size:.95rem;font-weight:800;letter-spacing:.03em;cursor:pointer;border-radius:2px;transition:transform .2s,box-shadow .2s;margin-top:.5rem}.diag-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #e3ff044d}.diag-submit-btn:disabled{opacity:.6;cursor:not-allowed}.diag-submit-spinner{display:none;width:18px;height:18px;border:2px solid rgba(13,15,1,.3);border-top-color:#0d0f01;border-radius:50%;animation:spin .7s linear infinite}.diag-submit-btn.loading .diag-submit-text{opacity:.5}.diag-submit-btn.loading .diag-submit-spinner{display:block}@keyframes spin{to{transform:rotate(360deg)}}.diag-form-note{font-size:.7rem;color:#ffffff80;text-align:center;letter-spacing:.04em}.diag-success{position:fixed;inset:0;background:#0d0f01;display:flex;align-items:center;justify-content:center;z-index:50;opacity:0;pointer-events:none;transition:opacity .4s ease}.diag-success.visible{opacity:1;pointer-events:all}.diag-success-inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;max-width:480px}.diag-success-icon{width:80px;height:80px}.diag-success-icon svg{width:100%;height:100%}.success-circle{stroke-dasharray:190;stroke-dashoffset:190}.success-check{stroke-dasharray:50;stroke-dashoffset:50}.diag-success.visible .success-circle{animation:drawCircle .5s .1s ease forwards}.diag-success.visible .success-check{animation:drawCheck .4s .55s ease forwards}@keyframes drawCircle{to{stroke-dashoffset:0}}@keyframes drawCheck{to{stroke-dashoffset:0}}.diag-success-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;color:#fff;letter-spacing:-.02em;margin:0}.diag-success-title:focus{outline:none}.diag-success-text{font-size:1rem;color:#ffffff8c;line-height:1.7;margin:0}.diag-success-ctas{display:flex;flex-direction:column;gap:.6rem;width:100%;align-items:center}@media(min-width:480px){.diag-success-ctas{flex-direction:row;justify-content:center}}.diag-success-cta{display:inline-block;padding:.85rem 1.75rem;font-size:.875rem;font-weight:700;text-decoration:none;border-radius:2px;transition:transform .2s,background .2s,color .2s,border-color .2s;letter-spacing:.02em;white-space:nowrap}.diag-success-cta--primary{background:#e3ff04;color:#0d0f01;box-shadow:0 6px 22px #e3ff0440}.diag-success-cta--primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px #e3ff0459}.diag-success-cta--ghost{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.2)}.diag-success-cta--ghost:hover{color:#fff;border-color:#ffffff73;transform:translateY(-2px)}.diag-intro{position:fixed;inset:0;background:#0d0f01;display:flex;align-items:center;justify-content:center;z-index:100;transition:opacity .5s ease}.diag-intro.leaving{opacity:0;pointer-events:none}.diag-intro-inner{display:flex;flex-direction:column;align-items:center;gap:1.25rem;animation:introReveal .6s cubic-bezier(.22,1,.36,1) both}@keyframes introReveal{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.diag-intro-logo{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:800;color:#fff;letter-spacing:-.02em}.diag-intro-tagline{font-size:.65rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#ffffff4d;margin:0}.diag-intro-bar{width:120px;height:2px;background:#ffffff1a;border-radius:2px;overflow:hidden}.diag-intro-bar-fill{height:100%;width:0;background:#e3ff04;border-radius:2px;animation:introBar 1.4s .2s cubic-bezier(.22,1,.36,1) forwards;box-shadow:0 0 8px #e3ff0499}@keyframes introBar{to{width:100%}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.diag-orb-1,.diag-orb-2,.diag-orb-3{animation:none}.diag-card.card-entered{animation:none;opacity:1;transform:none}.diag-step.entering,.diag-step.exiting{animation:none}.diag-progress-fill{transition:none}}
