:root{--gold:#d7b14a;--gold-d:#b99635;--panel:rgba(6,6,6,.60);--text:#fff;--muted:rgba(255,255,255,.9)}
*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,Helvetica,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:#0b0b0b;text-align:center;-webkit-font-smoothing:antialiased;moz-osx-font-smoothing:grayscale}
body{background-image:radial-gradient(40% 55% at 50% 30%,rgba(215,177,74,.08),transparent),linear-gradient(rgba(0,0,0,.42),rgba(0,0,0,.64)),image-set(url('background.webp') type('image/webp') 1x,url('background.jpeg') type('image/jpeg') 1x);background-position:center;background-repeat:no-repeat;background-size:cover;display:grid;place-items:center;min-height:100vh;padding:24px 12px}
@media (max-width:780px){body{background-image:radial-gradient(50% 60% at 50% 25%,rgba(215,177,74,.10),transparent),linear-gradient(rgba(0,0,0,.46),rgba(0,0,0,.68)),image-set(url('background-mobile.webp') type('image/webp') 1x,url('background-mobile.jpeg') type('image/jpeg') 1x)}}
.card{position:relative;padding:58px 40px;border-radius:18px;max-width:640px;width:min(640px,100%);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
.card::before{content:'';position:absolute;inset:-2px;border-radius:20px;background:linear-gradient(135deg, rgba(215,177,74,.85), rgba(215,177,74,.15) 35%, rgba(255,255,255,.1) 50%, rgba(215,177,74,.15) 65%, rgba(215,177,74,.7));mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.card::after{content:'';position:absolute;inset:0;border-radius:18px;background:var(--panel);border:1px solid rgba(255,255,255,.10)}
.card>*{position:relative;z-index:1}
.brand{margin:0}.brand img{width:180px;height:40px}
.tag{margin:12px 0 10px 0;font-size:clamp(1.02rem,1.8vw,1.12rem);color:var(--muted);line-height:1.6}
.subtitle{margin:0 0 24px 0;opacity:.95}
form{display:grid;gap:16px;justify-items:center}
.field{width:100%;max-width:400px;text-align:left;display:grid;gap:6px}
label{font-size:.96rem;opacity:.96}
input[type=text],input[type=email]{width:100%;padding:12px 14px 12px 40px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.98);color:#111;font-size:1rem;outline:none;box-shadow:0 1px 0 rgba(0,0,0,.04) inset;transition:border-color .2s, box-shadow .2s}
input#name{background-image:url('data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M12 12c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm0 2c-3.33 0-10 1.67-10 5v3h20v-3c0-3.33-6.67-5-10-5z'/></svg>');background-repeat:no-repeat;background-size:18px 18px;background-position:12px 50%}
input#email{background-image:url('data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M12 13 2 6.76V18h20V6.76L12 13zm0-2L2 4h20L12 11z'/></svg>');background-repeat:no-repeat;background-size:18px 18px;background-position:12px 50%}
input[type=text]:focus-visible, input[type=email]:focus-visible{box-shadow:0 0 0 3px rgba(215,177,74,.35);border-color:var(--gold)}
.consent{width:100%;max-width:400px;text-align:left;display:grid;grid-template-columns:18px 1fr;gap:10px;font-size:.92rem;color:var(--muted)}
.consent input{transform:translateY(2px)}
.actions{margin-top:6px}
button{padding:12px 26px;border-radius:999px;border:none;background:linear-gradient(90deg,var(--gold),var(--gold-d));background-size:200% 100%;color:#0a0a0a;font-weight:800;letter-spacing:.02em;cursor:pointer;font-size:1rem;transition:transform .06s ease-in-out, filter .2s ease-in-out, background-position .6s ease}
button:hover{filter:brightness(.96);background-position:100% 0}
button:active{transform:scale(.98)}
@media (prefers-reduced-motion: reduce){button{transition:none}}
.note{margin-top:8px;font-size:.9rem;color:var(--muted)}
.meta{margin-top:12px;font-size:.9rem;color:var(--muted)}
.meta a{color:#ffd773;text-decoration:none}.meta a:hover{text-decoration:underline}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.panel{background:var(--panel);padding:44px 32px;border-radius:16px;max-width:760px;width:min(760px,100%);box-shadow:0 24px 60px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1)}
.main{display:grid;place-items:center;min-height:100vh;padding:24px 12px}
.home-btn{display:inline-block;margin-top:6px;padding:10px 16px;border-radius:999px;background:var(--gold);color:#000;font-weight:800;text-decoration:none}
.home-btn:hover{filter:brightness(.95)}
.status{margin-top:6px;min-height:1.4em;font-size:.92rem;color:#ffd773}