.questionnaire-page{min-height:100svh;background:radial-gradient(ellipse at 5% 20%,#233a2b60,transparent 60%),#101b15;color:var(--cream)}.q-header{width:min(1320px,calc(100% - 96px));margin:auto;display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid #a9e7c420}.brand-system{display:block;font:9px var(--font-data);letter-spacing:.35em;color:var(--mint);margin-top:4px}.q-languages{display:flex;align-items:center;gap:9px}.q-languages button{background:none;border:0;color:#8eaa98;font:12px var(--font-data);padding:10px 2px}.q-languages button[aria-pressed=true]{color:var(--mint);border-bottom:1px solid currentColor}.q-languages>span{color:#496752}.q-layout{width:min(1250px,calc(100% - 96px));margin:68px auto;display:grid;grid-template-columns:.85fr 1.2fr;gap:110px;align-items:start}.q-side{position:sticky;top:40px}.q-side h1{font-size:clamp(42px,4.9vw,68px);line-height:1.06;letter-spacing:-.06em;font-weight:500;margin:25px 0}.q-side>p:not(.eyebrow){color:#a7bcad;max-width:29ch;font-size:17px;line-height:1.65}.q-side .eyebrow{font-size:10px}.q-side-note{font-size:13px!important}.q-orbit{width:220px;height:220px;position:relative;margin:48px 0;display:grid;place-items:center}.q-orbit i{position:absolute;inset:0;border:1px solid #a9e7c430;border-radius:50%;transform:rotateX(52deg) rotate(-25deg)}.q-orbit i:nth-child(2){transform:rotateY(52deg) rotate(20deg)}.q-orbit i:nth-child(3){inset:25px;border-color:#a9e7c415}.q-orbit span{font-size:44px;letter-spacing:-3px;color:var(--mint)}.q-progress-meta{display:flex;justify-content:space-between;gap:16px;font:11px var(--font-data);color:#a0b6a6;min-height:25px}.q-progress{height:3px;background:#304337;border-radius:4px;margin:12px 0 38px}.q-progress i{display:block;height:100%;width:0;background:var(--mint);transition:width .3s ease}.q-main{min-width:0}#question-card{outline:none;min-height:320px}#question-card h2{font-size:clamp(26px,3vw,40px);line-height:1.16;letter-spacing:-.045em;margin-bottom:24px}#question-card .q-intro{color:#adc1b3;font-size:15px;margin:0 0 14px}.q-help{font-size:13px;color:#94ad9c;margin:0 0 20px}.q-options{display:grid;gap:10px}.q-options.compact{grid-template-columns:1fr 1fr}.q-option{position:relative;display:flex;align-items:center;gap:13px;padding:16px 19px;background:#20312888;border:1px solid #8eab972d;border-radius:10px;color:#dce8df;font-size:16px;line-height:1.4;cursor:pointer;transition:background .15s,border-color .15s}.q-option:hover{border-color:#a9e7c477;background:#294031}.q-option:has(input:checked){background:#a9e7c416;border-color:var(--mint);color:#d5f7e1}.q-option input{appearance:none;width:18px;height:18px;flex:0 0 18px;border:1px solid #799784;border-radius:50%;margin:0;display:grid;place-items:center}.q-option input[type=checkbox]{border-radius:4px}.q-option input:checked{border:5px solid var(--mint);background:#1b2f21}.q-option input[type=checkbox]:checked{border:0;background:var(--mint)}.q-option input[type=checkbox]:checked:after{content:'✓';font-size:13px;color:#102417}.q-option:has(input:focus-visible){outline:2px solid var(--mint);outline-offset:3px}.q-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.q-scale .q-option{justify-content:center;padding:18px 8px;font:20px var(--font-data)}.q-scale input{position:absolute;opacity:0;width:1px;height:1px}.q-scale-anchors{display:flex;justify-content:space-between;gap:30px;font-size:12px;color:#afc5b7;margin-top:15px}.q-scale-anchors span{max-width:45%}.q-scale-anchors span:last-child{text-align:right}.q-concept{border-left:2px solid var(--mint);background:#a9e7c40b;padding:18px 22px;margin-bottom:24px;color:#c1d6c8;font-size:15px;line-height:1.7}.q-field{display:block;font-size:14px;color:#bfd6c7;margin-bottom:20px}.q-field input{display:block;width:100%;border:1px solid #789c8355;background:#182b20;border-radius:8px;color:#eef5ed;font-size:17px;padding:15px 18px;margin-top:9px}.q-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;padding-top:24px;border-top:1px solid #a9e7c420}.q-back{border:0;background:none;padding:12px 0;color:#b7cbbb;font-size:14px}.q-actions .button{max-width:85%;font-size:15px;line-height:1.4}.q-privacy{font-size:12px;line-height:1.65;color:#8ca594;margin:24px 0;max-width:63ch}.q-privacy a{text-decoration:underline}#form-error{color:#ffc5b7;background:#a6412422;border:1px solid #f6aa8755;border-radius:8px;padding:13px 16px;font-size:14px}#save-status.failed{color:#ffbc80}.q-footer{width:min(1320px,calc(100% - 96px));margin:50px auto 0;padding:24px 0;border-top:1px solid #a9e7c420;display:flex;gap:25px;justify-content:space-between;flex-wrap:wrap;color:#8fa697;font-size:12px}.q-success-icon{width:65px;height:65px;display:grid;place-items:center;border:1px solid var(--mint);color:var(--mint);border-radius:50%;font-size:30px;margin-bottom:30px}.q-success p{color:#b7cdbd;font-size:17px;line-height:1.7}.q-success .button{margin-top:20px}.q-enter{animation:q-enter .25s ease-out}@keyframes q-enter{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:none}}.analytics-choice{position:fixed;bottom:20px;left:20px;z-index:100;width:min(430px,calc(100% - 40px));padding:20px;background:#172b20;color:#e5f1e8;border:1px solid #759782;border-radius:12px;box-shadow:0 10px 60px #0007;font-size:14px}.analytics-choice button{margin-right:12px;border:1px solid #a9e7c455;border-radius:5px;padding:8px 14px;background:#294331;color:white}.q-trap{position:absolute;left:-9999px;opacity:0}
@media(max-width:1023px){.q-layout{gap:50px;grid-template-columns:.7fr 1.2fr}.q-side h1{font-size:44px}.q-header,.q-layout,.q-footer{width:calc(100% - 56px)}}
@media(max-width:767px){.q-header,.q-layout,.q-footer{width:calc(100% - 40px)}.q-header{padding:20px 0}.q-header .brand{font-size:23px}.q-layout{display:block;margin:30px auto}.q-side{position:static}.q-side h1,.q-side>p:not(.eyebrow),.q-orbit{display:none}.q-side .eyebrow{font-size:9px;margin:0 0 24px}.q-progress{margin-bottom:27px}#question-card{min-height:280px}#question-card h2{font-size:28px}.q-option{padding:14px 16px;font-size:15px}.q-options.compact{gap:9px}.q-options.compact .q-option{padding:13px 12px}.q-actions{position:sticky;bottom:0;padding:16px 0;background:#101b15f5;backdrop-filter:blur(10px);margin-top:20px;z-index:2}.q-actions .button{padding:14px 17px;font-size:14px;gap:12px}.q-footer{margin-top:28px;gap:12px}.q-scale .q-option{padding:17px 8px}.q-concept{font-size:14px;padding:15px 17px}}
@media(prefers-reduced-motion:reduce){.q-enter{animation:none}.q-progress i{transition:none}}