@font-face{font-family:'Klupp Display';src:url('../fonts/BarlowCondensed-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--navy:#071521;--blue:#173e66;--gold:#e6bc55;--paper:#f0eee5;--muted:#b7c3c8}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{background:radial-gradient(circle at 78% 18%,#173e66 0,#0d273c 26%,var(--navy) 67%);color:var(--paper);font:15px/1.6 'Helvetica Neue',Arial,sans-serif}
body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.15;background-image:linear-gradient(120deg,transparent 0 48%,#e6bc5522 48.2% 48.35%,transparent 48.5% 100%),radial-gradient(#fff 0.6px,transparent .8px);background-size:auto,5px 5px}
.page{position:relative;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:34px clamp(24px,5vw,76px) 28px;max-width:1600px;margin:auto}
.brand{display:flex;align-items:center;gap:14px;color:var(--paper);text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:10px}
.brand img{width:52px;height:52px;object-fit:contain}
.brand span{color:var(--gold)}
.main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,420px);gap:clamp(40px,9vw,150px);align-items:center;padding:clamp(70px,12vh,150px) 0}
.eyebrow{margin:0 0 18px;color:var(--gold);font:11px/1.4 monospace;letter-spacing:.16em;text-transform:uppercase}
h1{max-width:760px;margin:0;font:800 clamp(72px,12vw,174px)/.8 'Klupp Display',Impact,sans-serif;letter-spacing:-.02em;text-transform:uppercase}
h1 em{font-style:normal;color:var(--gold)}
.intro{max-width:470px;margin:30px 0 0;color:var(--muted);font-size:17px}
.login{padding:28px;border:1px solid #dce8e522;background:#071521bb;backdrop-filter:blur(14px)}
.login h2{margin:0 0 6px;font:800 30px/1 'Klupp Display',Impact,sans-serif;text-transform:uppercase}
.login p{margin:0 0 20px;color:var(--muted);font-size:12px}
.field{display:grid;gap:6px;margin-top:13px}.field label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.field input{width:100%;border:1px solid #dce8e544;border-radius:0;background:#0d273c;color:var(--paper);padding:11px 12px;font-size:14px}.field input:focus{outline:2px solid var(--gold);outline-offset:2px}
.submit{width:100%;margin-top:20px;border:0;background:var(--gold);color:var(--navy);padding:13px 16px;cursor:pointer;font:800 18px/1 'Klupp Display',Impact,sans-serif;text-transform:uppercase}.submit:hover{background:#f3d477}
.status{min-height:22px;margin:14px 0 0;color:var(--gold);font-size:11px}.status:empty{display:none}
.continue{display:inline-block;margin-top:8px;color:var(--paper);text-decoration:underline;text-underline-offset:4px;font-size:12px}
.footer{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #dce8e522;padding-top:16px;color:var(--muted);font:10px/1.4 monospace;text-transform:uppercase;letter-spacing:.08em}.footer strong{color:var(--gold);font-weight:400}
@media(max-width:760px){.page{padding:24px 22px 20px}.main{grid-template-columns:1fr;padding:70px 0 80px;gap:50px}h1{font-size:clamp(70px,21vw,128px)}.intro{font-size:15px;margin-top:22px}.login{padding:22px}.footer{font-size:8px;flex-direction:column;gap:5px}}