/* Satyug: night-ink ground, one saffron horizon line. Single committed dark look. */
:root{--ink:#0A1311;--ink2:#101C19;--line:#1F302B;--fg:#E9EEEA;--mute:#8FA39B;--sun:#F2A93B;--sun2:#FFD58A;
 --display:'Instrument Serif','Times New Roman',serif;--deva:'Tiro Devanagari Hindi','Noto Serif Devanagari',serif;--body:'Hanken Grotesk',system-ui,sans-serif;--mono:'IBM Plex Mono',ui-monospace,monospace;color-scheme:dark}
*{box-sizing:border-box}html{background:var(--ink)}
body{margin:0;background:var(--ink);color:var(--fg);font:17px/1.6 var(--body);padding-block:0 64px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
main{max-width:720px;margin:0 auto}
.horizon{height:2px;background:linear-gradient(90deg,transparent,var(--sun) 40%,var(--sun2) 55%,transparent);opacity:.9;margin:0 calc(-1*max(20px,env(safe-area-inset-left,0px)))}
header{padding-top:max(28px,env(safe-area-inset-top,0px));display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.mark{font:500 13px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
nav a{color:var(--mute);text-decoration:none;font:500 13px var(--mono);letter-spacing:.08em}
nav a:hover{color:var(--sun2)}
h1{font:400 clamp(64px,17vw,136px)/.95 var(--deva);margin:56px 0 8px;letter-spacing:-.01em}
.tag{font:italic 400 clamp(24px,5vw,34px)/1.25 var(--display);color:var(--sun2);margin:0 0 28px;text-wrap:balance}
p{max-width:60ch;margin:0 0 18px;color:#C9D5CF}
h2{font:400 clamp(28px,6vw,40px)/1.15 var(--display);margin:64px 0 14px;text-wrap:balance}
form{display:flex;flex-direction:column;gap:14px;margin-top:22px}
label{font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
textarea,input[type=text],input[type=email],input[type=password]{width:100%;background:var(--ink2);border:1px solid var(--line);color:var(--fg);border-radius:6px;padding:14px 16px;font:inherit;outline:none}
textarea{min-height:140px;resize:vertical}
textarea:focus,input:focus{border-color:var(--sun)}
button,.btn{appearance:none;border:0;background:var(--sun);color:#1A1204;font:600 16px var(--body);padding:14px 22px;border-radius:6px;cursor:pointer;align-self:flex-start}
button:hover{background:var(--sun2)}button[disabled]{opacity:.5;cursor:default}
.ghost{background:transparent;color:var(--fg);border:1px solid var(--line)}.ghost:hover{background:var(--ink2)}
.hp{position:absolute;left:-9999px;opacity:0}
.note{font:400 14px var(--body);color:var(--mute)}
.ok{color:var(--sun2)}.err{color:#FF9B8A}
.stat{font:500 13px var(--mono);color:var(--mute);margin-top:32px;letter-spacing:.06em}
footer{margin-top:80px;padding-top:20px;border-top:1px solid var(--line);font:400 13px var(--mono);color:var(--mute)}
a{color:var(--sun2)}
table{width:100%;border-collapse:collapse;font-size:15px}td,th{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
@media (prefers-reduced-motion:no-preference){.horizon{animation:rise 1.6s ease-out both}@keyframes rise{from{transform:scaleX(.2);opacity:0}to{transform:scaleX(1);opacity:.9}}}