.quiz-page{min-height:100dvh;color:var(--paper);background:radial-gradient(circle at 18% 12%, #efe0debd, transparent 27rem), radial-gradient(circle at 84% 48%, #dce2eda3, transparent 31rem), linear-gradient(#52474b06 1px,transparent 1px), linear-gradient(90deg,#52474b06 1px,transparent 1px), var(--ink);background-size:auto,auto,64px 64px,64px 64px,auto;grid-template-rows:auto 1fr auto;display:grid}.quiz-header,.quiz-footer{width:min(1120px,100% - 48px);margin-inline:auto}.quiz-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:74px;display:flex}.quiz-header>span{color:#8c8286;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:9px}.quiz-footer{border-top:1px solid var(--line);color:#91878a;justify-content:space-between;align-items:center;min-height:64px;font-size:9px;display:flex}.quiz-flow{align-self:center;width:min(820px,100% - 40px);margin:34px auto}.quiz-progress{margin:0 6px 16px}.progress-label{color:#877d81;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;margin-bottom:10px;font-size:8px;display:flex}.progress-track{background:#816d771c;border-radius:999px;height:5px;overflow:hidden;box-shadow:inset 0 1px 2px #4c3c420d}.progress-track i{border-radius:inherit;background:linear-gradient(90deg,#cfaeb9,#9997b0 38%,#e3c59f 68%,#9dbab4);height:100%;transition:width .35s;display:block;box-shadow:0 0 18px #ab8b993d}.progress-steps{grid-template-columns:repeat(6,1fr);gap:6px;margin-top:8px;display:grid}.progress-steps i{background:#816d771a;border-radius:999px;height:2px;transition:background .25s}.progress-steps i.active{background:#aa8e99}.question-card,.contact-card,.result-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc2;border:1px solid #ccbec2bf;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 28px 80px #48383f1a,inset 0 1px #ffffffe6}.question-card{min-height:440px;padding:46px;animation:.34s cubic-bezier(.2,.8,.2,1) both question-in}.question-card:before,.contact-card:before,.result-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#d3b2bf33,#a1aabf17 48%,#0000 70%);border-radius:50%;width:270px;height:270px;position:absolute;top:-180px;right:-100px}.question-number{color:#b6aaae;font-family:var(--font-mono);align-items:baseline;gap:5px;display:flex;position:absolute;top:38px;right:40px}.question-number strong{color:#8f7780;font-size:24px;font-weight:500}.question-number span{font-size:8px}.question-copy{max-width:670px;padding-right:76px}.question-meta{align-items:center;gap:10px;margin-bottom:13px;display:flex}.question-emoji{background:linear-gradient(135deg,#ffffffe6,#eee2e7ad,#e2e4ee9e);border:1px solid #cbbcc1d9;border-radius:11px;place-items:center;width:34px;height:34px;font-size:17px;display:grid;box-shadow:0 7px 15px #5d454f14}.question-eyebrow{color:#977b85;font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:9px;font-weight:650}.question-card h1,.contact-card h1,.result-card h1{text-wrap:balance;outline:0;margin:0;font-size:clamp(39px,5vw,55px);line-height:.98}.question-note{max-width:610px;color:var(--muted);margin:15px 0 0;font-size:12px;line-height:1.55}.answer-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px;display:grid}.answer{color:#514a4d;cursor:pointer;text-align:left;background:#ffffffb3;border:1px solid #e1d9db;border-radius:13px;grid-template-columns:38px 1fr 28px;align-items:center;gap:12px;width:100%;min-height:78px;padding:12px 14px;transition:border-color .18s,transform .18s,background .18s,box-shadow .18s;display:grid;box-shadow:0 8px 22px #4d3a4109}.answer:hover{background:#fff;border-color:#bbaeb0;transform:translateY(-2px);box-shadow:0 12px 28px #4d3a4114}.answer:hover .answer-emoji{background:#fff;transform:rotate(-5deg)scale(1.06)}.answer.selected{color:#332d30;background:linear-gradient(120deg,#ebdce1f2,#e2e1ece6,#ede5d6e0);border-color:#a58a93;transform:translateY(-2px);box-shadow:0 12px 30px #70535f1f}.answer.selected .answer-emoji{background:#ffffffc7;border-color:#a58a938c;transform:scale(1.08)}.answer-visual{place-items:center;width:34px;height:34px;display:grid;position:relative}.answer-emoji{background:#ffffffb3;border:1px solid #e0d5d8;border-radius:10px;place-items:center;width:34px;height:34px;font-size:17px;transition:transform .18s,background .18s;display:grid}.answer-key{color:#8b7e82;width:17px;height:17px;font-family:var(--font-mono);background:#eee7e8;border:2px solid #fff;border-radius:50%;place-items:center;font-size:7px;font-weight:700;display:grid;position:absolute;bottom:-5px;right:-6px}.answer.selected .answer-key{color:#fff;background:#987e87}.answer strong{font-size:13px;font-weight:700;line-height:1.35}.answer-state{color:#a19498;background:#977f8812;border-radius:50%;place-items:center;width:25px;height:25px;transition:color .18s,background .18s;display:grid}.answer.selected .answer-state{color:#fff;background:#987e87}.keyboard-hint{color:#9a9093;font-family:var(--font-mono);letter-spacing:.06em;text-align:center;text-transform:uppercase;margin:18px 0 0;font-size:8px}.quiz-controls{justify-content:space-between;align-items:center;min-height:40px;margin:9px 7px 0;display:flex}.quiz-controls>span{color:#92888b;align-items:center;gap:6px;font-size:9px;display:flex}.back-button{color:#81767a;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;font-size:10px;text-decoration:none;display:inline-flex}.back-button:hover{color:#332d30}.contact-card{grid-template-columns:minmax(0,1.05fr) minmax(290px,.78fr);align-items:center;gap:46px;margin:22px 0 12px;padding:42px;display:grid}.contact-card-copy{z-index:1;position:relative}.contact-card-topline{justify-content:space-between;align-items:center;gap:16px;display:flex}.contact-card-topline .result-signal{margin-bottom:0}.contact-step{color:#b0a2a7;font-family:var(--font-mono);letter-spacing:.1em;font-size:9px}.contact-card-copy h1{max-width:520px;margin-top:24px}.contact-card-copy>p{max-width:490px;margin:20px 0 0}.contact-card>p,.result-card>p{max-width:620px;color:var(--muted);font-size:13px;line-height:1.6}.contact-benefits{gap:14px;margin:28px 0 0;padding:0;list-style:none;display:grid}.contact-benefits li{color:#61585c;align-items:center;gap:11px;font-size:11px;line-height:1.35;display:flex}.contact-benefits li>span:last-child{gap:3px;display:grid}.contact-benefits strong{color:#40383c;font-size:11px}.contact-benefits small{color:#95898e;font-size:10px}.benefit-icon{color:#fff;background:#a18388;border:1px solid #d6c7cc;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;display:grid;box-shadow:0 5px 12px #70505c26}.contact-fields{grid-template-columns:1fr 1fr;gap:14px;margin-top:26px;display:grid}.contact-fields label:last-child{grid-column:1/-1}.contact-form-panel{z-index:1;background:#ffffffa8;border:1px solid #d3c6c9cc;border-radius:16px;padding:22px;position:relative;box-shadow:0 14px 30px #4d3a410f}.contact-form-heading{color:#977b85;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #d6c9ccb3;justify-content:space-between;align-items:center;gap:10px;padding-bottom:14px;font-size:8px;display:flex}.contact-form-heading strong{color:#9a8d91;font-weight:500}.contact-form-panel .contact-fields{grid-template-columns:1fr;gap:13px;margin-top:18px}.contact-form-panel .contact-fields label:last-child{grid-column:auto}.contact-card label{color:#6f6569;font-size:10px;font-weight:700;display:block}.contact-card input{color:#2f292c;background:#ffffffdb;border:1px solid #ded5d7;border-radius:10px;outline:0;width:100%;height:54px;margin-top:8px;padding:0 15px;transition:border-color .18s,box-shadow .18s}.contact-card input:focus{border-color:var(--green);box-shadow:0 0 0 4px #a183881a}.contact-card .primary-button{cursor:pointer;width:100%;margin-top:18px}.contact-card .primary-button:disabled{cursor:wait;opacity:.7}.contact-card small{color:#8c8286;justify-content:center;align-items:center;gap:6px;margin-top:13px;font-size:8px;display:flex}.contact-card .primary-button{min-height:58px;font-size:13px}.contact-error{color:#a76367;margin:13px 0 0;font-size:11px;line-height:1.5}.result-signal{color:#927680;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:20px;font-size:9px;display:inline-flex}.result-signal i{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #a1838817}.muted-signal{color:#a68e68}.result-card{align-self:center;width:min(760px,100% - 40px);margin:48px auto;padding:52px}.result-orb{color:#fff;background:linear-gradient(135deg,#c9a7b3,#918ea6,#9fb8b3);border:1px solid #d8cccf;border-radius:50%;place-items:center;width:54px;height:54px;margin-bottom:25px;display:grid;box-shadow:0 12px 30px #6d505d2b}.result-card .primary-button,.secondary-button{margin-top:12px}.result-card small{color:#8c8286;margin-top:13px;display:block}.secondary-button{border:1px solid var(--line-bright);color:#3b3437;background:#ffffff8c;border-radius:9px;align-items:center;min-height:50px;padding:0 18px;font-size:12px;text-decoration:none;display:inline-flex}@keyframes question-in{0%{opacity:0;transform:translateY(10px)scale(.992)}}@media (max-width:640px){.quiz-header,.quiz-footer{width:calc(100% - 28px)}.quiz-header{min-height:66px}.quiz-header>span{display:none}.quiz-footer{flex-direction:column;align-items:flex-start;gap:5px;min-height:54px;padding:14px 0}.quiz-flow{width:calc(100% - 24px);margin:20px auto}.quiz-progress{margin-inline:3px}.question-card{border-radius:18px;min-height:0;padding:27px 18px 22px}.question-number{top:25px;right:18px}.question-number strong{font-size:19px}.question-copy{padding-right:48px}.question-card h1,.contact-card h1,.result-card h1{font-size:clamp(35px,10.4vw,42px)}.answer-list{grid-template-columns:1fr;gap:8px;margin-top:26px}.answer{border-radius:11px;min-height:62px}.keyboard-hint,.quiz-controls>span{display:none}.contact-card,.result-card{border-radius:18px;padding:30px 20px}.contact-card{display:block}.contact-card-copy h1{margin-top:20px}.contact-benefits{margin-top:18px}.contact-benefits li{align-items:flex-start;font-size:10px}.contact-form-panel{margin-top:28px;padding:18px 15px}.contact-fields{grid-template-columns:1fr}.result-card{width:calc(100% - 24px);margin:28px auto}}
