.brandgate{--bg:#070608;--ink:#f4f2ec;--muted:#a7a59c;--orange:#ff7a1a;--orange2:#ff9b40;--field-bg:#ffffff0a;--field-border:#ffffff24;--field-ink:#f4f2ec;--field-ph:#7c7a73;--glass-bg:#ffffff0d;--glass-border:#ffffff1f;--photo:url(/dark.jpg);--logo-hole:#14121a;--veil:linear-gradient(90deg, #070608bd 0%, #07060852 46%, #07060800 74%);--veil-mobile:linear-gradient(180deg, #07060866 0%, #070608c7 100%);background:var(--bg);min-height:100svh;color:var(--ink);font-family:var(--font-montserrat), system-ui, sans-serif;justify-content:center;align-items:center;padding:32px 24px;display:flex;position:relative;overflow:hidden}html:not(.dark) .brandgate--themed{--bg:#f5f6f9;--ink:#16181d;--muted:#5c6478;--field-bg:#ffffffd9;--field-border:#14161e29;--field-ink:#16181d;--field-ph:#9aa0ad;--glass-bg:#ffffffb8;--glass-border:#14161e1f;--photo:url(/white.jpg);--logo-hole:#fff;--veil:linear-gradient(90deg, #f5f6f9d1 0%, #f5f6f95c 46%, #f5f6f900 74%);--veil-mobile:linear-gradient(180deg, #f5f6f959 0%, #f5f6f9d1 100%)}.brandgate:before{content:"";z-index:0;background-image:var(--photo);background-position:100%;background-size:cover;position:absolute;inset:0}.brandgate:after{content:"";z-index:0;pointer-events:none;background:var(--veil);position:absolute;inset:0}.brandgate__inner{z-index:2;justify-content:center;width:100%;display:flex;position:relative}@media (min-width:768px){.brandgate{justify-content:flex-start;padding-left:clamp(48px,7vw,128px)}.brandgate__inner{justify-content:flex-start}}@media (max-width:767px){.brandgate:after{background:var(--veil-mobile)}}.brandgate .bg-card{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(18px)saturate(125%);border-radius:20px;width:100%;max-width:384px;padding:30px 28px;box-shadow:0 24px 60px #00000080}.brandgate .bg-brand{color:var(--ink);align-items:center;gap:10px;margin-bottom:20px;display:flex}.brandgate .bg-wordmark{font-family:var(--font-montserrat), system-ui, sans-serif;letter-spacing:-.01em;font-size:20px;font-weight:800}.brandgate .bg-heading{letter-spacing:-.015em;color:var(--ink);margin:0;font-size:22px;font-weight:800}.brandgate .bg-sub{color:var(--muted);margin:5px 0 0;font-size:13px}.brandgate__toggle{top:max(1rem, env(safe-area-inset-top));z-index:5;position:absolute;right:1rem}.brandgate__toggle button{background:var(--glass-bg);border:1px solid var(--glass-border);width:42px;height:42px;color:var(--ink);-webkit-backdrop-filter:blur(12px)saturate(125%);border-radius:12px;transition:border-color .15s,color .15s;box-shadow:0 8px 22px #0000004d}.brandgate__toggle button:hover{border-color:var(--orange);color:var(--orange)}.brandgate .bg-field{border:1px solid var(--field-border);background:var(--field-bg);width:100%;height:46px;color:var(--field-ink);border-radius:12px;outline:none;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.brandgate .bg-field::placeholder{color:var(--field-ph)}.brandgate .bg-field:focus{border-color:var(--orange)}.brandgate .bg-otp{text-align:center;letter-spacing:.3em;font-size:22px}.brandgate .bg-otp::placeholder{letter-spacing:normal;font-size:14px}.brandgate .bg-label{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.brandgate .bg-btn{cursor:pointer;color:#160a00;background:linear-gradient(100deg, var(--orange2), var(--orange));border:0;border-radius:13px;width:100%;height:48px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 14px 32px #ff7a1a66}.brandgate .bg-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 40px #ff7a1a80}.brandgate .bg-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.brandgate .bg-link{text-align:center;cursor:pointer;color:var(--muted);background:0 0;border:0;font-family:inherit;font-size:13px;text-decoration:underline;transition:color .15s;display:inline-block}.brandgate .bg-link:hover{color:var(--orange)}.brandgate .bg-error{color:#ff6b5e;margin:0;font-size:13px}.brandgate .bg-consent{color:var(--muted);align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;display:flex}.brandgate .bg-consent input{accent-color:var(--orange);margin-top:2px}.brandgate .bg-consent a{color:var(--orange);text-decoration:underline}