:root{--gold:#c9a961;--gold-bright:#e8d460;--page:#0a0a0a;--panel:#121211;--rule:#2a2823;--rule-lit:#3d392f;--ink:#f2f0ea;--ink-2:#a8a296;--ink-3:#7d7a72;--flag:#c93f30;--display:"Avenir Next Condensed", "Arial Narrow", "Helvetica Neue", sans-serif;--body:-apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--mono:"SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%}body{background:var(--page);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}body:before{content:"";opacity:.05;pointer-events:none;background:url(/brand/petrol-wordmark-gold-1200.png) 50%/contain no-repeat;width:76vh;height:300px;position:fixed;top:50%;left:calc(100% - 140px);transform:translate(-50%,-50%)rotate(-90deg)}@media (max-width:800px){body:before{display:none}}.gate-wrap{z-index:1;justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex;position:relative}.gate{width:100%;max-width:27rem}.gate .mark{margin:0 0 30px;display:block}.gate .mark img{width:190px;height:auto;display:block}.gate h1{font-family:var(--display);text-transform:uppercase;color:var(--ink);margin:0 0 6px;font-size:clamp(2.1rem,7vw,2.9rem);font-weight:700;line-height:1}.gate h1 span{color:var(--gold)}.gate .sub{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);font-size:.68rem}.gate form{flex-direction:column;gap:11px;margin-top:26px;display:flex}.gate input[type=password]{font-family:var(--mono);letter-spacing:.06em;border:1px solid var(--rule-lit);background:var(--panel);color:var(--ink);border-radius:4px;outline:none;width:100%;padding:13px 15px;font-size:1rem}.gate input[type=password]::placeholder{color:var(--ink-3)}.gate input[type=password]:focus{border-color:var(--gold)}.gate button{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;background:var(--gold);color:var(--page);cursor:pointer;border:0;border-radius:4px;padding:14px;font-size:.72rem;font-weight:600}.gate button:hover{background:var(--gold-bright)}.gate .bad{border-left:2px solid var(--flag);color:var(--ink-2);background:#c93f3014;border-radius:0 3px 3px 0;margin:18px 0 0;padding:11px 14px;font-size:.9rem}.gate .hint{font-family:var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);margin:24px 0 0;font-size:.6rem}