:root{--gold:#f5b91b;--gold-light:#ffd75d;--text:#f7f4ed;--muted:#aaa69d}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body.gateway-page{min-height:100vh;color:var(--text);font-family:Roboto,"Segoe UI",sans-serif;background:#050504 url('../img/backgrounds/admin-login-gaming-v2.png') center/cover fixed no-repeat;-webkit-font-smoothing:antialiased}body.gateway-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 55% 48%,rgba(245,185,27,.06),transparent 25%),rgba(3,3,2,.79);pointer-events:none}.gateway-shell{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;width:min(100% - 40px,1050px);min-height:100vh;margin:auto;padding:105px 0 65px}.gateway-brand{position:absolute;left:0;top:30px;display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;animation:gatewayDrop .6s ease both}.gateway-brand>span{display:grid;place-items:center;width:46px;height:46px;color:var(--gold);background:rgba(245,185,27,.07);border:1px solid rgba(245,185,27,.55);border-radius:13px;font-size:21px;animation:gatewayFloat 4s ease-in-out infinite}.gateway-brand strong,.gateway-brand small{display:block}.gateway-brand strong{font-size:21px;letter-spacing:.025em}.gateway-brand strong em,.gateway-content h1 em{color:var(--gold);font-style:normal}.gateway-brand small{margin-top:5px;color:#77736b;font-size:8px;letter-spacing:.24em}.gateway-content{width:100%;padding:45px clamp(24px,5vw,58px);text-align:center;background:linear-gradient(145deg,rgba(17,17,14,.92),rgba(7,7,6,.86));border:1px solid rgba(245,185,27,.25);border-radius:22px;box-shadow:0 35px 100px rgba(0,0,0,.62);backdrop-filter:blur(17px);animation:gatewayIn .72s .08s cubic-bezier(.2,.75,.25,1) both;overflow:hidden}.gateway-content:before{content:"";position:absolute;left:18%;right:18%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);filter:drop-shadow(0 0 8px rgba(245,185,27,.7));animation:gatewayBorder 3.4s ease-in-out infinite}.gateway-kicker{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.22em}.gateway-content h1{margin:10px 0 0;font-size:clamp(37px,5vw,54px);line-height:1.15;letter-spacing:-.035em}.gateway-content>p{margin:12px 0 0;color:var(--muted);font-size:15px}.gateway-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}.gateway-option{position:relative;display:grid;grid-template-columns:58px 1fr 32px;align-items:center;gap:15px;min-height:160px;padding:25px;color:#fff;text-align:left;text-decoration:none;background:linear-gradient(145deg,rgba(23,23,18,.94),rgba(9,9,8,.9));border:1px solid rgba(255,255,255,.08);border-radius:15px;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.gateway-option:before{content:"";position:absolute;left:-45%;top:-100%;width:30%;height:300%;background:linear-gradient(90deg,transparent,rgba(245,185,27,.1),transparent);transform:rotate(20deg);transition:left .65s ease}.gateway-option:hover{color:#fff;transform:translateY(-6px);border-color:rgba(245,185,27,.48);box-shadow:0 22px 45px rgba(0,0,0,.4),0 0 25px rgba(245,185,27,.07)}.gateway-option:hover:before{left:125%}.gateway-option-icon{display:grid;place-items:center;width:56px;height:56px;color:var(--gold);background:rgba(245,185,27,.08);border:1px solid rgba(245,185,27,.2);border-radius:14px;font-size:24px;transition:.25s}.gateway-option:hover .gateway-option-icon{transform:scale(1.08) rotate(-3deg);box-shadow:0 0 24px rgba(245,185,27,.13)}.gateway-option-copy small,.gateway-option-copy strong,.gateway-option-copy em{display:block}.gateway-option-copy small{color:#a5832b;font-size:9px;font-weight:800;letter-spacing:.16em}.gateway-option-copy strong{margin:7px 0;font-size:22px}.gateway-option-copy em{color:#8f8b82;font-size:12px;font-style:normal;line-height:1.55}.gateway-arrow{display:grid;place-items:center;width:31px;height:31px;color:#847f76;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:.22s}.gateway-option:hover .gateway-arrow{color:#090806;background:var(--gold);border-color:var(--gold);transform:translate(2px,-2px)}.gateway-security{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:28px;color:#77736b;font-size:10px}.gateway-security i{color:#a98932}.gateway-security b{width:3px;height:3px;background:#77631f;border-radius:50%}.gateway-shell footer{margin-top:25px;color:#5f5c56;font-size:10px}@keyframes gatewayIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes gatewayDrop{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes gatewayFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px);filter:drop-shadow(0 0 9px rgba(245,185,27,.4))}}@keyframes gatewayBorder{0%,100%{opacity:.3;transform:scaleX(.55)}50%{opacity:1;transform:scaleX(1)}}@media(max-width:720px){.gateway-shell{width:min(100% - 24px,1050px);padding-top:94px}.gateway-brand{top:23px}.gateway-content{padding:34px 18px;border-radius:17px}.gateway-options{grid-template-columns:1fr}.gateway-option{min-height:135px;padding:20px}.gateway-content h1{font-size:35px}}@media(max-width:420px){.gateway-option{grid-template-columns:48px 1fr 25px;gap:11px}.gateway-option-icon{width:47px;height:47px;font-size:20px}.gateway-option-copy strong{font-size:19px}.gateway-security{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}