:root { color-scheme: dark; }
    * { box-sizing: border-box; }
    body { margin:0; min-width:320px; background:#08080b; color:#f4f4fb; font:16px/1.65 system-ui,sans-serif; }
    main { width:min(860px,100%); margin:auto; padding:58px 22px 64px; }
    h1,h2 { line-height:1.2; text-align:center; } h1 { margin:0 0 14px; font-size:clamp(2rem,7vw,3.3rem); }
    h2 { margin:36px 0 16px; font-size:1.5rem; } h3 { margin:24px 0 8px; font-size:1.08rem; }
    p,li { color:#c9c9d5; } a { color:#98ddff; text-underline-offset:3px; }
    .intro { text-align:center; margin-bottom:28px; }
    .contact-panel { padding:26px; border:1px solid #717185; border-radius:12px; background:#12121a; }
    #contact-status { padding:13px 16px; border-left:3px solid #a98cff; background:#202033; color:#fff; overflow-wrap:anywhere; }
    fieldset { border:0; margin:20px 0 0; padding:0; } legend { font-weight:750; }
    label { display:block; margin:18px 0 6px; font-weight:700; }
    input,select,textarea { width:100%; min-height:46px; border:1px solid #9191a6; border-radius:6px; padding:11px; font:inherit; color:#fff; background:#1d1d29; }
    textarea { min-height:170px; resize:vertical; } small { display:block; color:#c4c4d3; margin-top:6px; }
    button[type=submit] { min-height:48px; margin-top:22px; padding:12px 20px; border:1px solid #b8a3ff; border-radius:6px; color:#fff; background:linear-gradient(100deg,#6636b6,#174bb5); font:750 1rem/1.4 system-ui,sans-serif; cursor:pointer; }
    button:disabled { cursor:not-allowed; background:#353544; border-color:#85859a; }
    :is(input,textarea):focus-visible { outline:3px solid #fff; outline-offset:4px; }
    .contact-honeypot { display:none; } .notice { margin-top:34px; border-top:1px solid #545463; }
    .notice ul { padding-left:24px; } .contact-links { display:flex; flex-wrap:wrap; justify-content:center; gap:12px 24px; }
    @media(max-width:480px) { main { padding:34px 16px 44px; } .contact-panel { padding:18px; } }