:root{--portal-navy:#020a24;--portal-blue:#1239a6;--portal-red:#d71920;--portal-gold:#ffd21f;--portal-green:#087443;--portal-ink:#0b1534;--portal-muted:#707b94}
*{box-sizing:border-box}
body{font-family:'Manrope','Outfit',Inter,Arial,sans-serif!important;color:var(--portal-ink)!important;background:radial-gradient(circle at 80% 12%,rgba(40,100,238,.28),transparent 24rem),radial-gradient(circle at 12% 86%,rgba(255,210,31,.14),transparent 20rem),linear-gradient(145deg,#01061a,var(--portal-navy) 55%,#071548)!important;background-attachment:fixed!important}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.3;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent)}
.login-card,.box{width:min(430px,calc(100% - 28px))!important;max-width:430px!important;padding:30px!important;border:1px solid rgba(255,255,255,.7)!important;border-radius:28px!important;color:var(--portal-ink)!important;background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(239,245,255,.76))!important;box-shadow:0 36px 85px rgba(0,0,0,.4),inset 0 1px 0 #fff!important;backdrop-filter:blur(28px) saturate(160%)!important;-webkit-backdrop-filter:blur(28px) saturate(160%)!important}
.login-card .crest,.box .head img{width:76px!important;height:86px!important;padding:3px;border:1px solid rgba(7,21,72,.11);border-radius:18px!important;background:#fff;box-shadow:0 16px 32px rgba(1,8,32,.13)}
.login-card h1,.box h1{color:var(--portal-ink)!important;font-family:'Barlow Condensed','Outfit',sans-serif!important;font-size:30px!important;text-transform:uppercase}.login-card p.sub,.box .head p{color:var(--portal-muted)!important}
.field label,.box label{color:#59657f!important;font-size:9px!important;font-weight:900!important;letter-spacing:.08em;text-transform:uppercase}
.field input,.box input{min-height:50px!important;border:1px solid rgba(7,21,72,.15)!important;border-radius:14px!important;color:var(--portal-ink)!important;background:rgba(255,255,255,.72)!important;box-shadow:inset 0 1px 0 #fff}.field input:focus,.box input:focus{outline:none;border-color:rgba(18,57,166,.52)!important;box-shadow:0 0 0 4px rgba(18,57,166,.11)!important}
.btn-entrar,.box button{min-height:52px!important;border:1px solid rgba(255,235,139,.9)!important;border-radius:15px!important;color:var(--portal-navy)!important;background:linear-gradient(135deg,#fff1a0,var(--portal-gold))!important;box-shadow:0 15px 32px rgba(255,210,31,.2)!important;transition:transform .22s ease,box-shadow .22s ease}.btn-entrar:hover,.box button:hover{transform:translateY(-2px);box-shadow:0 20px 38px rgba(255,210,31,.28)!important}
.footer-note{color:#8993aa!important}.alert,.flash{border:1px solid rgba(215,25,32,.2)!important;border-radius:12px!important;background:rgba(215,25,32,.09)!important;color:#a31319!important}
.topbar,.top{position:sticky;top:0;z-index:30;min-height:76px;padding:14px 22px!important;border-bottom:1px solid rgba(255,255,255,.15);color:#fff!important;background:linear-gradient(115deg,rgba(1,6,26,.95),rgba(7,21,72,.9),rgba(18,57,166,.82))!important;box-shadow:0 16px 42px rgba(1,6,26,.28);backdrop-filter:blur(24px) saturate(155%)}
.topbar a,.top a{color:#fff!important}.top .brand img{width:56px!important;height:64px!important;padding:2px;border-radius:13px;background:#fff}.top .brand strong{font-family:'Barlow Condensed',sans-serif;font-size:20px;text-transform:uppercase}
.wrap{width:min(1120px,calc(100% - 28px))!important;max-width:1120px!important;margin:24px auto!important}.wrap>.card,.wrap .grid>.card{border:1px solid rgba(255,255,255,.7)!important;border-radius:21px!important;color:var(--portal-ink)!important;background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(239,245,255,.78))!important;box-shadow:0 18px 45px rgba(1,8,32,.16),inset 0 1px 0 #fff!important;backdrop-filter:blur(22px)}
.wrap .card h2,.wrap .card h3{color:var(--portal-ink)!important;font-family:'Barlow Condensed','Outfit',sans-serif;font-weight:800;text-transform:uppercase}.wrap .card h3{color:#66718a!important;font-size:11px!important;letter-spacing:.08em}.chip{border:1px solid rgba(18,57,166,.09);border-radius:13px!important;background:rgba(18,57,166,.055)!important}.chip b{color:var(--portal-blue)!important}
.btn,.btn-submit{min-height:45px;border:1px solid rgba(255,255,255,.2)!important;border-radius:13px!important;color:#fff!important;background:linear-gradient(135deg,var(--portal-blue),var(--portal-navy))!important;box-shadow:0 12px 25px rgba(18,57,166,.2)!important;transition:transform .22s ease}.btn:hover,.btn-submit:hover{transform:translateY(-2px)}.btn.secondary{background:linear-gradient(135deg,var(--portal-red),#8d1015)!important}
.macro-banner{border:1px solid rgba(255,255,255,.18)!important;border-radius:22px!important;background:radial-gradient(circle at 85% 15%,rgba(255,210,31,.18),transparent 12rem),linear-gradient(135deg,var(--portal-navy),var(--portal-blue))!important;box-shadow:0 18px 42px rgba(1,8,32,.25)!important}.jogo-data,.slider-val{background:linear-gradient(135deg,var(--portal-blue),var(--portal-navy))!important}.slider-row input[type=range]{accent-color:var(--portal-blue)!important}.sessao-dia .num{color:var(--portal-blue)!important}.pixbox{border-color:rgba(18,57,166,.12)!important;border-radius:15px!important;background:rgba(18,57,166,.055)!important}.pixkey{border-color:var(--portal-blue)!important}
table{overflow:hidden;border-radius:12px}td,th{border-bottom-color:rgba(7,21,72,.08)!important}.status{border-radius:999px!important}
@media(max-width:800px){.topbar,.top{align-items:flex-start;flex-direction:column}.topbar>div:last-child{display:flex;flex-wrap:wrap;gap:10px}.topbar a{margin-left:0!important}.wrap .grid,.chips{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
