/* BYGOTIC ANTISCAM V7.0 RC4 — capa visual aislada, sin lógica operativa */
:root{
  --bygotic-black:#030509;--bygotic-panel:#080d15;--bygotic-graphite:#111a28;
  --bygotic-cyan:#00d8ff;--bygotic-blue:#2979ff;--bygotic-violet:#7457ff;
  --bygotic-silver:#dce8f2;--bygotic-glow:0 0 28px rgba(0,216,255,.22);
}
html[data-brand="bygotic"]{accent-color:var(--bygotic-cyan)}
html[data-brand="bygotic"] body{background-image:radial-gradient(circle at 86% 2%,rgba(0,216,255,.055),transparent 22%),radial-gradient(circle at 6% 96%,rgba(116,87,255,.05),transparent 25%)}
.bygotic-wordmark{display:block;max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,0,0,.3))}
.bygotic-brand-emblem{display:block;width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(0,216,255,.18))}
.mobile-brand-top .bygotic-brand-emblem{width:38px;height:38px}.sidebar-brand .bygotic-brand-emblem{width:46px;height:46px}
.brand.mobile-brand-top>div b,.sidebar-brand>div b{letter-spacing:.015em}.brand.mobile-brand-top>div small,.sidebar-brand>div small{text-transform:uppercase;letter-spacing:.12em;font-size:8px}
html[data-brand="bygotic"] .sidebar{background:linear-gradient(180deg,var(--nav-bg) 0%,var(--nav-bg-2) 58%,var(--nav-bg) 100%);border-right-color:color-mix(in srgb,var(--nav-text) 18%,transparent)}
html[data-brand="bygotic"] .sidebar-brand{color:var(--nav-text)}
html[data-brand="bygotic"] .sidebar-brand small,html[data-brand="bygotic"] .nav-section>small{color:color-mix(in srgb,var(--nav-text) 68%,transparent)}
html[data-brand="bygotic"] .nav-item{color:var(--nav-muted);border:1px solid transparent}
html[data-brand="bygotic"] .nav-item:hover{background:color-mix(in srgb,var(--brand) 9%,transparent);color:var(--nav-text);border-color:color-mix(in srgb,var(--brand) 18%,transparent)}
html[data-brand="bygotic"] .nav-item.active{background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 22%,transparent),color-mix(in srgb,var(--brand) 10%,transparent));color:var(--nav-text);border-color:color-mix(in srgb,var(--brand) 42%,transparent);box-shadow:inset 3px 0 0 var(--bygotic-cyan),0 8px 22px rgba(0,0,0,.16)}
html[data-brand="bygotic"] .nav-item.active .nav-icon{filter:drop-shadow(0 0 6px rgba(0,216,255,.7))}
html[data-brand="bygotic"] .mini-health{background:color-mix(in srgb,var(--nav-text) 6%,transparent);border-color:color-mix(in srgb,var(--nav-text) 18%,transparent);color:var(--nav-text)}
html[data-brand="bygotic"] .topbar{border-bottom-color:color-mix(in srgb,var(--border) 70%,rgba(0,216,255,.25));box-shadow:0 4px 22px rgba(3,8,18,.06)}
html[data-brand="bygotic"] .btn.primary{background:linear-gradient(115deg,var(--brand),color-mix(in srgb,var(--brand) 82%,#ffffff) 58%,color-mix(in srgb,var(--brand) 72%,#6f52ff));color:var(--on-brand);box-shadow:0 10px 24px color-mix(in srgb,var(--brand) 28%,transparent)}
html[data-brand="bygotic"] .btn.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}
html[data-brand="bygotic"] .panel,html[data-brand="bygotic"] .metric-card,html[data-brand="bygotic"] .data-workspace{position:relative}
html[data-brand="bygotic"] .panel:after,html[data-brand="bygotic"] .metric-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:1px solid transparent;background:linear-gradient(135deg,rgba(0,216,255,.12),transparent 28%,transparent 70%,rgba(116,87,255,.08)) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.45}
html[data-brand="bygotic"] .classification-badge.trusted{box-shadow:0 0 0 1px rgba(0,216,255,.22),0 0 18px rgba(0,216,255,.12)}

/* Login cyber-dark */
.login-page.bygotic-login{background:#020408;color:#f3f8fc;overflow:hidden}
.bygotic-login .login-shell{position:relative;z-index:2;background:transparent}
html[data-ui="finance-pro"] .bygotic-login .login-visual{background:radial-gradient(circle at 35% 38%,rgba(0,216,255,.12),transparent 28%),radial-gradient(circle at 70% 78%,rgba(116,87,255,.09),transparent 30%),linear-gradient(145deg,#020408,#07101c 58%,#03060b);border-right:1px solid rgba(0,216,255,.16)}
.bygotic-login .visual-copy{width:min(720px,88%);z-index:3}
.bygotic-login .visual-orb{opacity:.08!important;filter:saturate(.35) brightness(.45)!important}.bygotic-login .orb-one{background:#0b3651!important}.bygotic-login .orb-two{background:#102441!important}
.bygotic-login .login-brand-lockup{width:min(690px,100%);margin:0 0 8px;transform-origin:left center}
.bygotic-login .login-brand-lockup img{width:100%;height:auto;display:block;filter:drop-shadow(0 0 25px rgba(0,216,255,.17))}
.bygotic-login .login-mission{max-width:630px;color:#9fb1c5!important;font-size:14px!important;line-height:1.7}
.bygotic-login .visual-points span{background:rgba(4,14,25,.7);border:1px solid rgba(0,216,255,.15);color:#c6d8e8;box-shadow:inset 0 0 18px rgba(0,216,255,.025)}
.bygotic-login .visual-points span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--bygotic-cyan);box-shadow:0 0 12px rgba(0,216,255,.8);margin-right:7px}
.bygotic-login .login-preview{background:rgba(5,12,21,.72);border-color:rgba(0,216,255,.2);box-shadow:0 24px 70px rgba(0,0,0,.32),inset 0 0 36px rgba(0,216,255,.025);backdrop-filter:blur(16px)}
.bygotic-login .login-panel{background:linear-gradient(180deg,#060a11,#020408);position:relative}
.bygotic-login .login-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,216,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,216,255,.025) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent);pointer-events:none}
.bygotic-login .login-card{position:relative;background:rgba(8,13,22,.86);border:1px solid rgba(93,154,211,.22);box-shadow:0 34px 90px rgba(0,0,0,.48),inset 0 0 40px rgba(0,216,255,.025);color:#edf7ff;backdrop-filter:blur(18px)}
.bygotic-login .login-card h2{color:#fff}.bygotic-login .login-card .subtle,.bygotic-login .login-help{color:#91a2b7}.bygotic-login .login-card label{color:#c8d5e2}
.bygotic-login .login-card input{background:#050a12;border-color:#26374d;color:#fff;box-shadow:inset 0 0 0 1px rgba(0,216,255,.015)}
.bygotic-login .login-card input:focus{border-color:var(--bygotic-cyan);box-shadow:0 0 0 3px rgba(0,216,255,.13),inset 0 0 18px rgba(0,216,255,.025)}
.bygotic-login .mobile-brand{gap:10px;color:#fff}.bygotic-login .mobile-brand img{width:40px;height:40px}.bygotic-login .mobile-brand span{background:none;box-shadow:none}
.bygotic-login .eyebrow{color:#55dfff}.bygotic-login .login-security-line{display:flex;gap:8px;align-items:center;margin:0 0 20px;color:#90a7bd;font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:800}.bygotic-login .login-security-line i{width:7px;height:7px;border-radius:50%;background:#3be18b;box-shadow:0 0 12px rgba(59,225,139,.8)}

/* Ambient layer is decorative only */
.cyber-ambient-layer{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none!important;user-select:none;contain:strict;opacity:.10}
.cyber-grid{position:absolute;inset:-20%;background-image:linear-gradient(rgba(0,216,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,216,255,.07) 1px,transparent 1px);background-size:52px 52px;transform:perspective(600px) rotateX(66deg) translateY(20%);transform-origin:center bottom;mask-image:linear-gradient(to bottom,transparent 2%,#000 40%,transparent 88%)}
.cyber-scan{position:absolute;left:0;right:0;height:2px;top:15%;background:linear-gradient(90deg,transparent,rgba(0,216,255,.65),rgba(116,87,255,.55),transparent);box-shadow:0 0 16px rgba(0,216,255,.35);opacity:.35}
.cyber-node{position:absolute;width:4px;height:4px;border-radius:50%;background:#58e7ff;box-shadow:0 0 10px rgba(0,216,255,.75);opacity:.35;transform:translate3d(0,0,0)}
.bygotic-login .cyber-ambient-layer{opacity:.42}body:not(.login-page)[data-active-view="dashboard"] .cyber-ambient-layer{opacity:.10}

/* Motion settings */
.motion-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.motion-choice{border:1px solid var(--border);border-radius:14px;background:var(--surface-2);color:var(--text-1);min-height:64px;padding:10px;text-align:left}.motion-choice b,.motion-choice small{display:block}.motion-choice small{color:var(--text-2);margin-top:4px}.motion-choice.active{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.motion-system-status{margin:12px 0 0;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text-2);font-size:11px;line-height:1.45}.motion-system-status[data-state="system-reduced"]{border-color:color-mix(in srgb,var(--warning) 42%,var(--border));background:var(--warning-soft);color:var(--text-1)}
html[data-motion="full"] .bygotic-brand-emblem{animation:bygoticLogoBreath 5.8s ease-in-out infinite}
html[data-motion="full"] .cyber-grid{animation:bygoticGridDrift 28s linear infinite}
html[data-motion="full"] .cyber-scan{animation:bygoticScan 16s ease-in-out infinite}
html[data-motion="full"] .cyber-node{animation:bygoticNode 7.2s ease-in-out infinite alternate}
html[data-motion="full"] .login-brand-lockup{animation:bygoticEnter .82s cubic-bezier(.2,.8,.2,1) both}
html[data-motion="full"] .login-card{animation:bygoticCardEnter .68s .10s cubic-bezier(.2,.8,.2,1) both}
html[data-motion="full"] .panel,html[data-motion="full"] .metric-card,html[data-motion="full"] .profile-row-card,html[data-motion="full"] .trusted-profile-card,html[data-motion="full"] .approved-profile-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
html[data-motion="full"] .panel:hover,html[data-motion="full"] .metric-card:hover,html[data-motion="full"] .profile-row-card:hover,html[data-motion="full"] .trusted-profile-card:hover,html[data-motion="full"] .approved-profile-card:hover{transform:translateY(-2px)}
html[data-motion="full"] .notification-button.bygotic-unread-pulse{animation:bygoticBell .68s ease 2}
html[data-motion="full"] .cyber-action-pulse{animation:bygoticAction .42s ease}
html[data-motion="reduced"] .cyber-scan,html[data-motion="reduced"] .cyber-node,html[data-motion="reduced"] .cyber-grid,html[data-motion="off"] .cyber-ambient-layer{display:none!important}
html[data-motion="off"] *,html[data-motion="off"] *:before,html[data-motion="off"] *:after{animation:none!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
html[data-page-visible="false"] .cyber-grid,html[data-page-visible="false"] .cyber-scan,html[data-page-visible="false"] .cyber-node,html[data-page-visible="false"] .bygotic-brand-emblem{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.cyber-grid,.cyber-scan,.cyber-node,.bygotic-brand-emblem,.login-brand-lockup,.login-card{animation:none!important}.panel,.metric-card,.profile-row-card,.trusted-profile-card,.approved-profile-card{transition:none!important}}
@keyframes bygoticLogoBreath{0%,100%{filter:drop-shadow(0 0 7px rgba(0,216,255,.14))}50%{filter:drop-shadow(0 0 14px rgba(0,216,255,.38))}}
@keyframes bygoticGridDrift{to{transform:perspective(600px) rotateX(66deg) translate3d(52px,20%,0)}}
@keyframes bygoticScan{0%,8%{transform:translateY(-18vh);opacity:0}18%,70%{opacity:.35}85%,100%{transform:translateY(98vh);opacity:0}}
@keyframes bygoticNode{to{transform:translate3d(0,-8px,0);opacity:.7}}
@keyframes bygoticEnter{from{opacity:0;transform:translate3d(-10px,8px,0) scale(.985)}to{opacity:1;transform:none}}
@keyframes bygoticCardEnter{from{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:none}}
@keyframes bygoticBell{50%{transform:rotate(-7deg) scale(1.08);box-shadow:0 0 0 7px rgba(0,216,255,.08)}}
@keyframes bygoticAction{50%{transform:translateY(-1px) scale(.985);filter:brightness(1.12)}}
@media(max-width:800px){.bygotic-login .login-visual{display:none}.bygotic-login .login-panel{min-height:100vh}.bygotic-login .login-card{background:rgba(8,13,22,.94)}.motion-control-grid{grid-template-columns:1fr}.cyber-ambient-layer{opacity:.22}.brand.mobile-brand-top>div{display:none}}

/* Reapertura controlada de investigación */
.trust-reopen-options{border:1px solid rgba(255,177,59,.35);background:rgba(255,177,59,.08);border-radius:16px;padding:14px;margin:2px 0 14px}
.trust-reopen-options.hidden{display:none!important}
.trust-reopen-choice{display:flex;gap:12px;align-items:flex-start;cursor:pointer}
.trust-reopen-choice input{width:20px;height:20px;min-width:20px;margin-top:2px;accent-color:#ffb13b}
.trust-reopen-choice span{display:grid;gap:3px}.trust-reopen-choice small,.trust-reopen-options>p{color:var(--muted,#8fa3b8);font-size:.82rem}
.trust-reopen-options>p{margin:10px 0 0}.warning-action{border-color:rgba(255,177,59,.45)!important;color:#ffd18a!important;background:rgba(255,177,59,.08)!important}
.bulk-line-action>div{display:grid;gap:4px}.bulk-line-action small{color:var(--muted,#8fa3b8);max-width:620px}


/* RC3 · mantenimiento en vivo, personalización y movimiento avanzado */
.maintenance-overlay{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(1,4,9,.86);backdrop-filter:blur(18px)}
.maintenance-live-card{width:min(580px,100%);padding:30px;border-radius:28px;text-align:center;color:#eefaff;background:linear-gradient(145deg,rgba(7,13,24,.98),rgba(3,7,13,.98));border:1px solid rgba(0,216,255,.3);box-shadow:0 34px 110px rgba(0,0,0,.58),inset 0 0 60px rgba(0,216,255,.035)}
.maintenance-live-card img{filter:drop-shadow(0 0 22px rgba(0,216,255,.35));animation:bygoticLogoBreath 2.8s ease-in-out infinite}.maintenance-live-card h2{font-size:clamp(1.5rem,4vw,2.25rem);margin:7px 0 9px}.maintenance-live-card p:not(.eyebrow){color:#afc3d6;line-height:1.55}.maintenance-live-card>strong{display:block;font-size:3.6rem;line-height:1;color:#fff;text-shadow:0 0 24px rgba(0,216,255,.5);font-variant-numeric:tabular-nums}.maintenance-live-card>small{color:#8da3b8}.maintenance-progress{height:9px;border-radius:999px;background:#142238;overflow:hidden;margin:22px 0}.maintenance-progress span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#00d8ff,#2979ff,#7457ff);transition:width .25s linear}.maintenance-save-list{display:grid;gap:8px;text-align:left;color:#bed0e0;font-size:.82rem;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);padding:14px;border-radius:16px}
body.maintenance-pending{overflow:hidden}
.theme-settings{display:grid;gap:16px}.theme-select-label{display:grid;gap:7px;max-width:520px}.theme-select-label>span{font-weight:850;color:var(--text-1)}#themeSelect{width:100%;min-height:50px;border-radius:16px;padding:0 46px 0 15px;background:var(--surface-2);color:var(--text-1);border:1px solid var(--border)}
.theme-preview{--preview-canvas:var(--canvas);--preview-surface:var(--surface-1);--preview-brand:var(--brand);--preview-nav:var(--nav-bg);display:grid;grid-template-columns:34px 34px 34px minmax(0,1fr);align-items:center;gap:8px;padding:13px;border-radius:17px;background:var(--preview-canvas);border:1px solid var(--border);max-width:620px}.theme-preview>span{height:34px;border-radius:10px;border:1px solid rgba(127,127,127,.32)}.theme-preview-nav{background:var(--preview-nav)}.theme-preview-surface{background:var(--preview-surface)}.theme-preview-brand{background:var(--preview-brand)}.theme-preview b,.theme-preview small{display:block;color:var(--text-1)}.theme-preview small{color:var(--text-2);margin-top:2px}
.custom-theme-editor{display:grid;gap:16px;padding:17px;border-radius:20px;background:var(--surface-2);border:1px solid var(--border)}.custom-theme-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.custom-theme-head h3{margin:0 0 5px}.custom-theme-head p{margin:0;color:var(--text-2);font-size:.84rem;line-height:1.5}.color-editor-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}.color-editor-grid label{display:grid;grid-template-columns:1fr 44px;align-items:center;gap:8px;min-height:48px;padding:8px 10px;border:1px solid var(--border);border-radius:14px;background:var(--surface-1);color:var(--text-1);font-size:.77rem;font-weight:760}.color-editor-grid input[type=color]{width:42px;height:34px;padding:2px;border-radius:9px;border:1px solid var(--border);background:transparent}.contrast-report{display:flex;flex-wrap:wrap;gap:8px}.contrast-report span{padding:7px 10px;border-radius:999px;font-size:.76rem;font-weight:800}.contrast-report .ok{background:var(--success-soft);color:var(--success)}.contrast-report .bad{background:var(--danger-soft);color:var(--danger)}
html[data-motion="full"] .live-dot,html[data-motion="full"] .connection-dot.online{animation:bygoticStatusPulse 2.4s ease-in-out infinite}html[data-motion="full"] .metric-card strong{transition:filter .3s ease}html[data-motion="full"] .metric-card:hover strong{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--brand) 35%,transparent))}
@keyframes bygoticStatusPulse{50%{filter:brightness(1.45);box-shadow:0 0 0 7px color-mix(in srgb,var(--success) 10%,transparent)}}
@media(max-width:900px){.color-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.color-editor-grid{grid-template-columns:1fr}.custom-theme-head{display:grid}.maintenance-live-card{padding:24px 16px}}
@media(prefers-reduced-motion:reduce){.maintenance-live-card img,.live-dot,.connection-dot.online{animation:none!important}}


/* R13 R7 R2 LOGIN CYBER — estética cyber/crypto ligera; solo transform + opacity en loops */
.cyber-ambient-layer::before,.cyber-ambient-layer::after{content:"";position:absolute;width:58vmax;height:58vmax;border-radius:50%;pointer-events:none;will-change:transform,opacity;opacity:.22;transform:translate3d(0,0,0);background:radial-gradient(circle,rgba(0,216,255,.18) 0%,rgba(41,121,255,.075) 32%,transparent 68%)}
.cyber-ambient-layer::before{left:-22vmax;top:-28vmax}.cyber-ambient-layer::after{right:-28vmax;bottom:-34vmax;background:radial-gradient(circle,rgba(116,87,255,.17) 0%,rgba(41,121,255,.06) 34%,transparent 70%)}
html[data-motion="full"] .cyber-ambient-layer::before{animation:bygoticAuroraA 22s ease-in-out infinite alternate}
html[data-motion="full"] .cyber-ambient-layer::after{animation:bygoticAuroraB 27s ease-in-out infinite alternate}
html[data-page-visible="false"] .cyber-ambient-layer::before,html[data-page-visible="false"] .cyber-ambient-layer::after{animation-play-state:paused!important}
@keyframes bygoticAuroraA{0%{transform:translate3d(-3%,0,0) scale(.94);opacity:.16}100%{transform:translate3d(18%,14%,0) scale(1.08);opacity:.28}}
@keyframes bygoticAuroraB{0%{transform:translate3d(0,6%,0) scale(1);opacity:.14}100%{transform:translate3d(-16%,-12%,0) scale(1.1);opacity:.25}}

.bygotic-login .login-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(0,216,255,.30),transparent 28%,transparent 72%,rgba(116,87,255,.22));opacity:.28;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;border:1px solid transparent}
.bygotic-login .login-card::after{content:"";position:absolute;left:12%;right:12%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(92,232,255,.8),transparent);opacity:.65;pointer-events:none}
html[data-motion="full"] .bygotic-login .login-preview-bars i:nth-child(2n){animation:bygoticBarBreath 4.8s ease-in-out infinite alternate}
html[data-motion="full"] .bygotic-login .login-preview-bars i:nth-child(3n){animation:bygoticBarBreath 5.6s .7s ease-in-out infinite alternate-reverse}
@keyframes bygoticBarBreath{from{transform:scaleY(.94);opacity:.72}to{transform:scaleY(1.04);opacity:1}}

.dashboard-welcome{position:relative;isolation:isolate;overflow:hidden}
.dashboard-welcome>*{position:relative;z-index:1}
.dashboard-welcome::before{content:"";position:absolute;z-index:0;width:380px;height:180px;right:-120px;top:-78px;border-radius:50%;background:radial-gradient(circle,rgba(0,216,255,.13),rgba(116,87,255,.045) 48%,transparent 72%);opacity:.72;pointer-events:none;transform:translate3d(0,0,0)}
.dashboard-welcome::after{content:"";position:absolute;z-index:0;width:230px;height:1px;right:34px;top:24px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--brand) 45%,#00d8ff),transparent);opacity:.35;pointer-events:none;transform:translate3d(0,0,0)}
html[data-motion="full"] .dashboard-welcome::before{animation:bygoticDashboardGlow 13s ease-in-out infinite alternate}
html[data-motion="full"] .dashboard-welcome::after{animation:bygoticDashboardLine 10s ease-in-out infinite alternate}
@keyframes bygoticDashboardGlow{to{transform:translate3d(-36px,22px,0) scale(1.08);opacity:.9}}
@keyframes bygoticDashboardLine{to{transform:translate3d(-80px,0,0);opacity:.62}}

.bygotic-welcome{display:none;position:fixed;inset:0;z-index:1400;place-items:center;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 50% 42%,#0a1724 0%,#03070d 42%,#010306 76%);color:#eefbff;opacity:0}
.bygotic-welcome.is-visible{display:grid;animation:bygoticWelcomeLayer 3.15s cubic-bezier(.2,.75,.2,1) both}
.bygotic-welcome-grid{position:absolute;inset:-18%;background-image:linear-gradient(rgba(0,216,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(0,216,255,.075) 1px,transparent 1px);background-size:54px 54px;transform:perspective(680px) rotateX(64deg) translate3d(0,24%,0);mask-image:linear-gradient(to bottom,transparent 3%,#000 38%,transparent 88%);opacity:.36}
.bygotic-welcome-core{position:relative;display:grid;place-items:center;text-align:center;gap:9px;min-width:280px;transform:translate3d(0,8px,0) scale(.96);opacity:0;animation:bygoticWelcomeCore 2.72s .16s cubic-bezier(.18,.85,.25,1) both}
.bygotic-welcome-core img{width:124px;height:124px;object-fit:contain;filter:drop-shadow(0 0 24px rgba(0,216,255,.42));position:relative;z-index:2}
.bygotic-welcome-core p{margin:11px 0 0;color:#73dff2;font-size:10px;font-weight:900;letter-spacing:.23em}.bygotic-welcome-core strong{font-size:clamp(2.1rem,7vw,4rem);line-height:.95;letter-spacing:.09em;text-shadow:0 0 26px rgba(0,216,255,.2)}.bygotic-welcome-core small{display:flex;align-items:center;gap:8px;color:#9db1c3;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.bygotic-welcome-core small i{width:7px;height:7px;border-radius:50%;background:#39e68d;box-shadow:0 0 14px rgba(57,230,141,.72)}
.bygotic-welcome-ring{position:absolute;width:150px;height:150px;border:1px solid rgba(0,216,255,.18);border-radius:50%;z-index:1;opacity:.35;transform:scale(.72)}.bygotic-welcome-ring.ring-b{width:184px;height:184px;border-color:rgba(116,87,255,.14)}
.bygotic-welcome.is-visible .ring-a{animation:bygoticRingA 2.85s .10s ease-out both}.bygotic-welcome.is-visible .ring-b{animation:bygoticRingB 3.0s .16s ease-out both}
@keyframes bygoticWelcomeLayer{0%{opacity:0}8%,82%{opacity:1}100%{opacity:0}}
@keyframes bygoticWelcomeCore{0%{opacity:0;transform:translate3d(0,12px,0) scale(.92)}20%,84%{opacity:1;transform:translate3d(0,0,0) scale(1)}100%{opacity:0;transform:translate3d(0,-4px,0) scale(1.02)}}
@keyframes bygoticRingA{0%{opacity:0;transform:scale(.62)}45%{opacity:.42}100%{opacity:0;transform:scale(1.18)}}
@keyframes bygoticRingB{0%{opacity:0;transform:scale(.68)}50%{opacity:.28}100%{opacity:0;transform:scale(1.32)}}

@media(max-width:800px){.cyber-ambient-layer::before,.cyber-ambient-layer::after{opacity:.13}.bygotic-welcome-core img{width:76px;height:76px}.bygotic-welcome-grid{background-size:42px 42px;opacity:.22}.dashboard-welcome::before{opacity:.48}}
@media(prefers-reduced-motion:reduce){.cyber-ambient-layer::before,.cyber-ambient-layer::after,.dashboard-welcome::before,.dashboard-welcome::after,.bygotic-login .login-preview-bars i{animation:none!important}.bygotic-welcome{display:none!important}}
html[data-motion="reduced"] .cyber-ambient-layer::before,html[data-motion="reduced"] .cyber-ambient-layer::after,html[data-motion="reduced"] .dashboard-welcome::before,html[data-motion="reduced"] .dashboard-welcome::after{animation:none!important;opacity:.08}
html[data-motion="off"] .cyber-ambient-layer::before,html[data-motion="off"] .cyber-ambient-layer::after,html[data-motion="off"] .dashboard-welcome::before,html[data-motion="off"] .dashboard-welcome::after,html[data-motion="off"] .bygotic-welcome{display:none!important}


/* R13 R7 R2 LOGIN CYBER — login claramente renovado sin video ni librerías pesadas. */
.login-cyber-r2{isolation:isolate;background:#010306!important}
.login-cyber-r2 .cyber-ambient-layer{opacity:.62!important;background:radial-gradient(circle at 18% 18%,rgba(0,216,255,.065),transparent 27%),radial-gradient(circle at 82% 78%,rgba(116,87,255,.075),transparent 31%),#010306}
.login-cyber-r2 .cyber-grid{background-size:46px 46px;opacity:.72;filter:drop-shadow(0 0 5px rgba(0,216,255,.08))}
.login-cyber-r2 .cyber-scan{height:1px;opacity:.7;box-shadow:0 0 22px rgba(0,216,255,.48)}
.login-cyber-r2 .login-visual{overflow:hidden;position:relative}
.login-cyber-r2 .login-visual::before{content:"";position:absolute;width:72vmin;height:72vmin;border-radius:50%;left:5%;top:12%;background:radial-gradient(circle,rgba(0,216,255,.105),rgba(31,80,160,.035) 46%,transparent 70%);filter:blur(4px);pointer-events:none;transform:translate3d(0,0,0)}
.login-cyber-r2 .login-visual::after{content:"";position:absolute;inset:auto -18% -30% 18%;height:58%;border:1px solid rgba(0,216,255,.07);background:repeating-linear-gradient(90deg,rgba(0,216,255,.055) 0 1px,transparent 1px 66px),repeating-linear-gradient(0deg,rgba(0,216,255,.04) 0 1px,transparent 1px 46px);transform:perspective(620px) rotateX(67deg);transform-origin:center bottom;opacity:.52;pointer-events:none}
.login-cyber-r2 .visual-copy{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding-top:18px}
.login-crypto-hero{position:relative;width:210px;height:210px;display:grid;place-items:center;margin:0 0 20px 24px;transform:translate3d(0,0,0)}
.login-crypto-hero>img{width:146px;height:146px;object-fit:contain;z-index:4;filter:drop-shadow(0 0 34px rgba(0,216,255,.36)) drop-shadow(0 0 56px rgba(116,87,255,.14))}
.hero-ring{position:absolute;inset:16px;border-radius:50%;border:1px solid rgba(83,226,255,.22);z-index:2;opacity:.7;transform:translate3d(0,0,0)}
.hero-ring-b{inset:1px;border-style:dashed;border-color:rgba(116,87,255,.25)}
.hero-ring-c{inset:-14px;border-color:rgba(0,216,255,.075);box-shadow:inset 0 0 32px rgba(0,216,255,.025)}
.hero-orbit-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#5beaff;box-shadow:0 0 16px #27d9ff;z-index:5;left:50%;top:1px;transform-origin:0 104px}
.hero-orbit-dot.dot-b{top:50%;left:0;background:#8b73ff;box-shadow:0 0 16px rgba(139,115,255,.9);transform-origin:104px 0}
.hero-node-status{position:absolute;z-index:6;bottom:-4px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;white-space:nowrap;padding:7px 11px;border:1px solid rgba(0,216,255,.22);border-radius:999px;background:rgba(3,10,18,.88);box-shadow:0 10px 30px rgba(0,0,0,.35);font-size:8px;letter-spacing:.14em;color:#9db4c8;font-weight:800}
.hero-node-status i{width:6px;height:6px;border-radius:50%;background:#3be18b;box-shadow:0 0 12px rgba(59,225,139,.9)}.hero-node-status b{color:#4deba0;font-size:8px}.hero-node-status span{color:#b7cadd}
.login-cyber-r2 .login-brand-lockup{max-width:570px;margin-top:5px}.login-cyber-r2 .login-brand-lockup img{filter:drop-shadow(0 0 28px rgba(0,216,255,.24))}
.login-cyber-r2 .login-mission{max-width:560px}.login-cyber-r2 .login-preview{margin-top:24px;border-color:rgba(70,220,255,.26);background:linear-gradient(180deg,rgba(6,17,29,.86),rgba(3,9,17,.8))}
.login-cyber-r2 .login-panel{background:radial-gradient(circle at 50% 18%,rgba(0,216,255,.045),transparent 26%),linear-gradient(180deg,#050a12,#010306)!important}
.login-cyber-r2 .login-card{overflow:hidden;border-color:rgba(79,211,255,.29);background:linear-gradient(180deg,rgba(9,17,29,.94),rgba(4,9,17,.94));box-shadow:0 38px 110px rgba(0,0,0,.62),0 0 0 1px rgba(0,216,255,.025),inset 0 0 55px rgba(0,216,255,.027)}
.login-cyber-r2 .login-card::before{opacity:.54}.login-cyber-r2 .login-card::after{left:8%;right:8%;opacity:.95}
.login-card-emblem{position:relative;width:92px;height:92px;margin:0 auto 18px;display:none;place-items:center}.login-card-emblem span{position:absolute;inset:3px;border:1px solid rgba(0,216,255,.25);border-radius:50%;box-shadow:0 0 34px rgba(0,216,255,.08)}.login-card-emblem img{width:68px;height:68px;filter:drop-shadow(0 0 20px rgba(0,216,255,.32));z-index:2}

.bygotic-login-intro{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#091827 0%,#02070d 42%,#010204 76%);opacity:0;pointer-events:none;color:#effcff;overflow:hidden}
.bygotic-login-intro.is-visible{opacity:1;animation:bygoticLoginIntroLayer 1.12s cubic-bezier(.2,.78,.2,1) both}
.bygotic-login-intro-grid{position:absolute;inset:-25%;background-image:linear-gradient(rgba(0,216,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,216,255,.08) 1px,transparent 1px);background-size:54px 54px;transform:perspective(700px) rotateX(64deg) translate3d(0,24%,0);mask-image:linear-gradient(to bottom,transparent 2%,#000 38%,transparent 88%);opacity:.42}
.bygotic-login-intro-core{position:relative;display:grid;place-items:center;gap:7px;transform:translate3d(0,6px,0) scale(.95);opacity:0;animation:bygoticLoginIntroCore .92s .05s cubic-bezier(.18,.85,.25,1) both}.bygotic-login-intro-core img{width:102px;height:102px;z-index:3;filter:drop-shadow(0 0 30px rgba(0,216,255,.46))}.bygotic-login-intro-core strong{font-size:clamp(2.25rem,7vw,4.6rem);letter-spacing:.12em;line-height:.95;text-shadow:0 0 28px rgba(0,216,255,.28)}.bygotic-login-intro-core small{display:flex;align-items:center;gap:8px;color:#8edff0;font-size:9px;letter-spacing:.2em;font-weight:900}.bygotic-login-intro-core small i{width:6px;height:6px;border-radius:50%;background:#3be18b;box-shadow:0 0 13px rgba(59,225,139,.9)}
.intro-ring{position:absolute;width:160px;height:160px;border:1px solid rgba(0,216,255,.22);border-radius:50%;z-index:1}.intro-ring-b{width:198px;height:198px;border-style:dashed;border-color:rgba(116,87,255,.2)}
@keyframes bygoticLoginIntroLayer{0%{opacity:0}12%,76%{opacity:1}100%{opacity:0}}
@keyframes bygoticLoginIntroCore{0%{opacity:0;transform:translate3d(0,9px,0) scale(.92)}32%,82%{opacity:1;transform:translate3d(0,0,0) scale(1)}100%{opacity:0;transform:translate3d(0,-3px,0) scale(1.018)}}
@keyframes bygoticHeroRingA{to{transform:rotate(360deg)}}@keyframes bygoticHeroRingB{to{transform:rotate(-360deg)}}@keyframes bygoticHeroDotA{to{transform:rotate(360deg)}}@keyframes bygoticHeroDotB{to{transform:rotate(-360deg)}}
html[data-motion="full"] .hero-ring-a{animation:bygoticHeroRingA 20s linear infinite}html[data-motion="full"] .hero-ring-b{animation:bygoticHeroRingB 27s linear infinite}html[data-motion="full"] .hero-orbit-dot.dot-a{animation:bygoticHeroDotA 8s linear infinite}html[data-motion="full"] .hero-orbit-dot.dot-b{animation:bygoticHeroDotB 11s linear infinite}
html[data-page-visible="false"] .hero-ring,html[data-page-visible="false"] .hero-orbit-dot{animation-play-state:paused!important}
@media(max-width:800px){.login-cyber-r2 .login-visual{display:none}.login-cyber-r2 .login-card-emblem{display:grid}.login-cyber-r2 .mobile-brand{justify-content:center}.login-cyber-r2 .login-panel{background:radial-gradient(circle at 50% 12%,rgba(0,216,255,.09),transparent 25%),radial-gradient(circle at 90% 85%,rgba(116,87,255,.07),transparent 26%),#010306!important}.login-cyber-r2 .login-card{width:min(94vw,430px);border-color:rgba(79,211,255,.3);box-shadow:0 28px 85px rgba(0,0,0,.6),0 0 60px rgba(0,216,255,.025)}.bygotic-login-intro-grid{background-size:42px 42px}.bygotic-login-intro-core img{width:84px;height:84px}}
@media(prefers-reduced-motion:reduce){.bygotic-login-intro:not(.reduced-intro){display:none!important}.hero-ring,.hero-orbit-dot{animation:none!important}.login-cyber-r2 .login-visual::before{transform:none!important}}
html[data-motion="reduced"] .bygotic-login-intro:not(.reduced-intro),html[data-motion="off"] .bygotic-login-intro{display:none!important}html[data-motion="reduced"] .hero-ring,html[data-motion="reduced"] .hero-orbit-dot,html[data-motion="off"] .hero-ring,html[data-motion="off"] .hero-orbit-dot{animation:none!important}


/* R13 R8 BLACK GOLD CYBER — login premium, oscuro y dorado; sin fuentes remotas ni relajación CSP. */
.login-black-gold-r8{
  --bygotic-cyan:#d4af37;--bygotic-blue:#b88916;--bygotic-violet:#8d6a24;
  --bygotic-gold:#d4af37;--bygotic-gold-bright:#f5dc87;--bygotic-gold-soft:#c9a84d;
  --bygotic-ink:#060503;--bygotic-graphite:#11100d;
  --cyber-display:"Orbitron","Bahnschrift SemiCondensed","Bahnschrift","Segoe UI Variable Display","Segoe UI",sans-serif;
  --cyber-ui:"Rajdhani","Bahnschrift","Segoe UI Variable Text","Segoe UI",sans-serif;
  --cyber-mono:"Cascadia Mono","Consolas","SFMono-Regular",monospace;
  isolation:isolate;background:#050403!important;color:#f7f1df;color-scheme:dark;
}
.login-black-gold-r8::selection,.login-black-gold-r8 *::selection{background:#d4af37;color:#080603}
.login-black-gold-r8 .cyber-ambient-layer{opacity:.72!important;background:radial-gradient(circle at 17% 17%,rgba(212,175,55,.085),transparent 27%),radial-gradient(circle at 82% 80%,rgba(120,82,12,.09),transparent 31%),linear-gradient(145deg,#030302,#090704 55%,#030302)!important}
.login-black-gold-r8 .cyber-grid{background-image:linear-gradient(rgba(212,175,55,.095) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.095) 1px,transparent 1px)!important;background-size:48px 48px!important;opacity:.72;filter:drop-shadow(0 0 5px rgba(212,175,55,.11))}
.login-black-gold-r8 .cyber-scan{height:1px!important;background:linear-gradient(90deg,transparent,rgba(212,175,55,.18),rgba(246,218,128,.86),rgba(158,108,16,.42),transparent)!important;box-shadow:0 0 24px rgba(212,175,55,.42)!important;opacity:.82!important}
.login-black-gold-r8 .cyber-node{background:#f0cf6c!important;box-shadow:0 0 12px rgba(212,175,55,.78)!important}
.login-black-gold-r8 .cyber-ambient-layer::before{background:radial-gradient(circle,rgba(212,175,55,.18) 0%,rgba(120,82,12,.065) 34%,transparent 69%)!important}
.login-black-gold-r8 .cyber-ambient-layer::after{background:radial-gradient(circle,rgba(158,108,16,.15) 0%,rgba(212,175,55,.045) 36%,transparent 71%)!important}

html[data-ui="finance-pro"] .login-black-gold-r8 .login-visual{background:radial-gradient(circle at 34% 37%,rgba(212,175,55,.115),transparent 28%),radial-gradient(circle at 72% 78%,rgba(116,78,10,.10),transparent 31%),linear-gradient(145deg,#040403,#0c0904 58%,#050403)!important;border-right:1px solid rgba(212,175,55,.24)!important}
.login-black-gold-r8 .login-visual{overflow:hidden;position:relative}
.login-black-gold-r8 .login-visual::before{content:"";position:absolute;width:72vmin;height:72vmin;border-radius:50%;left:5%;top:12%;background:radial-gradient(circle,rgba(212,175,55,.12),rgba(110,75,12,.035) 46%,transparent 70%);filter:blur(4px);pointer-events:none;transform:translate3d(0,0,0)}
.login-black-gold-r8 .login-visual::after{content:"";position:absolute;inset:auto -18% -30% 18%;height:58%;border:1px solid rgba(212,175,55,.09);background:repeating-linear-gradient(90deg,rgba(212,175,55,.055) 0 1px,transparent 1px 66px),repeating-linear-gradient(0deg,rgba(212,175,55,.04) 0 1px,transparent 1px 46px);transform:perspective(620px) rotateX(67deg);transform-origin:center bottom;opacity:.58;pointer-events:none}
.login-black-gold-r8 .visual-copy{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding-top:18px}
.login-hud-kicker{display:flex;align-items:center;gap:9px;width:max-content;margin:0 0 14px 24px;padding:6px 9px;border:1px solid rgba(212,175,55,.16);background:rgba(8,6,3,.66);color:#aa9460;font:700 8px/1 var(--cyber-mono);letter-spacing:.14em;text-transform:uppercase;box-shadow:inset 0 0 18px rgba(212,175,55,.025)}
.login-hud-kicker i{width:4px;height:4px;border-radius:50%;background:#d4af37;box-shadow:0 0 10px rgba(212,175,55,.85)}.login-hud-kicker b{color:#efd06e;font-weight:800}
.login-black-gold-r8 .login-crypto-hero{position:relative;width:216px;height:216px;display:grid;place-items:center;margin:0 0 20px 24px;transform:translate3d(0,0,0)}
.login-black-gold-r8 .login-crypto-hero>img,.login-black-gold-r8 .login-card-emblem img,.login-black-gold-r8 .bygotic-login-intro-core img{filter:grayscale(.38) sepia(.72) saturate(1.55) hue-rotate(354deg) brightness(1.06) contrast(1.05) drop-shadow(0 0 30px rgba(212,175,55,.34))!important}
.login-black-gold-r8 .hero-ring{border-color:rgba(212,175,55,.28)!important}.login-black-gold-r8 .hero-ring-b{border-color:rgba(245,220,135,.22)!important}.login-black-gold-r8 .hero-ring-c{border-color:rgba(212,175,55,.09)!important;box-shadow:inset 0 0 34px rgba(212,175,55,.035)!important}
.login-black-gold-r8 .hero-orbit-dot{background:#f0ce68!important;box-shadow:0 0 18px rgba(240,206,104,.92)!important}.login-black-gold-r8 .hero-orbit-dot.dot-b{background:#a97817!important;box-shadow:0 0 18px rgba(169,120,23,.9)!important}
.login-black-gold-r8 .hero-node-status{border-color:rgba(212,175,55,.27)!important;background:rgba(8,6,3,.91)!important;color:#a99b7b!important;font-family:var(--cyber-mono)!important}.login-black-gold-r8 .hero-node-status i{background:#e9c75e!important;box-shadow:0 0 12px rgba(233,199,94,.9)!important}.login-black-gold-r8 .hero-node-status b{color:#f2d575!important}.login-black-gold-r8 .hero-node-status span{color:#c0ad7b!important}
.login-black-gold-r8 .login-brand-lockup{max-width:570px;margin-top:5px}.login-black-gold-r8 .login-brand-lockup img{filter:grayscale(.42) sepia(.72) saturate(1.35) hue-rotate(355deg) brightness(1.08) contrast(1.08) drop-shadow(0 0 28px rgba(212,175,55,.22))!important}
.login-black-gold-r8 .eyebrow{font-family:var(--cyber-ui)!important;color:#e5c65f!important;letter-spacing:.18em!important;text-transform:uppercase}
.login-black-gold-r8 .login-mission{max-width:560px;color:#b5a98c!important}
.login-black-gold-r8 .visual-points span{background:rgba(10,8,4,.72)!important;border-color:rgba(212,175,55,.18)!important;color:#d2c6a8!important;box-shadow:inset 0 0 18px rgba(212,175,55,.02)!important;font-family:var(--cyber-ui)}
.login-black-gold-r8 .visual-points span:before{background:#d4af37!important;box-shadow:0 0 12px rgba(212,175,55,.8)!important}
.login-black-gold-r8 .login-preview{margin-top:24px;border-color:rgba(212,175,55,.26)!important;background:linear-gradient(180deg,rgba(13,10,5,.88),rgba(6,5,3,.84))!important;box-shadow:0 24px 70px rgba(0,0,0,.38),inset 0 0 34px rgba(212,175,55,.025)!important}
.login-black-gold-r8 .login-preview-head{font-family:var(--cyber-mono);letter-spacing:.06em}.login-black-gold-r8 .login-preview-head b{color:#f1d371!important}.login-black-gold-r8 .login-preview-balance{background:linear-gradient(135deg,#34260a,#8f6b18 48%,#d2ae42 100%)!important;box-shadow:0 14px 32px rgba(82,57,7,.35)!important}.login-black-gold-r8 .login-preview-bars i{background:linear-gradient(to top,#6f5110,#d4af37,#f2d573)!important;box-shadow:0 7px 18px rgba(212,175,55,.18)!important}

.login-black-gold-r8 .login-panel{background:radial-gradient(circle at 50% 18%,rgba(212,175,55,.055),transparent 27%),linear-gradient(180deg,#080704,#030302)!important;position:relative}
.login-black-gold-r8 .login-panel:before{background:linear-gradient(rgba(212,175,55,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.026) 1px,transparent 1px)!important;background-size:38px 38px!important}
.login-black-gold-r8 .login-card{overflow:hidden;position:relative;border-color:rgba(212,175,55,.34)!important;background:linear-gradient(180deg,rgba(17,14,8,.96),rgba(7,6,4,.96))!important;box-shadow:0 38px 110px rgba(0,0,0,.68),0 0 0 1px rgba(212,175,55,.035),inset 0 0 60px rgba(212,175,55,.028)!important;color:#f4ecd8!important}
html[data-ui="finance-pro"] body.login-black-gold-r8 .login-card{background:linear-gradient(180deg,rgba(17,14,8,.97),rgba(7,6,4,.97))!important;color:#f4ecd8!important;border-color:rgba(212,175,55,.34)!important}
.login-black-gold-r8 .login-card:before{content:"";position:absolute;inset:13px;pointer-events:none;background:linear-gradient(#d4af37,#d4af37) left top/18px 1px no-repeat,linear-gradient(#d4af37,#d4af37) left top/1px 18px no-repeat,linear-gradient(#d4af37,#d4af37) right top/18px 1px no-repeat,linear-gradient(#d4af37,#d4af37) right top/1px 18px no-repeat,linear-gradient(#d4af37,#d4af37) left bottom/18px 1px no-repeat,linear-gradient(#d4af37,#d4af37) left bottom/1px 18px no-repeat,linear-gradient(#d4af37,#d4af37) right bottom/18px 1px no-repeat,linear-gradient(#d4af37,#d4af37) right bottom/1px 18px no-repeat;opacity:.42!important}
.login-black-gold-r8 .login-card:after{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,#d4af37,#f6df91,#d4af37,transparent);opacity:.8;pointer-events:none}
.login-access-code{position:absolute;right:25px;top:22px;display:flex;gap:7px;align-items:center;font:700 7px/1 var(--cyber-mono);letter-spacing:.14em;color:#827556;text-transform:uppercase}.login-access-code b{color:#d4af37;font-weight:800}
.login-black-gold-r8 .login-card h2{font-family:var(--cyber-display)!important;color:#fff8e7!important;font-size:30px!important;font-weight:720!important;letter-spacing:.035em!important;text-transform:uppercase;text-shadow:0 0 22px rgba(212,175,55,.08)}
.login-black-gold-r8 .login-card .subtle,.login-black-gold-r8 .login-help{color:#9f947b!important}.login-black-gold-r8 .login-card label{font-family:var(--cyber-ui)!important;color:#d1c4a4!important;letter-spacing:.06em;text-transform:uppercase;font-size:9px!important}
.login-black-gold-r8 .login-card input{background:#080704!important;border-color:#382f1b!important;color:#fff9e9!important;caret-color:#e6c75f;box-shadow:inset 0 0 0 1px rgba(212,175,55,.012)!important}
.login-black-gold-r8 .login-card input:hover{border-color:#5a4720!important}.login-black-gold-r8 .login-card input:focus{border-color:#d4af37!important;box-shadow:0 0 0 3px rgba(212,175,55,.13),inset 0 0 18px rgba(212,175,55,.025)!important}
.login-black-gold-r8 .login-card .btn.primary{font-family:var(--cyber-ui)!important;text-transform:uppercase;letter-spacing:.09em;font-weight:850;background:linear-gradient(115deg,#8b6715,#d4af37 48%,#f4d978 68%,#a77d1b)!important;color:#090704!important;border:1px solid rgba(255,237,172,.38)!important;box-shadow:0 12px 28px rgba(119,84,10,.28),inset 0 1px 0 rgba(255,255,255,.28)!important}
.login-black-gold-r8 .login-card .btn.primary:hover{filter:brightness(1.08) saturate(1.05)!important;box-shadow:0 15px 34px rgba(148,104,12,.34),0 0 22px rgba(212,175,55,.09)!important}
.login-black-gold-r8 .login-security-line{color:#9f9274!important;font-family:var(--cyber-mono)!important}.login-black-gold-r8 .login-security-line i{background:#d4af37!important;box-shadow:0 0 12px rgba(212,175,55,.85)!important}
.login-black-gold-r8 .mobile-brand{color:#fff5dc!important}.login-black-gold-r8 .mobile-brand b{font-family:var(--cyber-display);letter-spacing:.07em}.login-black-gold-r8 .mobile-brand img{filter:grayscale(.42) sepia(.7) saturate(1.5) hue-rotate(355deg) brightness(1.04) drop-shadow(0 0 16px rgba(212,175,55,.24))}
.login-black-gold-r8 .login-card-emblem span{border-color:rgba(212,175,55,.30)!important;box-shadow:0 0 36px rgba(212,175,55,.09)!important}
.login-gold-footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;margin-top:15px;padding-top:13px;border-top:1px solid rgba(212,175,55,.10);color:#776d55;font:700 6.5px/1 var(--cyber-mono);letter-spacing:.13em;text-transform:uppercase}.login-gold-footer i{width:3px;height:3px;border-radius:50%;background:#a9852d;box-shadow:0 0 7px rgba(212,175,55,.55)}

.login-black-gold-r8 .bygotic-login-intro{background:radial-gradient(circle at 50% 45%,#1a1306 0%,#080603 42%,#020201 78%)!important;color:#fff7df!important}
.login-black-gold-r8 .bygotic-login-intro-grid{background-image:linear-gradient(rgba(212,175,55,.095) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.095) 1px,transparent 1px)!important;opacity:.45!important}
.login-black-gold-r8 .bygotic-login-intro-core strong{font-family:var(--cyber-display)!important;color:#f6e4aa;letter-spacing:.15em!important;text-shadow:0 0 32px rgba(212,175,55,.31)!important}.login-black-gold-r8 .bygotic-login-intro-core small{font-family:var(--cyber-mono)!important;color:#c9aa51!important}.login-black-gold-r8 .bygotic-login-intro-core small i{background:#d4af37!important;box-shadow:0 0 13px rgba(212,175,55,.9)!important}
.login-black-gold-r8 .intro-ring{border-color:rgba(212,175,55,.28)!important}.login-black-gold-r8 .intro-ring-b{border-color:rgba(245,220,135,.21)!important}

@media(max-width:800px){
  .login-black-gold-r8 .login-visual{display:none!important}.login-black-gold-r8 .login-card-emblem{display:grid!important}.login-black-gold-r8 .mobile-brand{justify-content:center}.login-black-gold-r8 .login-panel{background:radial-gradient(circle at 50% 10%,rgba(212,175,55,.10),transparent 26%),radial-gradient(circle at 90% 86%,rgba(120,82,12,.07),transparent 28%),#040302!important}.login-black-gold-r8 .login-card{width:min(94vw,430px);border-color:rgba(212,175,55,.34)!important;box-shadow:0 28px 86px rgba(0,0,0,.66),0 0 62px rgba(212,175,55,.03)!important}.login-access-code{right:20px;top:18px}.login-gold-footer{gap:5px}.login-black-gold-r8 .bygotic-login-intro-grid{background-size:42px 42px!important}
}
@media(prefers-reduced-motion:reduce){.login-black-gold-r8 .login-visual::before{transform:none!important}}

.login-black-gold-r8 input:-webkit-autofill,.login-black-gold-r8 input:-webkit-autofill:hover,.login-black-gold-r8 input:-webkit-autofill:focus{-webkit-text-fill-color:#fff9e9!important;box-shadow:0 0 0 1000px #080704 inset!important;-webkit-box-shadow:0 0 0 1000px #080704 inset!important;caret-color:#e6c75f!important}

.login-black-gold-r8 :where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid rgba(212,175,55,.78)!important;outline-offset:3px!important}
.login-black-gold-r8 .login-card input{-webkit-appearance:none!important;appearance:none!important;background-color:#080704!important;background-image:linear-gradient(#080704,#080704)!important}


/* R13 R8 R2 BLUE TO GOLD WELCOME — transición azul -> dorado una vez por sesión. */
.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro.blue-gold-welcome{background:radial-gradient(circle at 50% 45%,#08213a 0%,#020a13 44%,#010204 80%)!important;color:#eafaff!important;transition:background .92s ease,color .92s ease}
.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro.blue-gold-welcome::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#1d1506 0%,#080603 44%,#020201 80%);opacity:0;transition:opacity .92s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro.blue-gold-welcome.phase-gold::before{opacity:1}
.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro.is-visible{animation:bygoticBlueGoldLayer var(--bygotic-intro-duration,6000ms) cubic-bezier(.2,.78,.2,1) both}
.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro-grid{z-index:1;background-image:linear-gradient(rgba(0,216,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(0,216,255,.11) 1px,transparent 1px)!important;transition:background-image .88s ease,filter .88s ease,opacity .88s ease;filter:drop-shadow(0 0 7px rgba(0,216,255,.16))}
.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro.phase-gold .bygotic-login-intro-grid{background-image:linear-gradient(rgba(212,175,55,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.11) 1px,transparent 1px)!important;filter:drop-shadow(0 0 7px rgba(212,175,55,.18))}
.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro-core{z-index:3;animation:bygoticBlueGoldCore var(--bygotic-intro-core-duration,5720ms) .08s cubic-bezier(.18,.85,.25,1) both}
.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro-core img{filter:drop-shadow(0 0 34px rgba(0,216,255,.55)) saturate(1.1)!important;transition:filter .88s ease}
.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro.phase-gold .bygotic-login-intro-core img{filter:grayscale(.38) sepia(.72) saturate(1.55) hue-rotate(354deg) brightness(1.06) contrast(1.05) drop-shadow(0 0 34px rgba(212,175,55,.5))!important}
.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro-core strong{color:#dff9ff!important;text-shadow:0 0 34px rgba(0,216,255,.42)!important;transition:color .88s ease,text-shadow .88s ease}
.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro.phase-gold .bygotic-login-intro-core strong{color:#f6e4aa!important;text-shadow:0 0 34px rgba(212,175,55,.42)!important}
.login-black-gold-r8.blue-gold-r8r2 .intro-ring{border-color:rgba(0,216,255,.38)!important;box-shadow:0 0 24px rgba(0,216,255,.08);transition:border-color .88s ease,box-shadow .88s ease}
.login-black-gold-r8.blue-gold-r8r2 .intro-ring-b{border-color:rgba(116,87,255,.3)!important}
.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro.phase-gold .intro-ring{border-color:rgba(212,175,55,.38)!important;box-shadow:0 0 24px rgba(212,175,55,.09)}
.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro.phase-gold .intro-ring-b{border-color:rgba(245,220,135,.28)!important}
.bygotic-upgrade-scan{position:absolute;z-index:2;left:7%;right:7%;height:2px;top:15%;background:linear-gradient(90deg,transparent,#29e3ff,#dffbff,#29e3ff,transparent);box-shadow:0 0 28px rgba(0,216,255,.72);opacity:0;animation:bygoticUpgradeScan 2.65s .32s cubic-bezier(.2,.8,.2,1) both}
.phase-gold .bygotic-upgrade-scan{background:linear-gradient(90deg,transparent,#b88916,#ffe9a0,#d4af37,transparent);box-shadow:0 0 30px rgba(212,175,55,.68)}
.bygotic-upgrade-copy{display:grid;place-items:center;gap:4px;margin-top:3px;font-family:var(--cyber-mono);letter-spacing:.12em;text-transform:uppercase;text-align:center}.bygotic-upgrade-copy span{font-size:8px;color:#6feaff}.bygotic-upgrade-copy b{font-size:9px;color:#e8fbff}.bygotic-upgrade-copy em{font-style:normal;font-size:7px;color:#7caec2}.phase-gold .bygotic-upgrade-copy span{color:#d4af37}.phase-gold .bygotic-upgrade-copy b{color:#ffe9a0}.phase-gold .bygotic-upgrade-copy em{color:#bba66c}
.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro-core small{color:#89dff0!important}.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro-core small b{color:#d8fbff;font-weight:850}.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro.phase-gold .bygotic-login-intro-core small{color:#c9aa51!important}.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro.phase-gold .bygotic-login-intro-core small b{color:#f2d575}
@keyframes bygoticBlueGoldLayer{0%{opacity:0}4%,92%{opacity:1}100%{opacity:0}}
@keyframes bygoticBlueGoldCore{0%{opacity:0;transform:translate3d(0,10px,0) scale(.91)}9%,92%{opacity:1;transform:translate3d(0,0,0) scale(1)}100%{opacity:0;transform:translate3d(0,-3px,0) scale(1.018)}}
@keyframes bygoticUpgradeScan{0%{top:14%;opacity:0}12%{opacity:.95}78%{opacity:.82}100%{top:86%;opacity:0}}
@media(max-width:800px){.bygotic-upgrade-copy{gap:3px}.bygotic-upgrade-copy b{font-size:8px}.bygotic-upgrade-copy span,.bygotic-upgrade-copy em{font-size:6.5px}}
@media(prefers-reduced-motion:reduce){.blue-gold-r8r2 .bygotic-upgrade-scan{display:none!important}}


/* R13 R8 R9 R2 R6 R7 · SESSION INTRO — marca construida con CSS, integrada al fondo. */
.bygotic-login-intro-core .bygotic-intro-sigil{
  position:relative;z-index:4;width:112px;height:112px;display:grid;place-items:center;
  isolation:isolate;filter:drop-shadow(0 0 28px rgba(0,216,255,.34));
  transition:filter .88s ease,transform .88s cubic-bezier(.2,.8,.2,1);
}
.bygotic-intro-sigil::before,.bygotic-intro-sigil::after{
  content:"";position:absolute;inset:8px;border:1px solid rgba(105,229,255,.46);
  clip-path:polygon(25% 5%,75% 5%,98% 50%,75% 95%,25% 95%,2% 50%);
  background:radial-gradient(circle at 50% 44%,rgba(0,216,255,.16),rgba(0,216,255,.025) 48%,transparent 70%);
  box-shadow:inset 0 0 25px rgba(0,216,255,.08),0 0 35px rgba(0,216,255,.07);
}
.bygotic-intro-sigil::after{inset:22px;transform:rotate(30deg);opacity:.55}
.bygotic-intro-sigil .sigil-hex{position:absolute;inset:30px;border:1px solid rgba(162,240,255,.58);transform:rotate(45deg);box-shadow:0 0 20px rgba(0,216,255,.12)}
.bygotic-intro-sigil .sigil-core{position:relative;z-index:2;font-family:var(--cyber-display);font-size:42px;font-weight:950;line-height:1;color:#e8fbff;text-shadow:0 0 14px rgba(0,216,255,.64);letter-spacing:-.04em}
.bygotic-intro-sigil .sigil-line{position:absolute;z-index:1;width:82px;height:1px;background:linear-gradient(90deg,transparent,rgba(102,229,255,.72),transparent);transform-origin:center;opacity:.7}
.bygotic-intro-sigil .line-a{transform:rotate(30deg)}.bygotic-intro-sigil .line-b{transform:rotate(-30deg)}
.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro.phase-gold .bygotic-intro-sigil{filter:drop-shadow(0 0 30px rgba(212,175,55,.36));transform:scale(1.035)}
.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro.phase-gold .bygotic-intro-sigil::before,
.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro.phase-gold .bygotic-intro-sigil::after{border-color:rgba(236,208,116,.52);background:radial-gradient(circle at 50% 44%,rgba(212,175,55,.18),rgba(212,175,55,.025) 48%,transparent 70%);box-shadow:inset 0 0 25px rgba(212,175,55,.09),0 0 35px rgba(212,175,55,.08)}
.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro.phase-gold .bygotic-intro-sigil .sigil-hex{border-color:rgba(246,222,146,.62);box-shadow:0 0 20px rgba(212,175,55,.14)}
.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro.phase-gold .bygotic-intro-sigil .sigil-core{color:#fff2c5;text-shadow:0 0 14px rgba(212,175,55,.62)}
.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro.phase-gold .bygotic-intro-sigil .sigil-line{background:linear-gradient(90deg,transparent,rgba(236,208,116,.75),transparent)}
@media(max-width:800px){.bygotic-login-intro-core .bygotic-intro-sigil{width:88px;height:88px}.bygotic-intro-sigil .sigil-core{font-size:34px}.bygotic-intro-sigil .sigil-line{width:68px}}
/* El modo reducido conserva tiempo perceptible sin rotaciones ni barridos agresivos.
   Se aplica tanto si lo elige el usuario como si Windows/navegador publica prefers-reduced-motion. */
.bygotic-login-intro.reduced-intro{display:grid!important;animation:bygoticReducedIntro var(--bygotic-intro-duration,2800ms) ease both!important}
.bygotic-login-intro.reduced-intro .bygotic-login-intro-core{animation:bygoticReducedCore var(--bygotic-intro-core-duration,2620ms) ease both!important}
.bygotic-login-intro.reduced-intro .intro-ring,.bygotic-login-intro.reduced-intro .bygotic-upgrade-scan{display:none!important}
.bygotic-login-intro.reduced-intro .bygotic-intro-logo{animation:none!important;opacity:1!important;transform:none!important}
.bygotic-login-intro.reduced-intro .bygotic-intro-brand-stage .bygotic-intro-sigil{display:none!important}
html[data-motion="reduced"] .bygotic-login-intro.reduced-intro{display:grid!important}
html[data-motion="off"] .bygotic-login-intro{display:none!important}
@keyframes bygoticReducedIntro{0%{opacity:0}18%,82%{opacity:1}100%{opacity:0}}
@keyframes bygoticReducedCore{0%{opacity:0;transform:scale(.98)}25%,75%{opacity:1;transform:none}100%{opacity:0;transform:scale(1.01)}}


/* R6 R7 — identidad de acceso integrada: el emblema visible se construye con CSS, no con una imagen raster pegada. */
.bygotic-login-sigil{position:relative;display:grid;place-items:center;flex:0 0 auto;filter:drop-shadow(0 0 28px rgba(212,175,55,.22));isolation:isolate}
.bygotic-login-sigil::before,.bygotic-login-sigil::after{content:"";position:absolute;inset:7%;border:1px solid rgba(236,208,116,.36);border-radius:28%;transform:rotate(30deg);background:radial-gradient(circle at 50% 44%,rgba(212,175,55,.13),rgba(212,175,55,.018) 50%,transparent 72%);box-shadow:inset 0 0 30px rgba(212,175,55,.055),0 0 34px rgba(212,175,55,.055);z-index:0}
.bygotic-login-sigil::after{inset:23%;transform:rotate(-30deg);border-color:rgba(246,222,146,.25);background:transparent}
.bygotic-login-sigil .sigil-hex{position:absolute;inset:31%;border:1px solid rgba(246,222,146,.55);transform:rotate(45deg);box-shadow:0 0 18px rgba(212,175,55,.11);z-index:1}
.bygotic-login-sigil .sigil-core{position:relative;z-index:3;font-family:var(--cyber-display);font-weight:950;line-height:1;color:#fff1c2;text-shadow:0 0 13px rgba(212,175,55,.55);letter-spacing:-.04em}
.bygotic-login-sigil .sigil-line{position:absolute;z-index:2;width:68%;height:1px;background:linear-gradient(90deg,transparent,rgba(236,208,116,.68),transparent);transform-origin:center;opacity:.62}
.bygotic-login-sigil .line-a{transform:rotate(30deg)}.bygotic-login-sigil .line-b{transform:rotate(-30deg)}
.bygotic-login-sigil.hero-sigil{width:170px;height:170px;margin:auto}.bygotic-login-sigil.hero-sigil .sigil-core{font-size:58px}
.bygotic-login-sigil.card-sigil{width:76px;height:76px}.bygotic-login-sigil.card-sigil .sigil-core{font-size:28px}
.bygotic-login-sigil.mobile-sigil{width:40px;height:40px}.bygotic-login-sigil.mobile-sigil .sigil-core{font-size:16px}.bygotic-login-sigil.mobile-sigil .sigil-line{display:none}
.bygotic-type-lockup{display:flex!important;align-items:baseline;justify-content:center;gap:.16em;white-space:nowrap;text-transform:uppercase;filter:drop-shadow(0 12px 36px rgba(0,0,0,.34))}
.bygotic-type-lockup strong{font-family:var(--cyber-display);font-size:clamp(3.2rem,7vw,6.8rem);font-weight:950;line-height:.9;letter-spacing:.045em;color:#f8e7ae;text-shadow:0 0 30px rgba(212,175,55,.17)}
.bygotic-type-lockup span{font-family:var(--cyber-mono);font-size:clamp(.68rem,1.25vw,1.12rem);font-weight:850;letter-spacing:.32em;color:#9f8650;writing-mode:vertical-rl;transform:rotate(180deg);align-self:center}
.login-card-emblem>span{display:none!important}.login-black-gold-r8 .mobile-brand>span.bygotic-login-sigil{background:transparent!important;border:0!important}
@media(max-width:800px){.bygotic-type-lockup{display:none!important}.bygotic-login-sigil.hero-sigil{width:140px;height:140px}.bygotic-login-sigil.hero-sigil .sigil-core{font-size:48px}}



/* R10 BIENVENIDA CLARA — logo integrado al fondo y duración perceptible. */
.bygotic-login-intro-core{gap:10px!important}
.bygotic-intro-brand-stage{position:relative;width:190px;height:190px;display:grid;place-items:center;z-index:4;transform:translateZ(0)}
.bygotic-intro-brand-stage .bygotic-intro-sigil{position:absolute;inset:17px;margin:auto;opacity:.34;transform:scale(.88);filter:blur(.1px) drop-shadow(0 0 24px rgba(0,216,255,.22));transition:opacity .8s ease,filter .8s ease,transform .8s ease}
.bygotic-intro-logo{position:relative;z-index:5;width:164px;height:164px;background:url('/static/branding/bygotic/bygotic-login-emblem.webp') center/contain no-repeat;filter:drop-shadow(0 0 36px rgba(0,216,255,.56));opacity:0;transform:translate3d(0,8px,0) scale(.88);animation:bygoticIntroLogoR10 5.65s .15s cubic-bezier(.2,.8,.2,1) both;will-change:transform,opacity,filter}
.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro.phase-gold .bygotic-intro-logo{filter:grayscale(.2) sepia(.72) saturate(1.45) hue-rotate(354deg) brightness(1.08) contrast(1.05) drop-shadow(0 0 42px rgba(212,175,55,.56))}
.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro.phase-gold .bygotic-intro-brand-stage .bygotic-intro-sigil{opacity:.2;filter:drop-shadow(0 0 28px rgba(212,175,55,.26));transform:scale(.96)}
.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro.is-visible{animation-duration:var(--bygotic-intro-duration,6000ms)!important}
.login-black-gold-r8.blue-gold-r8r2 .bygotic-login-intro-core{animation-duration:var(--bygotic-intro-core-duration,5720ms)!important}
.bygotic-login-intro-core .bygotic-upgrade-copy{min-height:62px;max-width:min(92vw,540px)}
.bygotic-login-intro-core .bygotic-upgrade-copy span{letter-spacing:.2em}.bygotic-login-intro-core .bygotic-upgrade-copy b{font-size:11px;letter-spacing:.14em}.bygotic-login-intro-core .bygotic-upgrade-copy em{font-size:8px;letter-spacing:.15em}
@keyframes bygoticIntroLogoR10{0%{opacity:0;transform:translate3d(0,14px,0) scale(.82)}13%{opacity:1;transform:translate3d(0,0,0) scale(1)}66%{opacity:1;transform:translate3d(0,0,0) scale(1.025)}88%{opacity:1;transform:translate3d(0,-2px,0) scale(1)}100%{opacity:0;transform:translate3d(0,-8px,0) scale(1.025)}}
.bygotic-welcome.is-visible{animation-duration:3.2s!important}.bygotic-welcome-core{animation-duration:2.75s!important;animation-delay:.12s!important}.bygotic-welcome-core img{width:124px!important;height:124px!important;filter:drop-shadow(0 0 34px rgba(0,216,255,.48)) sepia(.08);will-change:transform,opacity}.bygotic-welcome.is-visible .ring-a{animation-duration:2.7s!important}.bygotic-welcome.is-visible .ring-b{animation-duration:2.95s!important}
@media(max-width:800px){.bygotic-intro-brand-stage{width:148px;height:148px}.bygotic-intro-logo{width:126px;height:126px}.bygotic-welcome-core img{width:98px!important;height:98px!important}}
@media(prefers-reduced-motion:reduce){.bygotic-login-intro.reduced-intro{scroll-behavior:auto}}

/* R15 R12 · LOGIN READABILITY CLEANUP
   Conserva el negro/dorado, pero reemplaza la apariencia excesivamente técnica
   por una jerarquía tipográfica más humana, redondeada y fácil de leer. */
.login-black-gold-r8{
  --cyber-display:"Segoe UI Variable Display","Segoe UI Variable Text","Aptos Display","Aptos","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  --cyber-ui:"Segoe UI Variable Text","Segoe UI Variable","Aptos","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
}
.login-black-gold-r8 .visual-copy,
.login-black-gold-r8 .login-card,
.login-black-gold-r8 .login-preview,
.login-black-gold-r8 .bygotic-upgrade-copy{font-family:var(--font-body)!important}
.login-black-gold-r8 .login-brand-lockup strong,
.login-black-gold-r8 .login-card h2,
.login-black-gold-r8 .mobile-brand b,
.login-black-gold-r8 .bygotic-login-intro-core>strong{font-family:var(--font-display)!important}
.login-black-gold-r8 .login-card h2{
  font-size:clamp(30px,3.1vw,38px)!important;
  line-height:1.12!important;
  font-weight:720!important;
  letter-spacing:-.025em!important;
  text-transform:none!important;
}
.login-black-gold-r8 .login-card .subtle{
  font-size:14px!important;
  line-height:1.55!important;
}
.login-black-gold-r8 .login-card label{
  font-size:12px!important;
  line-height:1.35!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  font-weight:680!important;
}
.login-black-gold-r8 .login-card input{
  min-height:48px!important;
  border-radius:14px!important;
  font-family:var(--font-body)!important;
  font-size:14px!important;
}
.login-black-gold-r8 .login-card .btn.primary{
  min-height:48px!important;
  border-radius:14px!important;
  font-family:var(--font-body)!important;
  font-size:14px!important;
  font-weight:740!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.login-black-gold-r8 .eyebrow{
  font-family:var(--font-body)!important;
  font-size:11px!important;
  line-height:1.4!important;
  letter-spacing:.085em!important;
}
.login-black-gold-r8 .login-security-line,
.login-black-gold-r8 .login-help{
  font-family:var(--font-body)!important;
  font-size:11.5px!important;
  line-height:1.55!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.login-black-gold-r8 .login-mission{
  max-width:620px;
  font-family:var(--font-body)!important;
  font-size:15px!important;
  line-height:1.6!important;
  letter-spacing:0!important;
}
.login-black-gold-r8 .visual-points span,
.login-black-gold-r8 .login-preview,
.login-black-gold-r8 .login-hud-kicker,
.login-black-gold-r8 .hero-node-status{
  font-family:var(--font-body)!important;
  letter-spacing:.025em!important;
}
.login-black-gold-r8 .visual-points span{font-size:11.5px!important}
.login-black-gold-r8 .login-hud-kicker{font-size:9.5px!important}
.login-black-gold-r8 .hero-node-status{font-size:9.5px!important}
.login-black-gold-r8 .login-access-code{
  font-family:var(--font-body)!important;
  font-size:9px!important;
  letter-spacing:.06em!important;
}
.login-black-gold-r8 .login-gold-footer{
  font-family:var(--font-body)!important;
  font-size:9px!important;
  line-height:1.4!important;
  letter-spacing:.055em!important;
}
.login-black-gold-r8 .bygotic-upgrade-copy span{font-size:10px!important;letter-spacing:.1em!important}
.login-black-gold-r8 .bygotic-upgrade-copy b{font-size:11px!important;letter-spacing:.08em!important}
.login-black-gold-r8 .bygotic-upgrade-copy em{font-size:9px!important;letter-spacing:.07em!important}
.login-black-gold-r8 .bygotic-login-intro-core>small{font-size:9px!important;letter-spacing:.05em!important}
.brand.mobile-brand-top>div small,.sidebar-brand>div small{font-size:9.5px!important;line-height:1.3!important;letter-spacing:.06em!important}
@media(max-width:800px){
  .login-black-gold-r8 .login-card h2{font-size:30px!important}
  .login-black-gold-r8 .login-card .subtle{font-size:13.5px!important}
  .login-black-gold-r8 .login-card label{font-size:12px!important}
  .login-black-gold-r8 .login-card input,.login-black-gold-r8 .login-card .btn.primary{min-height:48px!important;font-size:14px!important}
  .login-black-gold-r8 .login-help{font-size:11.5px!important}
}
