@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=DM+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',sans-serif;background:#100d0b;color:#f0e5d1}*{box-sizing:border-box}body{margin:0;min-height:100vh}.gate-layout{position:relative;display:flex;flex-direction:column;align-items:center;min-height:100vh;min-height:100dvh;isolation:isolate;overflow:hidden}.scene,.scene-shade{position:absolute;inset:0;z-index:-1}.scene{background:#1d1713 url('/assets/trailer-mines.webp') center 43%/cover no-repeat;filter:saturate(.58) brightness(.66);transform:scale(1.025)}.scene-shade{background:linear-gradient(90deg,rgba(11,9,8,.88),rgba(11,9,8,.56) 50%,rgba(11,9,8,.85)),linear-gradient(180deg,rgba(11,9,8,.52),rgba(11,9,8,.18) 38%,#100d0b 100%)}.brand{align-self:flex-start;display:flex;align-items:center;gap:12px;margin:clamp(22px,4vw,48px) clamp(22px,5vw,72px);color:#e8c28b;font:600 15px/1.1 'Cinzel',serif;letter-spacing:.14em}.brand img{object-fit:contain}.brand small{display:block;margin-top:5px;color:#aa8461;font:500 8px/1.2 'IBM Plex Mono',monospace;letter-spacing:.3em}.gate-card{width:min(100% - 32px,480px);margin:auto 16px;padding:clamp(31px,5vw,54px) clamp(26px,5vw,53px) 31px;text-align:center;background:linear-gradient(145deg,rgba(28,23,19,.96),rgba(15,13,12,.97));border:1px solid rgba(195,143,81,.3);box-shadow:0 28px 90px rgba(0,0,0,.62),inset 0 1px rgba(255,222,166,.08);position:relative}.gate-card:before,.gate-card:after{content:'';position:absolute;width:13px;height:13px;border-color:#b88952;border-style:solid}.gate-card:before{left:9px;top:9px;border-width:1px 0 0 1px}.gate-card:after{right:9px;bottom:9px;border-width:0 1px 1px 0}.crest-wrap{width:94px;height:94px;margin:0 auto 28px;display:grid;place-items:center;background:radial-gradient(circle,rgba(175,114,51,.17),transparent 70%)}.crest{width:89px;height:89px;object-fit:contain;filter:drop-shadow(0 3px 16px rgba(214,143,65,.17))}.eyebrow{display:flex;justify-content:center;align-items:center;gap:12px;margin:0 0 16px;color:#c59a63;font:500 10px 'IBM Plex Mono',monospace;letter-spacing:.23em}.eyebrow span{height:1px;width:25px;background:#8d6642;opacity:.65}h1{margin:0;color:#f6ead6;font:500 clamp(32px,6vw,43px)/1.22 'Cinzel',serif;letter-spacing:-.04em}h1 em{color:#d5a76d;font-style:normal}.intro{max-width:330px;margin:18px auto 36px;color:#b6a99b;font-size:14px;line-height:1.8}form{text-align:left}label{display:block;margin:0 0 11px;color:#c2a77e;font:500 10px 'IBM Plex Mono',monospace;letter-spacing:.18em}.input-wrap{position:relative}.key{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#ab8255;font-size:14px}.input-wrap input{width:100%;height:52px;padding:0 16px 0 43px;color:#f6ead6;font:inherit;font-size:15px;background:#120f0e;border:1px solid #554537;border-radius:2px;outline:none;transition:border-color .2s,box-shadow .2s}.input-wrap input::placeholder{color:#817366}.input-wrap input:focus{border-color:#c79b66;box-shadow:0 0 0 3px rgba(199,155,102,.16)}.error{min-height:18px;margin:9px 0 7px;color:#e3a29b;font-size:12px}.gate-card button{display:flex;justify-content:center;align-items:center;gap:16px;width:100%;min-height:54px;border:1px solid #d3a66a;background:linear-gradient(#c99a5d,#aa7740);color:#1e140d;cursor:pointer;font:600 12px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;transition:filter .2s,transform .2s}.gate-card button:hover{filter:brightness(1.12);transform:translateY(-1px)}.gate-card button:disabled{opacity:.6;cursor:wait}.gate-card button span{font-size:19px;font-weight:400}.private-note{margin:27px 0 0;color:#8e7d6c;font:400 11px 'IBM Plex Mono',monospace;letter-spacing:.05em}footer{margin:22px;color:#9b826a;font:500 9px 'IBM Plex Mono',monospace;letter-spacing:.22em;text-align:center}footer span{color:#c5975c}@media(max-width:560px){.brand{margin:22px}.gate-card{margin:24px 16px}.crest-wrap{margin-bottom:19px}.intro{margin-bottom:28px}}

footer a{color:#d1aa74;text-decoration:underline;text-underline-offset:3px}footer a:hover{color:#f0cf9c}