:root{--bg: #f5f7fb;--surface: #ffffff;--text: #0b1220;--text-2: #3a4560;--line: #aab4cb;--accent: #1b4fb3;--on-accent: #ffffff}@media (prefers-color-scheme: dark){:root{--bg: #0b1220;--surface: #111a2e;--text: #f5f7fb;--text-2: #c5cddc;--line: #3a4766;--accent: #8db5ff;--on-accent: #0b1220}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent)}.top{display:flex;justify-content:flex-end;padding:20px 24px}main{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.card{max-width:640px;width:100%}.badge{display:inline-block;padding:4px 12px;border-radius:99px;background:var(--accent);color:var(--on-accent);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase}h1{font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.1;margin:18px 0 16px;color:var(--text);letter-spacing:-.02em}.sub{font-size:1.15rem;line-height:1.6;color:var(--text-2);margin:0 0 28px}.contact{color:var(--text-2);font-size:1rem}.contact strong{color:var(--text)}.foot{padding:20px 24px;color:var(--text-2);font-size:.875rem}.lang{position:relative}.lang>button{display:flex;align-items:center;gap:8px;font:inherit;font-size:14px;font-weight:600;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:8px 14px;cursor:pointer}.lang>button:hover,.lang>button:focus-visible,.lang.open>button{border-color:var(--accent);outline:none}.lang ul{display:none;position:absolute;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:170px;z-index:10}.lang.open ul{display:block}.lang ul button{width:100%;display:flex;justify-content:space-between;gap:12px;font:inherit;font-size:14px;color:var(--text);background:transparent;border:0;border-radius:8px;padding:8px 10px;cursor:pointer;text-align:left}.lang ul button small{color:var(--text-2)}.lang ul button:hover,.lang ul button:focus-visible{background:var(--accent);color:var(--on-accent);outline:none}.lang ul button:hover small,.lang ul button:focus-visible small{color:var(--on-accent)}.lang ul button[aria-checked=true]{font-weight:800}@media (max-width:480px){.top{padding:16px}main{padding:16px}}
