:root{color-scheme:dark;--bg:#0b1018;--surface:#121b28;--border:#273346;--text:#eef3fc;--muted:#aebbd0;--blue:#73b5ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--blue);text-underline-offset:4px}a:hover{color:#c3dfff}a:focus-visible{outline:2px solid var(--blue);outline-offset:5px;border-radius:4px}.navigation{max-width:1080px;margin:auto;padding:26px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{color:var(--text);font-size:23px;font-weight:750;text-decoration:none}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{font-size:15px;text-decoration:none}main{max-width:930px;margin:auto;padding:0 24px}.hero{padding:52px 0 42px;max-width:780px}.app-icon{border-radius:25px;box-shadow:0 12px 60px #1662b455;margin-bottom:20px}.eyebrow{color:var(--blue);font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}h1{font-size:clamp(32px,5vw,52px);line-height:1.15;letter-spacing:-.025em;margin:12px 0 24px}h2{font-size:22px;line-height:1.4;margin:0 0 14px}p{margin:0 0 14px}.intro{font-size:21px;color:var(--muted);line-height:1.65}.updated{color:var(--muted);font-size:14px}.sections{display:grid;gap:18px}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:28px 30px}.card p{color:var(--muted)}.card p:last-child{margin-bottom:0}.contact-panel{margin:28px 0 55px;padding:30px;border-radius:18px;background:#112742;border:1px solid #28528b}.email{font-size:19px;font-weight:600;overflow-wrap:anywhere}.contact-panel p{margin:16px 0 0;color:var(--muted);font-size:15px}footer{border-top:1px solid var(--border);max-width:1080px;margin:auto;padding:28px 24px 35px;color:var(--muted);font-size:14px}footer div{display:flex;flex-wrap:wrap;gap:12px 24px}footer p{margin:20px 0 0}.skip{position:absolute;left:12px;top:-100px;background:var(--surface);padding:12px;z-index:1}.skip:focus{top:12px}@media(max-width:600px){.navigation{align-items:flex-start;flex-direction:column;gap:12px;padding:20px}nav{gap:16px}main{padding:0 20px}.hero{padding:30px 0}.card,.contact-panel{padding:23px 20px}.intro{font-size:18px}body{font-size:16px}.app-icon{width:90px;height:90px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
