@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}
.login-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}
.login-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%);}
.login-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}
.login-container *{box-sizing:border-box}
.login-card{position:relative;width:100%;max-width:430px;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}
.login-card::before{content:'';position:absolute;inset:0 12% auto;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent);pointer-events:none}
.login-header{text-align:center;padding:26px 28px 0}
.login-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)}
.login-header h1{font-family:Kanit,Tahoma,sans-serif;margin:0;color:#3b311f;font-size:27px;font-weight:600;line-height:1.4;letter-spacing:-.025em}
.login-header p{margin:5px 0 0;color:#8f774c;font-size:13px;line-height:1.5}
.login-body{padding:24px 30px 20px}
.login-input-group{position:relative;margin-bottom:12px}
.login-input-group i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#8c754a;font-size:16px;pointer-events:none}
.login-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}
.login-input::placeholder{color:#a28756;opacity:1;font-size:14px}
.login-input:focus{background:#fff;border-color:#877148;box-shadow:0 0 0 3px #8771481f}
.login-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}
.login-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;}
.login-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}
.login-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}
.login-footer .contact-btn-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;margin:0;padding:0}
.login-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}
.login-footer .contact-btn i{font-size:19px;flex:none}
.login-footer .btn-line i{color:#08a94b}
.login-footer .btn-telegram i{color:#987f51}
.login-footer .contact-btn:only-child,.login-footer .contact-btn:last-child:nth-child(odd){grid-column:1/-1}
.login-card a:focus-visible,.login-card button:focus-visible{outline:3px solid #7d6943;outline-offset:3px}
.login-card a:hover{color:inherit;text-decoration:none}
.login-btn.loading{opacity:.65;pointer-events:none}
.login-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){.login-container{padding:24px 18px}.login-card{max-width:380px;border-radius:20px}.login-header{padding:22px 22px 0}.login-header img{width:96px;height:96px;margin-bottom:10px}.login-header h1{font-size:25px}.login-body{padding:20px 22px 18px}.login-footer{padding:18px 22px 22px;gap:14px}.login-input{height:48px}.login-btn{height:46px;margin-top:16px}.login-footer .contact-btn{font-size:12px}.forgot-link{font-size:13px}}
@media(max-width:350px){.login-container{padding:18px 12px}.login-body,.login-footer{padding-left:18px;padding-right:18px}.login-header img{width:86px;height:86px}.login-header h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){.login-btn.loading::after{animation:none}}
.login-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}
.login-container::after{animation:major-login-halo 12s ease-in-out infinite alternate;transform-origin:center}
.login-header h1{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){.login-header h1{font-size:23px}}
@media(max-width:350px){.login-header h1{font-size:20px}}
@keyframes major-login-softlight{from{opacity:.35}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.login-container::before{animation:major-login-softlight 14s ease-in-out infinite alternate;will-change:auto}.login-container::after{animation:none;will-change:auto}}

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}}