.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:#6bf0b2;font-weight:950;font-size:20px}.eyebrow{font-size:8px;letter-spacing:2px;color:#6bf0b2;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:#6bf0b2}.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,#57efab,#0fa969);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:#62eeaa;font-size:9px;margin-bottom:12px}.section-title{display:flex;align-items:center;gap:8px;margin:18px 0 10px;color:#5ff0aa;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:#2de198;box-shadow:0 0 0 3px #2de19812}.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,#57f0a5,#0fa969);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:#62eeaa;font-weight:900;text-decoration:none}@media(max-width:380px){.row{grid-template-columns:1fr}.register-card{padding:16px}}
/* BLACK GREEN THEME — registration visual colors only */
.register-page{background:linear-gradient(rgba(3,10,7,.72),rgba(3,10,7,.90)),url("https://updatetiapharibugis.com/image/bg.jpg") center top/cover fixed no-repeat !important}
.register-head h1,.register-card-head h2{color:#f0fff7 !important}
.eyebrow,.section-title,.register-login a{color:#62eeaa !important}
.register-progress{background:#07110d !important;border-color:#173a2a !important}
.register-progress span.active{color:#67efad !important}
.register-progress .active b{background:linear-gradient(145deg,#57f0a5,#10bc72) !important;color:#031009 !important}
.register-card{background:linear-gradient(155deg,#0d1712,#07100c) !important;border-color:#193d2d !important}
.field input{background:#06100b !important;border-color:#18392a !important}
.field input:focus{border-color:#2cdd91 !important;box-shadow:0 0 0 3px rgba(44,221,145,.10) !important}
.register-submit{background:linear-gradient(135deg,#57f0a5,#10bc72) !important;color:#031009 !important}

/* Registration refresh — premium green 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:#24583f}.register-note{border-color:#173a2a;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(16,188,114,.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 #193d2d;border-radius:14px;background:linear-gradient(145deg,rgba(7,22,14,.96),rgba(4,13,9,.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 #24583f;border-radius:9px;background:#07150e;color:#62eeaa;text-decoration:none;font-size:17px;font-weight:900;transition:transform .2s,border-color .2s}.captcha-refresh:hover{transform:rotate(90deg);border-color:#39df96}.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 #24583f;border-radius:11px;background:radial-gradient(circle at 20% 30%,rgba(57,223,150,.12),transparent 38%),#06110b;box-shadow:inset 0 0 22px rgba(0,0,0,.35)}.captcha-visual span{position:relative;z-index:2;display:inline-block;color:#79f2ba;font-size:22px;font-weight:950;letter-spacing:1px;text-shadow:0 0 12px rgba(98,238,170,.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:#2ccf88;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 #173a2a;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 #19432f;border-radius:8px;background:#07150e;color:#62eeaa;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:#39df96}.captcha-refresh{border:1px solid #24583f;cursor:pointer}.captcha-refresh:disabled{opacity:.55;cursor:wait}.captcha-refresh.loading{animation:captchaSpin .65s linear infinite}@keyframes captchaSpin{to{transform:rotate(360deg)}}