:root { color-scheme: dark; font-family: Inter, Arial, sans-serif; color: #ebf3f5; background: #090b0e; }
    * { box-sizing: border-box; }
    body { min-height: 100vh; display: grid; place-items: center; margin: 0; padding: 24px; }
    main { width: min(100%, 620px); padding: clamp(26px,6vw,58px); border: 1px solid #285263; background: #0c151b; }
    .brand { display: inline-flex; align-items: center; gap: 13px; font: 500 15px Orbitron, Arial, sans-serif; letter-spacing: .12em; }
    .brand img { width: 40px; height: 40px; object-fit: contain; }
    .brand b { background: linear-gradient(100deg,#60d8ed,#dd5cde); background-clip: text; color: transparent; }
    h1 { margin: 42px 0 10px; font-size: clamp(32px,7vw,52px); font-weight: 400; }
    p { color: #aebfc5; line-height: 1.6; }
    nav { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
    nav a { min-width: 130px; padding: 13px 17px; border: 1px solid #307386; color: #e9f8fa; text-decoration: none; }
    nav a:hover, nav a:focus-visible { border-color: #49d9e8; outline: none; }