.register-page{min-height:100vh;padding:25px 13px 45px;background:radial-gradient(circle at 50% -10%,var(--bg_card_darker),var(--bg_page) 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:var(--primary_light);font-weight:950;font-size:20px}.eyebrow{font-size:8px;letter-spacing:2px;color:var(--primary_light);font-weight:900}.register-head h1{font-size:25px;margin:6px 0 5px}.register-head p{margin:0;color:var(--text_secondary);font-size:10px}.register-progress{display:flex;align-items:center;gap:8px;padding:9px 12px;margin-bottom:12px;border:1px solid var(--border_default);border-radius:12px;background:var(--bg_card)}.register-progress span{display:flex;align-items:center;gap:6px;color:var(--text_secondary);font-size:8px;font-weight:900;white-space:nowrap}.register-progress span.active{color:var(--primary_light)}.register-progress b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--bg_card_darker);font-size:7px}.register-progress .active b{background:linear-gradient(145deg,var(--primary),var(--primary_dark));color:var(--btn_text)}.register-progress i{height:1px;flex:1;background:var(--border_default)}.register-card{padding:20px;border:1px solid var(--border_default);border-radius:18px;background:linear-gradient(155deg,var(--bg_card),var(--bg_input));box-shadow:0 25px 70px var(--shadow_card)}.register-card-head h2{margin:0;font-size:14px}.register-card-head p{margin:5px 0 18px;color:var(--text_secondary);font-size:9px}.register-notice{padding:10px;border-radius:9px;background:var(--bg_card_darker);color:var(--primary);font-size:9px;margin-bottom:12px}.section-title{display:flex;align-items:center;gap:8px;margin:18px 0 10px;color:var(--primary);font-size:8px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}.section-title:after{content:"";height:1px;flex:1;background:var(--border_default)}.field{margin-bottom:12px}.field label{display:flex;justify-content:space-between;margin-bottom:6px;color:var(--text_primary);font-size:9px;font-weight:800}.field label small{color:var(--text_secondary)}.field input{width:100%;height:43px;border:1px solid var(--border_input);border-radius:10px;background:var(--bg_input);color:var(--text_primary);padding:0 12px;font-size:11px;outline:none}.field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--shadow_focus)}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.register-note{padding:10px;border:1px solid var(--border_default);border-radius:10px;background:var(--bg_card);color:var(--text_secondary);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,var(--primary_light),var(--primary_dark));color:var(--btn_text);font-size:10px;font-weight:950;cursor:pointer}.register-login{text-align:center;margin-top:14px;color:var(--text_secondary);font-size:9px}.register-login a{color:var(--primary);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(var(--bg_card),var(--bg_page_dark)),none center top/cover fixed no-repeat !important}
.register-head h1,.register-card-head h2{color:var(--text_primary) !important}
.eyebrow,.section-title,.register-login a{color:var(--primary) !important}
.register-progress{background:var(--bg_card) !important;border-color:var(--border_default) !important}
.register-progress span.active{color:var(--primary) !important}
.register-progress .active b{background:linear-gradient(145deg,var(--primary_light),var(--primary)) !important;color:var(--btn_text) !important}
.register-card{background:linear-gradient(155deg,var(--bg_page),var(--bg_page)) !important;border-color:var(--border_default) !important}
.field input{background:var(--bg_card_darker) !important;border-color:var(--bg_page_dark) !important}
.field input:focus{border-color:var(--primary) !important;box-shadow:0 0 0 3px var(--shadow_focus) !important}
.register-submit{background:linear-gradient(135deg,var(--primary_light),var(--primary)) !important;color:var(--btn_text) !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 var(--shadow_card)}.register-card{padding:22px;border-radius:20px;box-shadow:0 25px 80px var(--shadow_card),inset 0 1px var(--border_default)}.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:var(--primary)}.register-note{border-color:var(--border_default);background:var(--bg_input);border-radius:12px}.register-submit{height:48px;border-radius:13px;letter-spacing:.3px;box-shadow:0 12px 28px var(--shadow_button);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 var(--border_default);border-radius:14px;background:linear-gradient(145deg,var(--bg_card),var(--bg_page_dark))}.captcha-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.captcha-head strong{display:block;color:var(--text_primary);font-size:9px;font-weight:900;letter-spacing:.4px}.captcha-head span{display:block;margin-top:3px;color:var(--text_secondary);font-size:8px}.captcha-refresh{width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--primary);border-radius:9px;background:var(--bg_page_dark);color:var(--primary);text-decoration:none;font-size:17px;font-weight:900;transition:transform .2s,border-color .2s}.captcha-refresh:hover{transform:rotate(90deg);border-color:var(--primary)}.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 var(--primary);border-radius:11px;background:radial-gradient(circle at 20% 30%,var(--primary_light),var(--bg_card_darker));box-shadow:inset 0 0 22px var(--shadow_card)}.captcha-visual span{position:relative;z-index:2;display:inline-block;color:var(--primary);font-size:22px;font-weight:950;letter-spacing:1px;text-shadow:0 0 12px var(--shadow_button);transform:rotate(var(--r))}.captcha-visual i,.captcha-visual b,.captcha-visual em{position:absolute;display:block;height:1px;width:120%;left:-10%;background:var(--primary);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 var(--border_default);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 var(--primary);border-radius:8px;background:var(--bg_page_dark);color:var(--primary);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:var(--primary)}.captcha-refresh{border:1px solid var(--primary);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:var(--bg_page_dark) !important; }
body, .app, .page, .main, .main-content, .content, .content-wrapper, .page-content { background-color:var(--bg_page_dark) !important; }
.header, .topbar, .top-bar, .navbar, .sidebar, .side-bar, .side-menu, .footer, .bottom-menu, .home-bottom, .mobile-bottom, .bottom-nav { background-color:var(--bg_page_dark) !important; border-color:var(--primary) !important; }
button, .btn, .button, .btn-primary, .btn-success, .submit, .register, .register-submit { background-color:var(--primary) !important; background-image:none !important; color:var(--btn_text) !important; border-color:var(--primary) !important; }
.section-title, .section-head h2, .title, .heading, .logo, .active, .text-success, .text-yellow, .yellow, .game-meta, .togel-title { color:var(--primary) !important; }
.card, .game-card, .game, .provider, .category, .cat, .grid-item, .menu-item, .side-link, .home-info-card { border-color:var(--primary) !important; }


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

/* YELLOW DARK FINAL COLOR OVERRIDE — colors only */
html, body { background-color:var(--bg_page_dark) !important; }
.sidebar, .side-bar, .sidebar-menu, .offcanvas, .drawer, .menu-sidebar { background-color:var(--bg_page_dark) !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:var(--primary) !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:var(--primary) !important;stroke:var(--primary) !important;}
html,body{background:var(--bg_page_dark) !important;}

/* YELLOW DARK FOOTER ICON COLOR ONLY */
.bottom svg,.footer svg,.fixed-bottom svg,.mobile-footer svg,.nav-bottom svg{color:var(--primary) !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:var(--btn_text) !important;
  stroke:var(--btn_text) !important;
  fill:none !important;
}
.bottom .center span svg { opacity:1 !important; }