.quiz-page{min-height:100svh;display:flex;flex-direction:column}.quiz-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(900px 500px at 80% -10%,rgba(79,140,255,.09),transparent 60%),radial-gradient(800px 480px at 10% 110%,rgba(47,230,200,.08),transparent 60%)}.quiz-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:22px var(--container-pad)}.quiz-header__back{font-size:14px;font-weight:500;color:var(--color-text-muted);transition:color .2s ease}.quiz-header__back:hover{color:var(--color-accent)}.quiz-header__brand{font-family:var(--font-display);font-weight:700;font-size:16px}.quiz-header__brand span{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.quiz-progress{position:relative;z-index:2;height:3px;margin-inline:var(--container-pad);border-radius:3px;background:var(--color-border);overflow:hidden}.quiz-progress__fill{display:block;height:100%;width:14.3%;border-radius:3px;background:var(--gradient-accent);transition:width .5s var(--ease-out)}.quiz-main{position:relative;z-index:1;flex:1;display:flex;align-items:flex-start;justify-content:center;padding:clamp(28px,6vh,72px) var(--container-pad) 64px}.quiz-card{width:100%;max-width:680px}.quiz-card__intro{font-size:15px;color:var(--color-text-muted);margin-bottom:34px}.quiz-card__intro strong{display:block;font-family:var(--font-display);font-size:clamp(26px,4vw,38px);font-weight:700;color:var(--color-text);letter-spacing:-.02em;margin-bottom:6px}.quiz-card__step{font-size:12.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);margin-bottom:14px}.quiz-step__title{font-size:clamp(21px,3vw,28px);margin-bottom:10px}.quiz-step__hint{font-size:14.5px;color:var(--color-text-muted);margin-bottom:26px}.quiz-options{display:flex;flex-direction:column;gap:10px}.quiz-option{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px 20px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);font-size:15.5px;font-weight:500;color:var(--color-text);transition:border-color .2s ease,background-color .2s ease,transform .2s var(--ease-out)}.quiz-option:hover{border-color:var(--color-border-strong);background:var(--color-surface-strong);transform:translate(3px)}.quiz-option.is-selected{border-color:#2fe6c8a6;background:#2fe6c814}.quiz-option__check{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--color-border-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .2s ease,background-color .2s ease}.quiz-option--multi .quiz-option__check{border-radius:7px}.quiz-option.is-selected .quiz-option__check{border-color:var(--color-accent);background:var(--color-accent)}.quiz-option__check svg{width:12px;height:12px;stroke:#04110e;opacity:0;transition:opacity .15s ease}.quiz-option.is-selected .quiz-option__check svg{opacity:1}.quiz-option small{display:block;font-size:13px;font-weight:400;color:var(--color-text-muted);margin-top:2px}.quiz-search{width:100%;padding:15px 20px;margin-bottom:14px;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-bg-elevated);color:var(--color-text);font:inherit;font-size:15.5px}.quiz-search:focus{outline:2px solid var(--color-accent);outline-offset:0;border-color:transparent}.quiz-search::placeholder{color:var(--color-text-faint)}.quiz-options--scroll{max-height:340px;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.quiz-options__empty{padding:18px 4px;font-size:14.5px;color:var(--color-text-muted)}.quiz-fields{display:flex;flex-direction:column;gap:16px}.quiz-field label{display:block;font-size:13.5px;font-weight:600;margin-bottom:8px;color:var(--color-text-muted)}.quiz-field input{width:100%;padding:15px 20px;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-bg-elevated);color:var(--color-text);font:inherit;font-size:15.5px}.quiz-field input:focus{outline:2px solid var(--color-accent);outline-offset:0;border-color:transparent}.quiz-field__optional{font-weight:400;color:var(--color-text-faint)}.quiz-field--extra{margin-top:18px}.quiz-textarea{width:100%;padding:16px 20px;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-bg-elevated);color:var(--color-text);font:inherit;font-size:15.5px;line-height:1.55;resize:vertical;min-height:120px}.quiz-textarea:focus{outline:2px solid var(--color-accent);outline-offset:0;border-color:transparent}.quiz-textarea::placeholder{color:var(--color-text-faint)}.quiz-field input.is-invalid{border-color:var(--color-danger)}.quiz-field__error{display:none;font-size:13px;color:var(--color-danger);margin-top:6px}.quiz-field input.is-invalid~.quiz-field__error{display:block}.quiz-card__nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:34px}.quiz-nav__back{font-size:15px;font-weight:500;color:var(--color-text-muted);padding:10px 6px;transition:color .2s ease}.quiz-nav__back:hover{color:var(--color-text)}.quiz-nav__next{margin-left:auto;min-width:150px}.quiz-submit-error{margin-top:16px;font-size:14px;color:var(--color-danger)}.quiz-submit-error a{color:var(--color-accent);text-decoration:underline}.quiz-success{text-align:center;padding-top:clamp(16px,6vh,56px)}.quiz-success__mark{width:76px;height:76px;margin:0 auto 28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#2fe6c81a;border:1px solid rgba(47,230,200,.45);box-shadow:0 0 50px -10px #2fe6c880}.quiz-success__mark svg{width:34px;height:34px;stroke:var(--color-accent)}.quiz-success h2{font-size:clamp(26px,4vw,36px);margin-bottom:14px}.quiz-success p{color:var(--color-text-muted);max-width:46ch;margin:0 auto 12px}.quiz-success__actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:34px}.quiz-success__actions .quiz-success__home{font-size:14.5px;color:var(--color-text-muted)}.quiz-success__actions .quiz-success__home:hover{color:var(--color-accent)}.quiz-step-enter{animation:quiz-step-in .45s var(--ease-out) both}@keyframes quiz-step-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.reduced-motion .quiz-step-enter{animation:none}@media(max-width:560px){.quiz-nav__next{min-width:0;flex:1}}