:root{--bg: #07110d;--text: #e9f0ea;--muted: #9fb1a7;--fwier-main-green: #006837;--fwier-clear: #f8fffc;--fwier-dark: #000603;--fwier-sec-yellow: #d2c108;--card: rgba(255,255,255,.02);--border: rgba(255,255,255,.08);--radius: 16px}*{box-sizing:border-box}html,body{height:100dvh;overflow:hidden}body{overscroll-behavior:none;touch-action:manipulation;margin:0;background:radial-gradient(800px 400px at 50% 10%,#0a1a14 0%,var(--bg) 60%,#050b08 100%);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica Neue,Arial;line-height:1.5}.page{min-height:100dvh;display:grid;place-items:center;padding:calc(env(safe-area-inset-top,0) + 12px) calc(env(safe-area-inset-right,0) + 12px) calc(env(safe-area-inset-bottom,0) + 12px) calc(env(safe-area-inset-left,0) + 12px);overflow:hidden}.card{display:grid;place-items:center;gap:16px;width:min(400px,92vw);border-radius:var(--radius);padding:28px 24px 32px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.visual{display:grid;place-items:center;padding-top:8px}.fallback{width:260px;height:auto;display:block}.brand{display:grid;place-items:center;gap:6px;margin-top:4px}.logo{margin:0;text-align:center;font-weight:900;letter-spacing:2px;line-height:.95}.hat{width:40px;height:28px;object-fit:contain;opacity:.9}.sep{width:64px;margin:8px auto 0;border:none;border-top:1px solid var(--border)}.title{text-align:center;margin:8px 0 4px;font-family:Dela Gothic One,sans-serif;font-weight:400;font-size:32px;line-height:1;letter-spacing:0;color:var(--fwier-sec-yellow);text-shadow:0 1px 0 rgba(0,0,0,.4)}.notify{display:grid;gap:10px;margin-top:6px}.notify input{width:100%;background:#0b1612;border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:10px;outline:none}.notify input:focus{border-color:#1f4636;box-shadow:0 0 0 3px #0e7a3d33}.actions{display:flex;gap:10px;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:40px;padding:10px 20px 10px 12px;min-width:99px;border-radius:4px;border:1px solid var(--fwier-dark);background:var(--fwier-clear);color:var(--fwier-dark);text-decoration:none;cursor:pointer;font-weight:700;line-height:20px;box-shadow:0 2px 4px #000000e6;transition:all .2s ease-in-out}.btn.primary{background:var(--fwier-main-green);color:var(--fwier-clear);border-color:var(--fwier-dark)}.btn:hover{background:var(--fwier-clear);color:var(--fwier-dark);box-shadow:0 4px 6px #00000040}.tiny{margin:0;color:var(--muted);font-size:12px;text-align:center}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;border:0;padding:0;margin:-1px}@supports not (height: 100dvh){html,body,.page{height:100vh}}
