.register-page{min-height:100vh;padding:25px 13px 45px;background:radial-gradient(circle at 50% -10%,#252118,#0b0c0e 55%)}.register-wrap{width:min(100%,470px);margin:auto}.register-head{text-align:center;margin-bottom:17px}.register-logo{width:auto;height:auto;max-width:180px;max-height:72px;object-fit:contain;border:0!important;border-radius:0!important;margin:0 auto 10px;display:block;background:transparent!important;box-shadow:none!important}.register-logo-fallback{margin:0 auto 10px;color:#fff06a;font-weight:950;font-size:20px}.eyebrow{font-size:8px;letter-spacing:2px;color:#fff06a;font-weight:900}.register-head h1{font-size:25px;margin:6px 0 5px}.register-head p{margin:0;color:#858990;font-size:10px}.register-progress{display:flex;align-items:center;gap:8px;padding:9px 12px;margin-bottom:12px;border:1px solid #24272c;border-radius:12px;background:#101215}.register-progress span{display:flex;align-items:center;gap:6px;color:#666;font-size:8px;font-weight:900;white-space:nowrap}.register-progress span.active{color:#fff06a}.register-progress b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#202329;font-size:7px}.register-progress .active b{background:linear-gradient(145deg,#ffd400,#9c8200);color:#111}.register-progress i{height:1px;flex:1;background:#292c31}.register-card{padding:20px;border:1px solid #292c31;border-radius:18px;background:linear-gradient(155deg,#16181b,#0f1012);box-shadow:0 25px 70px #00000055}.register-card-head h2{margin:0;font-size:14px}.register-card-head p{margin:5px 0 18px;color:#777b82;font-size:9px}.register-notice{padding:10px;border-radius:9px;background:#201915;color:#ffd400;font-size:9px;margin-bottom:12px}.section-title{display:flex;align-items:center;gap:8px;margin:18px 0 10px;color:#ffd400;font-size:8px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}.section-title:after{content:"";height:1px;flex:1;background:#292c31}.field{margin-bottom:12px}.field label{display:flex;justify-content:space-between;margin-bottom:6px;color:#bfc2c7;font-size:9px;font-weight:800}.field label small{color:#666}.field input{width:100%;height:43px;border:1px solid #2c2f34;border-radius:10px;background:#0e1012;color:#f1f1f1;padding:0 12px;font-size:11px;outline:none}.field input:focus{border-color:#ffd400;box-shadow:0 0 0 3px #ffd40012}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.register-note{padding:10px;border:1px solid #272a2e;border-radius:10px;background:#101215;color:#6f747b;font-size:8px;line-height:1.55;margin:4px 0 14px}.register-submit{width:100%;height:45px;border:0;border-radius:11px;background:linear-gradient(135deg,#ffe45c,#9c8200);color:#111;font-size:10px;font-weight:950;cursor:pointer}.register-login{text-align:center;margin-top:14px;color:#666;font-size:9px}.register-login a{color:#ffd400;font-weight:900;text-decoration:none}@media(max-width:380px){.row{grid-template-columns:1fr}.register-card{padding:16px}}
/* BLACK yellow THEME — registration visual colors only */
.register-page{background:linear-gradient(rgba(3,10,7,.72),rgba(3,10,7,.90)),none center top/cover fixed no-repeat !important}
.register-head h1,.register-card-head h2{color:#f0fff7 !important}
.eyebrow,.section-title,.register-login a{color:#ffd400 !important}
.register-progress{background:#0b0b0b !important;border-color:#2b2b2b !important}
.register-progress span.active{color:#ffd400 !important}
.register-progress .active b{background:linear-gradient(145deg,#ffe45c,#ffd400) !important;color:#171000 !important}
.register-card{background:linear-gradient(155deg,#0d1712,#07100c) !important;border-color:#2b2b2b !important}
.field input{background:#090909 !important;border-color:#000000 !important}
.field input:focus{border-color:#ffd400 !important;box-shadow:0 0 0 3px rgba(255,212,0,.10) !important}
.register-submit{background:linear-gradient(135deg,#ffe45c,#ffd400) !important;color:#171000 !important}

/* Registration refresh — premium yellow captcha */
.register-page{padding-top:34px;padding-bottom:55px}.register-wrap{width:min(100%,520px)}.register-head{margin-bottom:20px}.register-logo{width:auto;height:auto;max-width:180px;max-height:72px;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}.register-head h1{font-size:27px;letter-spacing:-.5px}.register-head p{font-size:10px;line-height:1.6}.register-progress{padding:10px 14px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.register-card{padding:22px;border-radius:20px;box-shadow:0 25px 80px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.025)}.register-card-head h2{font-size:16px}.register-card-head p{font-size:9px;line-height:1.55}.section-title{margin-top:20px;margin-bottom:11px}.field input{height:46px;border-radius:12px;transition:border-color .18s,box-shadow .18s,background .18s}.field input:hover{border-color:#ffd400}.register-note{border-color:#2b2b2b;background:rgba(5,17,11,.7);border-radius:12px}.register-submit{height:48px;border-radius:13px;letter-spacing:.3px;box-shadow:0 12px 28px rgba(255,212,0,.14);transition:transform .15s,filter .15s}.register-submit:hover{filter:brightness(1.06);transform:translateY(-1px)}
.captcha-block{margin:18px 0 14px;padding:13px;border:1px solid #2b2b2b;border-radius:14px;background:linear-gradient(145deg,rgba(7,22,14,.96),rgba(0,0,0,.98))}.captcha-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.captcha-head strong{display:block;color:#eafff5;font-size:9px;font-weight:900;letter-spacing:.4px}.captcha-head span{display:block;margin-top:3px;color:#789286;font-size:8px}.captcha-refresh{width:29px;height:29px;display:grid;place-items:center;border:1px solid #ffd400;border-radius:9px;background:#111111;color:#ffd400;text-decoration:none;font-size:17px;font-weight:900;transition:transform .2s,border-color .2s}.captcha-refresh:hover{transform:rotate(90deg);border-color:#ffd400}.captcha-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(120px,.9fr);gap:10px;align-items:center}.captcha-visual{height:52px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ffd400;border-radius:11px;background:radial-gradient(circle at 20% 30%,rgba(255,212,0,.12),transparent 38%),#090909;box-shadow:inset 0 0 22px rgba(0,0,0,.35)}.captcha-visual span{position:relative;z-index:2;display:inline-block;color:#ffd400;font-size:22px;font-weight:950;letter-spacing:1px;text-shadow:0 0 12px rgba(255,212,0,.18);transform:rotate(var(--r))}.captcha-visual i,.captcha-visual b,.captcha-visual em{position:absolute;display:block;height:1px;width:120%;left:-10%;background:#ffd400;opacity:.3;transform:rotate(-7deg)}.captcha-visual i{top:17px}.captcha-visual b{top:34px;transform:rotate(5deg);opacity:.22}.captcha-visual em{top:25px;transform:rotate(14deg);opacity:.18}.captcha-input input{text-transform:uppercase;text-align:center;font-weight:900;letter-spacing:2px}@media(max-width:460px){.register-page{padding-left:10px;padding-right:10px}.register-card{padding:17px}.captcha-row{grid-template-columns:1fr}.captcha-visual{height:48px}}
/* REGISTER FORM REFINEMENT v17 */
.register-progress{display:none!important}.register-head{padding:4px 0 2px}.register-head .eyebrow{margin-top:2px}.register-card-head{border-bottom:1px solid #2b2b2b;padding-bottom:14px}.field-label{display:inline-flex;align-items:center;gap:6px}.field-label svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.input-wrap{position:relative}.input-wrap input{padding-right:44px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:31px;height:31px;border:1px solid #ffd400;border-radius:8px;background:#111111;color:#ffd400;display:grid;place-items:center;cursor:pointer}.password-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.password-toggle:hover{border-color:#ffd400}.captcha-refresh{border:1px solid #ffd400;cursor:pointer}.captcha-refresh:disabled{opacity:.55;cursor:wait}.captcha-refresh.loading{animation:captchaSpin .65s linear infinite}@keyframes captchaSpin{to{transform:rotate(360deg)}}


/* YELLOW DARK FINAL: colors only; original layout remains untouched. */
html, body { background-color:#000 !important; }
body, .app, .page, .main, .main-content, .content, .content-wrapper, .page-content { background-color:#000 !important; }
.header, .topbar, .top-bar, .navbar, .sidebar, .side-bar, .side-menu, .footer, .bottom-menu, .home-bottom, .mobile-bottom, .bottom-nav { background-color:#000 !important; border-color:#ffd400 !important; }
button, .btn, .button, .btn-primary, .btn-success, .submit, .register, .register-submit { background-color:#ffd400 !important; background-image:none !important; color:#000 !important; border-color:#ffd400 !important; }
.section-title, .section-head h2, .title, .heading, .logo, .active, .text-success, .text-yellow, .yellow, .game-meta, .togel-title { color:#ffd400 !important; }
.card, .game-card, .game, .provider, .category, .cat, .grid-item, .menu-item, .side-link, .home-info-card { border-color:#ffd400 !important; }


/* YELLOW DARK FINAL COLOR OVERRIDE — layout/logic untouched */
html, body { background:#000 !important; }
body, .app, .page, .main, .content, .main-content, .page-content, .mobile-page { background-color:#000 !important; }
.sidebar, .side-panel, .sidebar-panel, .side-nav, .mobile-sidebar, .offcanvas, .drawer, .menu-sidebar { background-color:#000 !important; background-image:none !important; }
.sidebar *, .side-panel *, .sidebar-panel *, .side-nav *, .mobile-sidebar *, .offcanvas *, .drawer *, .menu-sidebar * { --yellow:#ffd400 !important; }
.text-success, .text-yellow, .yellow, .success, .is-yellow, [class*="yellow"], [class*="success"] { color:#ffd400 !important; }
[style*="background"], [style*="color"] { }

/* YELLOW DARK FINAL COLOR OVERRIDE — colors only */
html, body { background-color:#000000 !important; }
.sidebar, .side-bar, .sidebar-menu, .offcanvas, .drawer, .menu-sidebar { background-color:#000000 !important; background-image:none !important; }

/* YELLOW DARK FINAL OVERRIDE — footer and navigation icons */
.bottom i,.bottom svg,.bottom .icon,.bottom a,.footer i,.footer svg,.footer .icon,.footer a,.fixed-bottom i,.fixed-bottom svg,.mobile-footer i,.mobile-footer svg,.nav-bottom i,.nav-bottom svg{color:#ffd400 !important;}
.sidebar i,.sidebar svg,.side-menu i,.side-menu svg,.drawer i,.drawer svg,.game-menu i,.game-menu svg,.provider i,.provider svg{color:#ffd400 !important;stroke:#ffd400 !important;}
html,body{background:#000000 !important;}

/* YELLOW DARK FOOTER ICON COLOR ONLY */
.bottom svg,.footer svg,.fixed-bottom svg,.mobile-footer svg,.nav-bottom svg{color:#ffd400 !important;fill:none !important;stroke:currentColor !important;}
.bottom svg path,.bottom svg line,.bottom svg polyline,.bottom svg polygon,.bottom svg circle,.bottom svg rect,.footer svg path,.footer svg line,.footer svg polyline,.footer svg polygon,.footer svg circle,.footer svg rect{fill:none !important;stroke:currentColor !important;}

/* YELLOW DARK: preserve original center footer icon visibility */
.bottom .center span svg,
.bottom .center span svg path,
.bottom .center span svg line,
.bottom .center span svg circle,
.bottom .center span svg rect,
.bottom .center span svg polyline,
.bottom .center span svg polygon {
  color:#111 !important;
  stroke:#111 !important;
  fill:none !important;
}
.bottom .center span svg { opacity:1 !important; }