*{box-sizing:border-box}html{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#f9efe5;background:#141c2d}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top,#37415a 0%,#171f32 60%,#101728 100%)}a{color:#f0c092}a:hover{text-decoration:underline}.wrap{max-width:800px;padding:2rem 1.2rem 5rem;margin:auto}.top{display:flex;justify-content:space-between;gap:1rem;align-items:center}.logo{letter-spacing:.18em;color:#ffdcac;text-decoration:none;font-weight:700}.lang{font-size:.85rem}.pill{display:inline-block;margin:2.8rem 0 .6rem;padding:.4rem 1rem;border:1px solid #a87e68;border-radius:32px;color:#e9b98f;font-size:.82rem;letter-spacing:.08em}h1{font:clamp(2.25rem,7vw,4rem)/1.1 Georgia,serif;font-weight:normal;max-width:700px;margin:.6rem 0 1rem}.symbol{font-size:3rem;display:block;margin:1rem 0}.lead{font-size:1.16rem;line-height:1.75;color:#ede1d3}.panel{margin-top:2rem;padding:1.3rem;border:1px solid #67596b;border-radius:22px;background:#202a3e}.panel h2{font:1.7rem Georgia,serif;color:#eac49a;margin:0 0 1rem}.panel p{line-height:1.72}.tip{font:italic 1.25rem Georgia,serif;color:#e8bb96}.modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1.2rem 0}.modes a{display:block;border-radius:12px;background:#e7bc96;color:#1e2435;text-align:center;padding:1rem .45rem;text-decoration:none;font-weight:700}.modes a:hover{background:#f5d0ad}.muted{color:#bbb9c3;font-size:.85rem}.links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.links a{padding:.35rem 0}.footer{margin-top:3rem;border-top:1px solid #6a5966;padding-top:1rem;color:#bdb6b5;font-size:.85rem}@media(max-width:450px){.modes{grid-template-columns:1fr}}