@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&display=swap');
html,body{margin:0;min-height:100%;background:#17130c}
.register-container{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100svh;width:100%;padding:40px 20px;background:radial-gradient(ellipse at 24% 10%,#62523470,transparent 48%),radial-gradient(ellipse at 90% 90%,#4a3e2770,transparent 55%),linear-gradient(145deg,#2a2316,#17130c 62%);font-family:Kanit,Tahoma,sans-serif;box-sizing:border-box;overflow:hidden}
.register-container::before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 30%,#d9b57308 30.1%,transparent 30.4%),linear-gradient(60deg,transparent 65%,#d3b26c0b 65.1%,transparent 65.4%);}
.register-container::after{content:'';position:absolute;z-index:-1;width:650px;height:650px;left:calc(50% - 325px);top:calc(50% - 325px);border:1px solid #efc77f16;border-radius:50%;box-shadow:0 0 0 80px #f3cb8104,0 0 0 160px #f3cb8103;pointer-events:none}
.register-container *{box-sizing:border-box}
.register-card{position:relative;width:100%;max-width:480px;padding:0;border:1px solid #ffffffb0;border-radius:24px;background:radial-gradient(ellipse at 5% 0%,#fff9,transparent 60%),linear-gradient(145deg,#eef5fcf0,#deeaf5e8 65%,#ffdf8ee8);backdrop-filter:blur(26px) saturate(125%);-webkit-backdrop-filter:blur(26px) saturate(125%);box-shadow:inset 0 1px #fff,0 24px 70px #0007,0 0 60px #7c68421a;overflow:hidden;color:#3b311f}
.register-card::before{content:'';position:absolute;inset:0 12% auto;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent);pointer-events:none}
.register-header{text-align:center;padding:26px 28px 0}
.register-header img{display:block;width:112px;max-width:100%;height:112px;object-fit:contain;margin:0 auto 13px;filter:drop-shadow(0 5px 9px #62523424)}
.register-header h2{font-family:Kanit,Tahoma,sans-serif;margin:0;color:#3b311f;font-size:27px;font-weight:600;line-height:1.4;letter-spacing:-.025em}
.register-header p{margin:5px 0 0;color:#8f774c;font-size:13px;line-height:1.5}
.register-body{padding:24px 30px 20px}
.reg-input-group{position:relative;margin-bottom:12px}
.reg-input-group i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#8c754a;font-size:16px;pointer-events:none}
.reg-input{display:block;width:100%;height:50px;padding:0 16px 0 44px;border:1px solid #cba96c6b;border-radius:10px;background:#fff9;box-shadow:inset 0 2px 4px #63533508;color:#3b311f;font:400 16px Kanit,Tahoma,sans-serif;outline:0;color-scheme:light}
.reg-input::placeholder{color:#a28756;opacity:1;font-size:14px}
.reg-input:focus{background:#fff;border-color:#877148;box-shadow:0 0 0 3px #8771481f}
.reg-input:-webkit-autofill{-webkit-text-fill-color:#3b311f;caret-color:#3b311f;-webkit-box-shadow:0 0 0 1000px #f4f8fc inset;box-shadow:0 0 0 1000px #f4f8fc inset}
.reg-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;padding:0 18px;margin:18px 0 0;border:1px solid #ffffff40;border-radius:10px;background:linear-gradient(155deg,#877148,#53452c);box-shadow:inset 0 1px #fff4,0 5px 13px #5c4d3128;color:#fff;font:600 16px Kanit,Tahoma,sans-serif;cursor:pointer;}
.reg-btn i{font-size:16px}
.forgot-link{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px 0 0;padding:2px 0;color:#6e5c3b;font-size:13px;font-weight:600;text-decoration:underline;text-decoration-color:#6e5c3b55;text-underline-offset:4px;line-height:1.6}
.forgot-link i{font-size:11px}
.register-footer{display:flex;flex-direction:column;gap:17px;padding:20px 30px 25px;border-top:1px solid #d4b17147;background:#ffffff18;text-align:center}
.register-highlight-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:46px;padding:0 18px;border:1px solid #d9af53;border-radius:10px;background:linear-gradient(165deg,#fff1c5,#ecc76f 50%,#dba747);box-shadow:inset 0 1px #fffc,0 4px 11px #aa803622;color:#493409;font:600 16px Kanit,Tahoma,sans-serif;text-shadow:0 1px #fff6;text-decoration:none;animation:none;}
.register-highlight-btn i{margin:0;font-size:16px;animation:none}
.register-footer .contact-btn-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;margin:0;padding:0}
.register-footer .contact-btn{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:42px;padding:8px 10px;border:1px solid #ae925d3d;border-radius:9px;background:#fff5;color:#685738;font:500 13px Kanit,Tahoma,sans-serif;text-decoration:none;line-height:1.3;box-shadow:inset 0 1px #fff8}
.register-footer .contact-btn i{font-size:19px;flex:none}
.register-footer .btn-line i{color:#08a94b}
.register-footer .btn-telegram i{color:#987f51}
.register-footer .contact-btn:only-child,.register-footer .contact-btn:last-child:nth-child(odd){grid-column:1/-1}
.register-card a:focus-visible,.register-card button:focus-visible{outline:3px solid #7d6943;outline-offset:3px}
.register-card a:hover{color:inherit;text-decoration:none}
.reg-btn.loading{opacity:.65;pointer-events:none}
.reg-btn.loading::after{content:'';width:17px;height:17px;border:2px solid #ffffff50;border-top-color:#fff;border-radius:50%;animation:major-login-spin .8s linear infinite}
@keyframes major-login-spin{to{transform:rotate(360deg)}}
@media(max-width:480px){.register-container{padding:24px 18px}.register-card{max-width:380px;border-radius:20px}.register-header{padding:22px 22px 0}.register-header img{width:96px;height:96px;margin-bottom:10px}.register-header h2{font-size:25px}.register-body{padding:20px 22px 18px}.register-footer{padding:18px 22px 22px;gap:14px}.reg-input{height:48px}.reg-btn{height:46px;margin-top:16px}.register-footer .contact-btn{font-size:12px}.forgot-link{font-size:13px}}
@media(max-width:350px){.register-container{padding:18px 12px}.register-body,.register-footer{padding-left:18px;padding-right:18px}.register-header img{width:86px;height:86px}.register-header h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.reg-btn.loading::after{animation:none}}
.register-container::before{inset:-15%;background:radial-gradient(ellipse at 22% 25%,#9b825323,transparent 38%),radial-gradient(ellipse at 78% 75%,#d7b56310,transparent 36%),linear-gradient(120deg,transparent 30%,#d9b57308 30.1%,transparent 30.4%),linear-gradient(60deg,transparent 65%,#d3b26c0b 65.1%,transparent 65.4%);animation:major-login-ambient 16s ease-in-out infinite alternate;will-change:transform}
.register-container::after{animation:major-login-halo 12s ease-in-out infinite alternate;transform-origin:center}
.register-header h2{font-size:25px}
@keyframes major-login-ambient{from{transform:translate(-2%,1%) rotate(-3deg)}to{transform:translate(3%,-2%) rotate(3deg)}}
@keyframes major-login-halo{from{transform:scale(.94);opacity:.5}to{transform:scale(1.08);opacity:1}}
@media(max-width:480px){.register-header h2{font-size:23px}}
@media(max-width:350px){.register-header h2{font-size:20px}}
@keyframes major-login-softlight{from{opacity:.35}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.register-container::before{animation:major-login-softlight 14s ease-in-out infinite alternate;will-change:auto}.register-container::after{animation:none;will-change:auto}}
.register-container{--reg-text:#3b311f;--reg-text-muted:#957c4f;--reg-primary:#7d6943;--reg-primary-light:#a58a58;--reg-success:#15945b;--reg-bg-dark:#eef4fa}
.register-header{padding-bottom:20px;background:none}
.step-progress{padding:17px 26px 19px;gap:5px;background:#fff3;border-top:1px solid #ccaa6d26;border-bottom:1px solid #ccaa6d26}
.step-circle{width:34px;height:34px;border:1px solid #dab77451;background:#ffffff80;color:#a58a58;box-shadow:none;font-size:13px}
.step-circle i{font-size:14px}
.step-item.active .step-circle{transform:none;background:linear-gradient(155deg,#fff0b8,#e4b451);border-color:#d4a342;color:#5a4110;box-shadow:inset 0 1px #fff9,0 3px 9px #a8812520}
.step-item.completed .step-circle{background:#7c6842;border-color:#7c6842;color:#fff;box-shadow:none}
.step-label{font-size:11px;font-weight:500;color:#a38857;margin-top:7px}
.step-item.active .step-label,.step-item.completed .step-label{color:#57492e}
.step-line{background:#d6b3724a;height:1px;align-self:flex-start;margin:16.5px -4px 0}
.step-line.active{background:#977e50;box-shadow:none}
.step-title{color:#443924;font-size:20px;font-weight:600;line-height:1.4;margin:0 0 14px}
.step-subtitle{color:#957c4f;font-size:13px;line-height:1.6;margin:0 0 15px}
.step-subtitle:empty{display:none}
.register-body{padding:24px 30px}
.reg-input-group{min-width:0}
.reg-input:read-only{background:#ffdc8c4a;color:#90784d;border-color:#cba96c55}
.reg-select{height:50px;min-width:0;width:100%;border:1px solid #cba96c6b;border-radius:10px;background-color:#fff9;color:#3b311f;font:400 14px Kanit,Tahoma,sans-serif;color-scheme:light;box-shadow:inset 0 2px 4px #63533508}
.reg-select option{background:#f3f7fc;color:#3b311f}
.reg-select:focus{border-color:#877148;box-shadow:0 0 0 3px #8771481f;background-color:#fff}
.reg-btn-primary{background:linear-gradient(155deg,#877148,#53452c);color:#fff;box-shadow:inset 0 1px #fff4,0 5px 13px #5c4d3128;letter-spacing:0;text-shadow:none}
.reg-btn-primary:hover,.reg-btn-secondary:hover{transform:none;box-shadow:inset 0 1px #fff4,0 5px 13px #5c4d3128}
.reg-btn-secondary{margin-top:10px;background:#ffffff66;color:#76633f;border-color:#ccaa6d55;box-shadow:none}
.reg-input-group i{z-index:1}
.reg-input-group:has(.password-strength)>i{top:25px;transform:translateY(-50%)}
.bank-option .bank-img{border:2px solid #ffffff80;background:#ffffff55;box-shadow:0 2px 6px #52452c10}
.bank-option:hover .bank-img{transform:none}
.bank-option input:checked+.bank-img{border-color:#8e764b;box-shadow:0 0 0 3px #8e764b23}
.reg-checkbox{color:#867047;line-height:1.6;font-size:13px}
.reg-checkbox label{color:#867047}
.reg-checkbox label a{color:#7d6943}
.password-strength{background:#bfa0662e;height:4px}
.register-footer p{margin:0;color:#957c4f;font-size:14px;font-weight:400;line-height:1.6}
.register-footer p a{color:#6e5c3b;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.register-footer .contact-btn:hover{transform:none;color:#685738;box-shadow:inset 0 1px #fff8}
.register-footer .contact-btn.btn-line,.register-footer .contact-btn.btn-telegram,.register-footer .contact-btn.btn-mainweb{background:#fff5;border:1px solid #ae925d3d;color:#685738;box-shadow:inset 0 1px #fff8}
@media(max-width:480px){.register-header{padding-bottom:17px}.register-body{padding:20px 22px}.step-progress{padding:14px 18px 16px}.step-title{font-size:18px}.reg-select{height:48px}.reg-input-group:has(.password-strength)>i{top:24px}}
@media(max-width:350px){.register-body{padding:18px}.step-progress{padding-left:12px;padding-right:12px}.step-label{font-size:10px}.step-circle{width:30px;height:30px}}
.register-card .bank-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 auto 20px;max-width:340px}
.register-card .bank-option{display:block;flex:0 0 calc((100% - 36px)/4);min-width:0;margin:0;line-height:0}
.register-card .bank-option .bank-img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;padding:0;background:#fff;border:3px solid #ffffffb0;opacity:1;box-shadow:0 2px 7px #5d4e3120;overflow:hidden}
.register-card .bank-option input:checked+.bank-img{border-color:#897249;box-shadow:0 0 0 3px #89724927;transform:none}
.register-card .reg-checkbox{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 0}
.register-card .reg-checkbox input{flex:0 0 18px;width:18px;height:18px;margin:0;align-self:center}
.register-card .reg-checkbox label{margin:0;font-size:13px;line-height:1.6;display:block}
.register-card .reg-checkbox label a{display:inline;color:#6e5c3b;text-decoration:underline;text-underline-offset:3px}
@media(max-width:350px){.register-card .bank-grid{gap:10px}.register-card .bank-option{flex-basis:calc((100% - 30px)/4)}.register-card .reg-checkbox{gap:6px}.register-card .reg-checkbox label{font-size:12px}}

/* Balanced bank rows and illustrated referral choices */
.register-card .bank-grid{display:block}
.register-card .bank-row{display:flex;justify-content:center;gap:12px;margin-bottom:12px}
.register-card .bank-row:last-child{margin-bottom:0}
.register-card .bank-selection-title{font-size:20px;font-weight:700;color:#433824;text-align:center;margin:0 0 18px;line-height:1.4}
.register-card .source-picker{border:0;padding:0;margin:8px 0 20px;min-width:0}
.register-card .source-picker legend{float:none;width:auto;font-size:16px;font-weight:700;color:#433824;padding:0;margin:0 0 12px}
.register-card .source-picker legend span{color:#cf3547}
.register-card .source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.register-card .source-choice{position:relative;margin:0;cursor:pointer;min-width:0}
.register-card .source-choice input{position:absolute;width:1px;height:1px;opacity:0}
.register-card .source-tile{display:flex;align-items:center;gap:9px;min-height:52px;padding:8px 10px;border:1px solid #c4a46844;border-radius:13px;background:#ffffff88;box-shadow:0 2px 5px #44392408;color:#53452c;font-size:13px;font-weight:600;line-height:1.4}
.register-card .source-tile img{width:29px;height:29px;object-fit:contain;flex-shrink:0}
.register-card .source-check{display:none;font-size:10px;margin-left:auto;color:#7e6a43}
.register-card .source-choice input:checked+.source-tile{border-color:#947c4f;background:#eaf5ff;box-shadow:0 0 0 2px #947c4f20;color:#57482e}
.register-card .source-choice input:checked+.source-tile .source-check{display:block}
.register-card .source-choice input:focus-visible+.source-tile{outline:2px solid #796541;outline-offset:3px}
.register-card .source-locked{grid-column:1/-1;cursor:default}
.register-card .reg-checkbox label{font-size:12px}
@media(max-width:350px){.register-card .bank-row{gap:10px}.register-card .source-tile{padding:8px;gap:7px;font-size:12px}.register-card .source-tile img{width:25px;height:25px}.register-card .reg-checkbox{gap:6px}.register-card .reg-checkbox label{font-size:11px}}
.register-card .bank-option .bank-img-current{object-fit:contain;padding:9px;background:#fff}
@media(max-width:350px){.register-card .reg-checkbox label{font-size:12px}}

/* Compact custom channel dropdown */
.register-card .source-dropdown{position:relative}
.register-card .source-dropdown summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;padding:10px 15px;cursor:pointer;border:1px solid #c4a46844;border-radius:12px;background:#ffffff88;color:#53452c;font-size:14px;font-weight:500}
.register-card .source-dropdown summary::-webkit-details-marker{display:none}
.register-card .source-summary-content{display:flex;align-items:center;gap:10px}
.register-card .source-summary-content>i{font-size:18px;color:#897349}
.register-card .source-summary-content img{width:28px;height:28px;object-fit:contain}
.register-card .source-summary-content b{color:#cf3547}
.register-card .source-chevron{font-size:11px;color:#897349}
.register-card .source-dropdown[open] summary,.register-card .source-dropdown.has-selection summary{border-color:#947c4f}
.register-card .source-dropdown[open] .source-chevron{transform:rotate(180deg)}
.register-card .source-dropdown .source-grid{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;padding:10px;background:#edf4fa;border:1px solid #ffd688;border-radius:14px;box-shadow:0 12px 28px #31291a35;max-height:285px;overflow-y:auto}
.register-card .source-dropdown summary:focus-visible{outline:2px solid #796541;outline-offset:3px}
.register-card .source-dropdown .source-grid{position:static;margin-top:7px;max-height:285px}

/* Selected bank label joins its account input */
.register-card .bank-account-field{margin-bottom:14px;--selected-bank-color:#5a4b30}
.register-card .bank-account-field .reg-input-group{margin-bottom:0}
.register-card .selected-bank-header[hidden]{display:none}
.register-card .selected-bank-header{display:flex;align-items:center;gap:10px;min-height:47px;padding:8px 13px;background:var(--selected-bank-color);border-radius:12px 12px 0 0;color:#fff;box-shadow:0 3px 9px #3c322016}
.register-card .selected-bank-logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;overflow:hidden;border-radius:50%;background:#fff}
.register-card .selected-bank-logo img{display:block;width:100%;height:100%;object-fit:contain}
.register-card .selected-bank-name{font-size:14px;font-weight:600;line-height:1.4}
.register-card .selected-bank-header>i{position:static;transform:none;margin-left:auto;color:#ffffffb8;font-size:14px;flex-shrink:0}
.register-card .bank-account-field.has-bank .reg-input{border-radius:0 0 12px 12px;border-top:0;border-color:#ccab6d70}
@media(max-width:350px){.register-card .selected-bank-header{padding:8px 11px;gap:8px}.register-card .selected-bank-name{font-size:13px}}

.step-progress{align-items:flex-start}
@media(max-width:350px){.step-line{margin-top:14.5px}}

.register-card .bank-details[hidden],.register-card #bank_selection[hidden]{display:none!important}
.register-card .bank-grid{max-width:280px}
.register-card .change-bank-btn{flex-shrink:0;margin-left:auto;border:1px solid #ffffff65;border-radius:20px;padding:5px 10px;background:#ffffff20;color:#fff;font:500 12px Kanit,Tahoma,sans-serif;line-height:1.3;cursor:pointer}
.register-card .selected-bank-name{min-width:0}
.register-card .register-test-note{margin:0 0 16px;padding:9px 12px;border-radius:10px;background:#e9f3fc;color:#685738;font-size:12px;text-align:center}
@media(max-width:480px){.register-card .bank-grid{max-width:240px}}
@media(max-width:350px){.register-card .change-bank-btn{padding:5px 8px;font-size:11px}.register-card .selected-bank-name{font-size:12px}}
.register-card .change-bank-btn{background:#fff;color:#463b25;border-color:#fff;font-weight:600;box-shadow:0 2px 5px #00000018}

/* Registration terms: fixed heading/actions, comfortably scrollable clauses. */
.reg-terms-popup.swal2-popup{padding:0 0 22px!important;border-radius:24px!important;overflow:hidden;background:#f7faff!important;color:#3e3421;box-shadow:0 28px 90px #120f0a70!important;width:680px;max-width:calc(100vw - 28px)}
.reg-terms-popup .swal2-header{padding:0!important}
.reg-terms-popup .swal2-html-container,.reg-terms-popup #swal2-content{margin:0!important;padding:0!important;text-align:left!important}
.reg-terms-popup .swal2-close{position:absolute;top:13px!important;right:14px!important;width:34px;height:34px;border-radius:50%;background:#ffffff16;color:#fff!important;font-size:27px;z-index:3}
.reg-terms-popup .swal2-actions{margin:16px 24px 0!important;padding:0!important}
.reg-terms-popup .swal2-confirm{margin:0!important;padding:11px 30px!important;border-radius:12px!important;background:linear-gradient(135deg,#846e46,#51442b)!important;box-shadow:0 5px 14px #52442c24!important;font:500 14px Kanit,Tahoma,sans-serif!important}
.major-terms{font-family:Kanit,Tahoma,sans-serif;color:#493d27}
.major-terms-head{padding:28px 32px 24px;background:radial-gradient(ellipse at 0 0,#74613e70,transparent 70%),linear-gradient(125deg,#382e1e,#241e13);border-bottom:2px solid #dcb557}
.major-terms-kicker{display:flex;align-items:center;gap:9px;color:#e0bc65;font-size:12px;font-weight:500;letter-spacing:.04em;padding-right:25px}
.major-terms-kicker i{font-size:15px}
.major-terms-head h2{font-size:27px;line-height:1.45;font-weight:600;color:#fff;margin:9px 0 5px}
.major-terms-head p{font-size:13px;line-height:1.7;color:#f9d185;margin:0}
.major-terms-body{max-height:min(49vh,470px);overflow-y:auto;overscroll-behavior:contain;padding:8px 30px 10px;scrollbar-width:thin;scrollbar-color:#e7c17b #eaf0f6}
.major-terms-body:focus-visible{outline:2px solid #927a4e;outline-offset:-3px}
.major-terms-body ol{list-style:none;margin:0;padding:0}
.major-terms-body li{display:flex;align-items:flex-start;gap:15px;padding:18px 0;border-bottom:1px solid #dce6ee}
.major-terms-body li:last-child{border-bottom:0}
.terms-clause-number{display:flex;align-items:center;justify-content:center;flex:0 0 31px;height:31px;margin-top:2px;border:1px solid #ffe290;border-radius:10px;background:#eaf2f9;color:#7b6742;font-size:12px;font-weight:500}
.major-terms-body h3{font-size:15px;font-weight:600;line-height:1.6;margin:0 0 4px;color:#463b25}
.major-terms-body p{font-size:14px;font-weight:400;line-height:1.85;color:#7e6943;margin:0;overflow-wrap:anywhere}
.terms-config-image{display:block;width:100%;height:auto;border-radius:12px;margin:14px 0}
.major-terms-foot{display:flex;align-items:flex-start;gap:9px;padding:14px 30px;background:#edf3f8;border-top:1px solid #dbe5ee;color:#947b4f}
.major-terms-foot i{font-size:14px;margin-top:4px;color:#927a4e}
.major-terms-foot p{font-size:12px;line-height:1.75;margin:0}
@media(max-width:600px){
.reg-terms-popup.swal2-popup{border-radius:20px!important;padding-bottom:18px!important}
.major-terms-head{padding:25px 21px 20px}
.major-terms-head h2{font-size:23px}
.major-terms-head p{font-size:12px}
.major-terms-body{padding:5px 20px 8px;max-height:46vh}
.major-terms-body li{gap:12px;padding:15px 0}
.major-terms-body h3{font-size:14px}
.major-terms-body p{font-size:13px}
.terms-clause-number{flex-basis:28px;height:28px;font-size:11px}
.major-terms-foot{padding:12px 20px}
.reg-terms-popup .swal2-actions{margin-top:13px!important}
}
/* Constrain the modal itself, then let its content flex into the available viewport. */
.reg-terms-popup.swal2-popup{height:min(780px,calc(100vh - 28px));height:min(780px,calc(100dvh - 28px));max-height:calc(100vh - 28px);box-sizing:border-box;display:flex!important;flex-direction:column;align-items:stretch}
.reg-terms-popup .swal2-header{flex:0 0 0;min-height:0}
.reg-terms-popup .swal2-content{display:flex!important;flex:1 1 auto;min-height:0;overflow:hidden;padding:0!important}
.reg-terms-popup #swal2-content{display:flex!important;flex:1 1 auto;min-height:0;max-width:100%;overflow:hidden}
.reg-terms-popup .major-terms{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%}
.reg-terms-popup .major-terms-head,.reg-terms-popup .major-terms-foot{flex-shrink:0}
.reg-terms-popup .major-terms-body{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-bottom:22px}
.reg-terms-popup .swal2-actions{flex:0 0 auto;width:auto!important;align-self:stretch;display:flex!important;justify-content:center!important;align-items:center!important;margin:16px 24px 0!important;box-sizing:border-box}
.reg-terms-popup .swal2-confirm{flex:0 0 auto}
@media(max-width:600px){.reg-terms-popup .swal2-actions{margin-top:13px!important}}
html,body{background:#15120d}
.login-input:-webkit-autofill,.reg-input:-webkit-autofill,.forget-input:-webkit-autofill{-webkit-text-fill-color:#fff1cf;caret-color:#fff1cf;-webkit-box-shadow:0 0 0 1000px #211c14 inset;box-shadow:0 0 0 1000px #211c14 inset}
.login-container,.register-container,.forget-container{background:radial-gradient(ellipse at 24% 10%,#8f6b2440,transparent 48%),radial-gradient(ellipse at 90% 90%,#77581b30,transparent 55%),linear-gradient(145deg,#292217,#11100e 62%)}
.login-card,.register-card,.forget-card{background:radial-gradient(ellipse at 5% 0%,#d9b15812,transparent 60%),linear-gradient(145deg,#30291ff5,#1c1914f2 65%,#282218f2);border-color:#d4af3766;color:#fff4d6;box-shadow:inset 0 1px #ffe7a91c,0 24px 70px #0007,0 0 60px #c59b2418}
.login-header h1,.register-header h2,.forget-header h2,.step-title{color:#ffe7a7}
.login-header p,.register-header p,.forget-header p,.step-subtitle{color:#baa989}
.login-input,.reg-input,.forget-input{background:#100f0c80;border-color:#c9a75244;color:#fff4dc;color-scheme:dark}
.login-input::placeholder,.reg-input::placeholder,.forget-input::placeholder{color:#aa9d85}
.login-input:focus,.reg-input:focus,.forget-input:focus{background:#14110d;border-color:#d4af37;box-shadow:0 0 0 3px #d4af3720}
.login-input-group i,.reg-input-group i,.forget-input-group i{color:#bea268}
.login-btn-primary,.reg-btn-primary,.forget-btn-primary{background:linear-gradient(155deg,#efd38a,#d4af37 60%,#a77c20);color:#30230a;text-shadow:0 1px #fff5;box-shadow:inset 0 1px #fff6,0 5px 13px #0003}
.login-footer,.register-footer,.forget-footer{border-color:#d4af372a;background:#ffffff03}
.login-footer p,.register-footer p,.forget-footer p,.step-label,.forget-step-label{color:#c4b495}
.login-footer p a,.register-footer p a,.forget-footer p a,.forgot-link{color:#efd18a}
.login-footer .contact-btn,.register-footer .contact-btn,.forget-footer .line-contact,.forget-footer .forget-back-login,.forget-btn-secondary{background:#ffffff08;color:#dfcfaa;border-color:#c2a16033}
.forget-footer .line-contact a{color:#dfcfaa!important}
.register-container,.forget-container{--reg-text:#fff1cf;--reg-text-muted:#b9a989}
.step-progress,.step-indicator{background:#ffffff03;border-color:#d4af3726}
.step-circle,.step-indicator .step-item{background:#29251e;border-color:#c4a35538;color:#aa997b}
.step-item.active .step-label{color:#f1d99f}
.reg-checkbox label{color:#cabb9e}
.reg-checkbox label a{color:#efd18a}
.reg-checkbox input{accent-color:#d4af37}
.register-card .source-dropdown summary{background:#17140e;color:#e4d3ae;border-color:#b8984d4d}
.register-card .source-dropdown .source-grid{background:#211d15;border-color:#c3a15555}
.register-card .source-tile{background:#ffffff05;color:#dac8a1;border-color:#b5985733}
.register-card .source-choice input:checked+.source-tile{background:#d4af371a;color:#ffe5a2;border-color:#d4af37}
.register-card .source-summary-content,.register-card .source-chevron{color:#d7bc80}
.register-card .source-locked .source-tile{color:#e4d3ae}
.major-terms-head{background:radial-gradient(ellipse at 0 0,#b28b3340,transparent 70%),linear-gradient(125deg,#30271a,#17130e)}
.reg-terms-popup .swal2-confirm{background:linear-gradient(155deg,#efd38a,#d4af37 60%,#a77c20)!important;color:#30230a!important}
.major-terms-body>p,.major-terms-body>div{font-size:14px;line-height:1.85;color:#5d513c}
.major-terms-body img{max-width:100%;height:auto}
.register-card .reg-checkbox label,.register-card .reg-checkbox label a{color:#efd18a}
.step-item.completed .step-label,.step-item.active .step-label{color:#e8d39d}
.reg-btn-secondary{background:#ffffff08;color:#dfcfaa;border-color:#c2a16033;box-shadow:none}
.register-footer .contact-btn.btn-line,.register-footer .contact-btn.btn-telegram,.register-footer .contact-btn.btn-mainweb,.register-footer .contact-btn:hover{background:#ffffff08;color:#dfcfaa;border-color:#c2a16033;box-shadow:none}

/* Preserve this site's original authentication background. */
html,body{background:#000}
.login-container,.register-container,.forget-container{background:url('/member/db_theme/panel_user_img/bg.jpg') center center/cover no-repeat;background-attachment:fixed}
.login-container::before,.login-container::after,.register-container::before,.register-container::after,.forget-container::before,.forget-container::after{display:none;animation:none}
@supports (-webkit-touch-callout:none){.login-container,.register-container,.forget-container{background-attachment:scroll}}