:root{--bf-black:#020202;--bf-panel:rgba(18,18,18,.76);--bf-border:rgba(255,210,0,.22);--bf-gold:#ffd000;--bf-gold2:#b99000;--bf-text:#f7f7f7;--bf-muted:#b9b9b9;--bf-danger:#ff5252}*{box-sizing:border-box}body.bf-login-page{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--bf-text);background:radial-gradient(circle at 20% 15%,rgba(255,208,0,.15),transparent 26%),linear-gradient(135deg,#000 0%,#0b0b0b 48%,#1a1a1a 100%);display:grid;place-items:center;padding:24px;overflow-x:hidden}.bf-login-shell{width:min(1080px,100%);display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:stretch}.bf-login-brand,.bf-login-card{border:1px solid var(--bf-border);background:var(--bf-panel);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:28px;box-shadow:0 22px 80px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06)}.bf-login-brand{padding:46px;position:relative;overflow:hidden}.bf-login-brand:after{content:"";position:absolute;inset:auto -80px -100px auto;width:280px;height:280px;background:rgba(255,208,0,.12);border-radius:50%;filter:blur(6px)}.bf-logo-orb{width:86px;height:86px;border-radius:26px;background:linear-gradient(145deg,#111,#000);border:1px solid rgba(255,208,0,.55);display:grid;place-items:center;box-shadow:0 0 35px rgba(255,208,0,.24);animation:bfPulse 2.8s ease-in-out infinite}.bf-logo-orb span{font-weight:900;color:var(--bf-gold);letter-spacing:.08em}.bf-kicker{color:var(--bf-gold);font-weight:800;text-transform:uppercase;letter-spacing:.16em;margin:32px 0 10px}.bf-login-brand h1{font-size:clamp(42px,7vw,78px);line-height:.92;margin:0 0 18px;font-weight:900;letter-spacing:-.05em}.bf-login-brand p{max-width:560px;color:var(--bf-muted);font-size:17px;line-height:1.65}.bf-security-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.bf-security-strip span{padding:10px 13px;border:1px solid rgba(255,208,0,.22);border-radius:999px;background:rgba(255,208,0,.07);font-size:13px;color:#fff}.bf-login-card{padding:38px;align-self:center}.bf-login-card h2{font-size:34px;margin:0 0 8px;letter-spacing:-.03em}.bf-muted{color:var(--bf-muted);margin:0 0 28px}.bf-login-card label{display:block;margin:18px 0 0;font-weight:800;color:#fff;font-size:14px}.bf-login-card input{width:100%;margin-top:8px;padding:15px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:#101010;color:#fff;outline:none;font-size:15px;transition:.2s ease}.bf-login-card input:focus{border-color:var(--bf-gold);box-shadow:0 0 0 4px rgba(255,208,0,.12)}.bf-login-card button{width:100%;margin-top:24px;border:0;border-radius:14px;padding:15px 18px;background:linear-gradient(135deg,var(--bf-gold),#ffb800);color:#050505;font-weight:900;font-size:15px;cursor:pointer;box-shadow:0 12px 32px rgba(255,208,0,.22);transition:.2s ease}.bf-login-card button:hover{transform:translateY(-1px);filter:saturate(1.08)}.bf-login-alert{padding:13px 14px;border-radius:14px;background:rgba(255,82,82,.12);border:1px solid rgba(255,82,82,.32);color:#ffd7d7;margin:18px 0}.bf-login-links{text-align:center;margin-top:18px}.bf-login-links a{color:var(--bf-gold);font-weight:800;text-decoration:none}@keyframes bfPulse{0%,100%{transform:translateY(0);box-shadow:0 0 26px rgba(255,208,0,.18)}50%{transform:translateY(-4px);box-shadow:0 0 48px rgba(255,208,0,.34)}}@media(max-width:840px){.bf-login-shell{grid-template-columns:1fr}.bf-login-brand{padding:30px}.bf-login-card{padding:28px}.bf-login-brand h1{font-size:44px}}@media(max-width:520px){body.bf-login-page{padding:14px}.bf-login-brand{display:none}.bf-login-card{border-radius:22px}}