:root{--ink:#212439;--muted:#5a6075;--purple:#5b45be;--lav:#ece9fc;--line:#dcdbea;--paper:#fbfaff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);margin:0;font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#4e3ba7}.container{max-width:1120px;margin:auto;padding:0 24px}.skip{z-index:9;background:#fff;padding:10px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.header{color:#fff;background:#1b1c35}.header-row{justify-content:space-between;align-items:center;gap:20px;min-height:72px;display:flex}.logo{color:#fff;letter-spacing:.13em;align-items:center;min-height:44px;font-weight:850;text-decoration:none;display:inline-flex}.logo span{opacity:.7;letter-spacing:.04em;font-weight:500}.header nav{gap:20px;display:flex}.header nav a{color:#e9e6ff;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.hero{grid-template-columns:1.3fr .7fr;align-items:center;gap:60px;padding-top:90px;padding-bottom:90px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--purple);font-size:.8rem;font-weight:800}.hero h1{letter-spacing:-.045em;margin:14px 0 20px;font-size:clamp(2.8rem,5vw,5rem);line-height:1.05}.lead{color:var(--muted);max-width:700px;font-size:1.18rem}.primary,.secondary{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:18px;min-height:48px;padding:12px 22px;font:700 1rem system-ui;text-decoration:none;display:inline-flex}.primary{border:1px solid var(--purple);background:var(--purple);color:#fff}.primary:hover{background:#47339e}.secondary{border:1px solid var(--purple);color:var(--purple);background:#fff}.hero .primary{margin-top:18px}.hero-art{background:#ece9fc;border-radius:24px;grid-template-columns:repeat(3,1fr);place-items:center;min-height:320px;display:grid;position:relative;transform:rotate(2deg);box-shadow:18px 18px #d6cef8}.hero-art span,.hero-art strong{font-size:clamp(4rem,7vw,7rem);line-height:1}.hero-art span:first-child{color:#5b45be}.hero-art span:nth-child(2){color:#aca1da}.hero-art strong{color:#ed8c5f}.hero-art small{letter-spacing:.12em;text-transform:uppercase;color:#595088;font-weight:800;position:absolute;bottom:26px;left:24px}.stripe{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:76px 0}.section{padding-top:76px;padding-bottom:80px}h2{letter-spacing:-.03em;margin:10px 0 30px;font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.14}.steps,.tips{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.steps article,.tips article{border:1px solid var(--line);background:#fff;border-radius:10px;padding:25px}.steps b{background:var(--lav);width:38px;height:38px;color:var(--purple);border-radius:50%;place-items:center;display:grid}h3{font-size:1.2rem;line-height:1.25}.steps p,.tips p,.section-head p,.method p{color:var(--muted)}.section-head{grid-template-columns:1fr 1fr;align-items:end;gap:30px;display:grid}.question{border:1px solid var(--line);background:#fff;border-radius:10px;margin:24px 0;padding:24px}.question legend{padding:0 6px;font-size:1.12rem;font-weight:750}.option{background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:7px;align-items:center;gap:12px;min-height:48px;margin:8px 0;padding:10px 12px;display:flex}.option:hover{border-color:var(--purple)}.option input{width:44px;height:44px;accent-color:var(--purple);flex:none}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.quiz-result{background:var(--lav);border-left:5px solid var(--purple);margin-top:28px;padding:24px}.quiz-result h3{margin-top:0;font-size:1.7rem}.answer{border-top:1px solid #c9c1ee;padding:16px 0}.answer p{margin:.25rem 0}.method{grid-template-columns:.8fr 1.2fr;gap:60px;display:grid}.tips article{background:var(--paper)}footer{color:#d9d8e9;background:#1b1c35;padding:30px 0}.footer-row{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.footer-row p{margin:0}footer a{color:#d9d8e9}@media (width<=760px){.header-row{flex-direction:column;align-items:flex-start;padding-top:15px;padding-bottom:15px}.header nav{gap:14px}.hero,.method,.section-head{grid-template-columns:1fr;gap:22px}.hero{padding-top:55px;padding-bottom:70px}.hero-art{min-height:220px;box-shadow:10px 10px #d6cef8}.steps,.tips{grid-template-columns:1fr}.section,.stripe{padding-top:55px;padding-bottom:55px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.language-switch{border-bottom:1px solid var(--line);background:#ece9fc;flex-wrap:wrap;justify-content:center;gap:4px;padding:8px 20px;display:flex}.language-switch a{border-radius:4px;align-items:center;min-height:44px;padding:4px 9px;font-size:.9rem;text-decoration:none;display:inline-flex}.language-switch a[aria-current=page]{background:var(--purple);color:#fff;font-weight:700}html[dir=rtl] .language-switch{direction:rtl}html[dir=rtl] .quiz-result{border-left:0;border-right:5px solid var(--purple)}html[dir=rtl] .skip{visibility:hidden;left:auto;right:8px}html[dir=rtl] .skip:focus{visibility:visible}