:root{--blue:#0068b8;--deep:#004e90;--peach:#ffa363;--soft:#fff2e8;--ink:#073c70;--line:#d4e5f1;--white:#fff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Manrope,Arial,sans-serif;color:var(--ink)}body{background:linear-gradient(140deg,#f2f9fe 0 58%,#fff0e5 58%);min-height:100vh}.journey-header{height:94px;display:grid;grid-template-columns:230px 1fr 230px;align-items:center;gap:25px;padding:0 max(4vw,22px);background:rgba(255,255,255,.96);border-bottom:1px solid rgba(0,96,170,.09)}.brand img{width:185px;max-height:68px;object-fit:contain}.exit-link{justify-self:end;color:var(--blue);font-size:.82rem;font-weight:700;text-decoration:none}.progress-wrap{width:min(420px,100%);justify-self:center}.progress-wrap>span{display:block;text-align:center;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.progress{height:5px;background:#e7f0f6;border-radius:99px;overflow:hidden}.progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--peach));transition:width .3s ease}.screen{display:none;min-height:calc(100vh - 94px);padding:55px max(5vw,24px);align-items:center;justify-content:center}.screen.active{display:flex}.intro-screen{flex-direction:column;text-align:center}.intro-mark,.question-kicker,.result-kicker,.safety-kicker{text-transform:uppercase;letter-spacing:.17em;font-weight:800;font-size:.75rem;color:var(--blue)}.intro-screen h1{font-size:clamp(3rem,7vw,6.5rem);letter-spacing:-.06em;line-height:1;margin:15px 0 20px}.intro-screen>p{max-width:760px;font-size:1.08rem;line-height:1.7}.intro-screen ul{display:flex;gap:28px;flex-wrap:wrap;justify-content:center;padding:0;list-style:none;font-size:.8rem;font-weight:700;margin:16px 0 28px}.intro-screen li:before{content:'✓';color:var(--peach);margin-right:8px}.primary{border:0;border-radius:999px;padding:16px 27px;background:linear-gradient(100deg,#ff8e4c,var(--peach));color:white;font:800 .95rem Manrope;cursor:pointer;box-shadow:0 13px 28px rgba(255,143,74,.23)}.primary span{margin-left:25px;font-size:1.25rem}.question-screen{background:linear-gradient(135deg,var(--blue),#007fc5 55%,#36a8d0)}.question-box{width:min(960px,100%);padding:50px;border-radius:30px;background:rgba(255,255,255,.98);box-shadow:0 25px 75px rgba(0,54,100,.22)}.question-kicker{margin:0}.question-box h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.12;letter-spacing:-.045em;margin:12px 0 8px}.question-help{margin:0 0 26px;line-height:1.6;color:#3d6d95}.answers{display:grid;grid-template-columns:1fr 1fr;gap:13px}.answer{position:relative}.answer input{position:absolute;opacity:0;pointer-events:none}.answer label{display:flex;align-items:center;min-height:64px;padding:14px 17px;border:1.5px solid var(--line);border-radius:15px;background:#fff;font-size:.9rem;font-weight:650;line-height:1.35;cursor:pointer;transition:.18s ease}.answer label:before{content:'';width:18px;height:18px;flex:0 0 auto;margin-right:12px;border:2px solid #86b8d8;border-radius:50%}.answer input:checked+label{border-color:var(--peach);background:#fff4ec;box-shadow:0 7px 18px rgba(255,157,93,.13)}.answer input:checked+label:before{border:5px solid var(--peach)}.multiple .answer label:before{border-radius:5px}.validation{min-height:18px;color:#a23d2d;font-size:.78rem;margin:12px 0 0}.question-actions{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.back,.restart{border:0;background:transparent;color:var(--blue);font:700 .84rem Manrope;cursor:pointer;padding:12px}.result-screen{flex-direction:column;background:linear-gradient(140deg,#fff7f0,#f1f9fe)}.result-card{width:min(850px,100%);padding:52px;border-radius:30px;background:white;box-shadow:0 25px 70px rgba(0,76,138,.13);text-align:center;border-top:7px solid var(--peach)}.result-card h2,.safety-card h2{font-size:clamp(2.2rem,4.5vw,4.2rem);line-height:1.08;letter-spacing:-.05em;margin:14px 0}.result-card>p:not(.result-kicker){max-width:690px;margin:0 auto 25px;line-height:1.7}.result-actions,.safety-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.result-actions a,.safety-actions a{padding:13px 18px;border:1.5px solid var(--blue);border-radius:999px;color:var(--blue);font-size:.83rem;font-weight:800;text-decoration:none}.result-actions a:first-child{color:white;background:var(--peach);border-color:var(--peach)}.restart{display:block;margin:22px auto 0;text-decoration:underline}.result-note{max-width:720px;text-align:center;font-size:.72rem;line-height:1.5;color:#52728d}.safety-screen{background:#073c70}.safety-card{width:min(940px,100%);padding:52px;border-radius:30px;background:white}.safety-kicker{color:#b23c31}.safety-card>p:not(.safety-kicker){line-height:1.7}.emergency{display:grid;gap:8px;padding:20px;margin:24px 0;background:#fff2ef;border-left:5px solid #c84a3c;border-radius:10px}.emergency span{font-size:.84rem;line-height:1.5}.safety-actions{justify-content:flex-start}.safety-actions .urgent{color:white;background:#b5382d;border-color:#b5382d}@media(max-width:720px){.journey-header{height:84px;grid-template-columns:145px 1fr}.brand img{width:140px}.progress-wrap{grid-column:1/-1;grid-row:2;padding:0 0 8px}.journey-header{padding-top:8px;grid-template-rows:50px 26px}.exit-link{font-size:.72rem}.screen{min-height:calc(100vh - 84px);padding:30px 18px}.question-box,.result-card,.safety-card{padding:30px 20px;border-radius:22px}.answers{grid-template-columns:1fr}.answer label{min-height:58px}.intro-screen ul{display:grid;gap:8px}.question-actions{position:sticky;bottom:0;background:white;padding-top:8px}.result-actions,.safety-actions{display:grid}.result-actions a,.safety-actions a{text-align:center}}
