:root{--sidebar: #3f4195;--sidebar-hover: #4a4db0;--primary: #5b5fc7;--bg: #f4f6f9;--card: #fff;--text: #1e293b;--muted: #64748b;--border: #e2e8f0;--success: #16a34a;--warning: #eab308;--danger: #dc2626;--info: #0ea5e9;--radius: 10px;--shadow: 0 1px 3px rgba(0,0,0,.08);font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#eef2ff,#f8fafc,#ecfdf5)}.auth-card{position:relative;width:100%;max-width:420px;background:var(--card);border-radius:16px;padding:32px;box-shadow:0 8px 30px #0000001a;border:1px solid var(--border)}.auth-card.wide{max-width:960px}.auth-card.user-home-card{max-width:760px}.language-toggle,.auth-language-toggle{min-width:52px;height:36px;padding:6px 12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:20px;background:#fff;color:var(--text);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.language-toggle:hover,.auth-language-toggle:hover{border-color:var(--primary);color:var(--primary)}.language-toggle:focus-visible,.auth-language-toggle:focus-visible{outline:3px solid rgba(91,95,199,.2);outline-offset:2px}.language-selector{--language-accent: var(--primary);position:relative;display:inline-flex;flex:0 0 auto}.language-selector.is-open{z-index:60}.auth-language-selector{position:absolute;top:16px;right:16px}.auth-language-toggle{position:static}.language-selector-chevron{margin-left:2px;font-size:16px;font-weight:700;line-height:1;transform:translateY(-1px);transition:transform .15s ease}.language-selector.is-open .language-selector-chevron{transform:translateY(1px) rotate(180deg)}.language-selector>button>img:last-child{transition:transform .15s ease}.language-selector.is-open>button>img:last-child{transform:rotate(180deg)}.language-dropdown{position:absolute;z-index:70;top:calc(100% + 8px);right:0;width:200px;max-width:calc(100vw - 24px);padding:6px;border:1px solid #dfe3e8;border-radius:14px;background:#fff;box-shadow:0 14px 36px #1f293729}.language-dropdown-option{width:100%;min-height:44px;padding:8px 10px;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:8px;border:0;border-radius:9px;background:transparent;color:#374151;font:inherit;text-align:left;cursor:pointer}.language-dropdown-option:hover,.language-dropdown-option:focus-visible{outline:none;background:#f3f4f6}.language-dropdown-option.active{background:color-mix(in srgb,var(--language-accent) 11%,white);color:var(--language-accent)}.language-dropdown-code{font-size:12px;font-weight:800;letter-spacing:.04em}.language-dropdown-name{font-size:14px;font-weight:600}.language-dropdown-check{color:var(--language-accent);font-size:15px;font-weight:800;text-align:center}.login-page .language-selector,.user-page .language-selector{--language-accent: #4ea34f}.auth-logo{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#06b6d4);display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 16px}.auth-title{text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:4px}.auth-sub{text-align:center;color:var(--muted);font-size:.9rem;margin-bottom:24px}.auth-wrap.login-page{--login-primary: #4ea34f;--login-primary-dark: #499348;--login-heading: #2b2f38;--login-text: #515459;--login-copy: #5d6679;--login-subtle: #a0a4b1;--login-border: #abafb7;--login-warning: #ff3030;position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:100svh;padding:0;overflow-x:hidden;background:#fff;color:var(--login-heading);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.login-page .login-background{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.login-page .login-header{position:absolute;z-index:3;top:0;left:0;right:0;height:88px;padding:8px 64px;display:grid;grid-template-columns:260px auto;align-items:center;justify-content:space-between;gap:32px;background:#fff}.login-page .login-brand{position:relative;display:block;width:260px;height:72px;overflow:hidden;flex:0 0 auto}.login-page .login-brand:hover{text-decoration:none}.login-page .login-brand-art{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:260px;height:72px;transform-origin:top left}.login-page .login-brand-source{position:absolute;top:-1px;left:-367px;width:2173px;height:75px;max-width:none;pointer-events:none}.login-page .login-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;white-space:nowrap}.login-page .login-language{height:56px;padding:8px 12px;display:inline-flex;align-items:center;gap:12px;border:1.5px solid var(--login-text);border-radius:40px;background:#fff;color:var(--login-text);font:inherit;font-size:16px;font-weight:600;line-height:24px;cursor:pointer}.login-page .login-language:hover{background:#f7fff7}.login-page .login-language img{width:24px;height:24px;flex:0 0 24px}.login-page .login-header-cta{height:56px;padding:8px 12px 8px 24px;display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:40px;background:var(--login-primary);color:#fff;font-size:16px;font-weight:700;line-height:24px}.login-page .login-header-cta:hover{background:var(--login-primary-dark);text-decoration:none}.login-page .login-header-cta-icon{position:relative;display:inline-block;width:40px;height:40px}.login-page .login-header-cta-icon img:first-child{position:absolute;top:0;right:0;bottom:0;left:0;width:40px;height:40px}.login-page .login-header-cta-icon img:last-child{position:absolute;top:12px;left:12px;width:16px;height:16px}.login-page .login-main{position:relative;z-index:1;flex:1 0 780px;width:100%;max-width:1440px;min-height:780px;margin:0 auto;padding:0 72px 18px;display:grid;grid-template-columns:minmax(360px,576px) minmax(480px,588px);align-items:center;gap:clamp(32px,5.84vw,84px)}.login-page .login-hero{position:relative;width:100%;max-width:576px;aspect-ratio:576 / 440;overflow:hidden}.login-page .login-hero img{position:absolute;top:-4.16%;left:-17.83%;width:133.55%;height:116.5%;max-width:none;pointer-events:none}.login-page .auth-card.login-panel{width:100%;max-width:588px;padding:32px 24px;display:flex;flex-direction:column;align-items:stretch;gap:22px;border:0;border-radius:20px;background:var(--card);box-shadow:0 0 16px #1e701a1a;transform:translateY(-18px)}.login-page .auth-card.login-panel.login-panel-errors-1{transform:translateY(-3px)}.login-page .auth-card.login-panel.login-panel-errors-2{transform:translateY(12px)}.login-page .login-panel-heading{display:flex;align-items:center;gap:16px}.login-page .login-profile{position:relative;width:74px;height:74px;flex:0 0 74px}.login-page .login-profile-ring{position:absolute;top:50%;left:50%;width:80px;height:80px;max-width:none;transform:translate(-50%,-50%)}.login-page .login-profile-icon{position:absolute;top:50%;left:50%;width:42px;height:42px;transform:translate(-50%,-50%)}.login-page .login-panel-heading h1{color:var(--login-primary);font-size:24px;font-weight:700;line-height:30px}.login-page .login-panel-heading p{width:100%;margin-top:12px;color:var(--login-subtle);font-size:18px;font-weight:400;line-height:normal}.login-page .login-form{width:100%;display:flex;flex-direction:column;gap:24px}.login-page .form-group.login-field{margin:0;display:flex;flex-direction:column;gap:12px}.login-page .login-field label{margin:0;color:var(--login-text);font-size:16px;font-weight:500;line-height:20px}.login-page .login-field input{min-height:62px;padding:18px 16px;border:1px solid var(--login-border);border-radius:16px;background:#fff;color:var(--login-heading);font-family:inherit;font-size:18px;font-weight:400;line-height:normal;letter-spacing:-.408px}.login-page .login-field input::placeholder{color:var(--login-subtle)}.login-page .login-field input[aria-invalid=true]{border-color:var(--login-warning)}.login-page .login-field input[aria-invalid=true]:focus{border-color:var(--login-warning);box-shadow:0 0 0 3px #ff30301f}.login-page .login-field input:focus{border-color:var(--login-primary);outline:none;box-shadow:0 0 0 3px #4ea34f29}.login-page .login-field-error{color:var(--login-warning);font-size:14px;font-weight:500;line-height:18px}.login-page .login-forgot{align-self:flex-end;color:var(--login-primary);font-size:16px;font-weight:600;line-height:20px;text-decoration:none}.login-page .login-forgot:hover{color:var(--login-primary-dark);text-decoration:underline;text-underline-offset:2px}.login-page .btn.login-submit{position:relative;width:100%;min-height:64px;padding:20px 56px;border-radius:16px;background:linear-gradient(180deg,#58b853 0%,var(--login-primary-dark) 100%);color:#fff;font-size:20px;font-weight:500;line-height:20px;letter-spacing:-.408px;transition:filter .15s ease,transform .15s ease}.login-page .btn.login-submit:hover:not(:disabled){filter:brightness(1.04)}.login-page .btn.login-submit:active:not(:disabled){transform:translateY(1px)}.login-page .btn.login-submit:focus-visible{outline:3px solid rgba(78,163,79,.28);outline-offset:3px}.login-page .login-submit img{position:absolute;top:50%;right:16px;width:24px;height:24px;transform:translateY(-50%)}.login-page .login-register-copy{color:var(--login-copy);font-size:16px;font-weight:400;line-height:20px;letter-spacing:-.408px}.login-page .login-register-copy a{color:var(--login-primary);font-weight:600;text-decoration:underline;text-underline-offset:2px}.login-page .login-register-copy a:hover{color:var(--login-primary-dark)}.login-page .login-footer{position:relative;z-index:2;flex:0 0 auto;width:100%;padding:40px clamp(24px,8.34vw,120px);display:flex;flex-direction:column;align-items:center;gap:16px;border-top:.5px solid #989fad;background:#fff;text-align:center}.login-page .login-footer p{max-width:1200px;overflow-wrap:anywhere}.login-page .legal-footer-copyright{color:var(--login-heading);font-size:16px;font-weight:400;line-height:20px}.login-page .legal-footer-license{color:var(--login-subtle);font-size:14px;font-weight:400;line-height:24px}.login-page .legal-footer-website{color:var(--login-subtle);font-size:14px;font-weight:400;line-height:20px}.login-page .legal-footer-website a{color:var(--login-primary);font-weight:700;text-decoration:underline;text-underline-offset:2px}.login-page .legal-footer-website a:hover{color:var(--login-primary-dark)}.login-page .legal-footer-website a:focus-visible{border-radius:2px;outline:2px solid rgba(78,163,79,.35);outline-offset:3px}.login-page .legal-footer-notice{color:var(--login-subtle);font-size:12px;font-weight:400;line-height:16px}@media(max-width:1199px){.login-page .login-header{padding-right:40px;padding-left:40px;grid-template-columns:260px auto}.login-page .login-main{padding-right:40px;padding-left:40px;grid-template-columns:minmax(320px,1fr) minmax(460px,540px);gap:32px}}@media(max-width:900px){.login-page .login-header{height:72px;padding:8px 24px;display:flex;justify-content:space-between}.login-page .login-brand{width:195px;height:54px}.login-page .login-brand-art{transform:scale(.75)}.login-page .login-header-cta{display:none}.login-page .login-language{height:48px;gap:8px;padding:7px 10px}.login-page .login-language img{width:20px;height:20px;flex-basis:20px}.login-page .login-main{flex:1 0 auto;min-height:auto;padding:104px 24px 40px;display:flex;align-items:flex-start;justify-content:center}.login-page .login-hero{display:none}.login-page .auth-card.login-panel{max-width:588px;transform:none}.login-page .auth-card.login-panel.login-panel-errors-1,.login-page .auth-card.login-panel.login-panel-errors-2{transform:none}}@media(max-width:600px){.login-page .login-header{padding:8px 16px}.login-page .login-main{padding:92px 16px 24px}.login-page .login-footer{padding:32px 20px;gap:12px}.login-page .auth-card.login-panel{padding:24px 20px;gap:20px;border-radius:18px}.login-page .login-panel-heading{gap:12px}.login-page .login-profile{width:62px;height:62px;flex-basis:62px}.login-page .login-profile-ring{width:68px;height:68px}.login-page .login-profile-icon{width:36px;height:36px}.login-page .login-panel-heading h1{font-size:22px;line-height:28px}.login-page .login-panel-heading p{margin-top:7px;font-size:15px;line-height:20px}.login-page .login-form{gap:20px}.login-page .login-field label{margin-bottom:9px;font-size:15px}.login-page .login-field input{min-height:56px;padding:16px 14px;font-size:16px}.login-page .login-forgot{font-size:15px}.login-page .btn.login-submit{min-height:56px;padding:17px 48px;font-size:18px}.login-page .login-register-copy{font-size:14px;line-height:20px}}@media(max-width:400px){.login-page .login-brand{width:169px;height:47px}.login-page .login-brand-art{transform:scale(.65)}.login-page .login-language{height:44px;padding:6px 9px;font-size:14px}.login-page .login-language img:last-child{width:18px;height:18px;flex-basis:18px}.login-page .auth-card.login-panel{padding:22px 16px}.login-page .login-panel-heading h1{font-size:20px}.login-page .login-panel-heading p{font-size:14px}}.register-page .login-background{height:1024px;object-fit:cover;object-position:center top}.register-page .register-main{position:relative;z-index:1;flex:1 0 auto;width:100%;min-height:1725px;padding:200px 24px 82px;display:flex;align-items:flex-start;justify-content:center}.register-page .register-main.register-main-minor{min-height:2756px;padding-bottom:590px}.register-page .register-card{width:100%;max-width:799px;padding:32px 24px;display:flex;flex-direction:column;align-items:stretch;gap:24px;border-radius:20px;background:#fff;box-shadow:0 0 16px #1e701a1a}.register-page .register-form{width:100%;display:flex;flex-direction:column;gap:24px}.register-page .register-field{width:100%;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:12px}.register-page .register-field>label{margin:0;color:var(--login-text);font-size:16px;font-weight:500;line-height:20px}.register-page .register-input,.register-page .register-control{width:100%;height:62px;min-height:62px;border:1px solid var(--login-border);border-radius:16px;background:#fff;color:var(--login-heading);font-family:inherit;font-size:18px;font-weight:400;line-height:normal;letter-spacing:-.408px}.register-page .register-input{padding:18px 16px}.register-page .register-control{position:relative;height:64px;min-height:64px;overflow:hidden}.register-page .register-control input,.register-page .register-control select{width:100%;height:100%;min-height:0;padding:0 56px 0 16px;border:0;border-radius:16px;background:transparent;color:var(--login-heading);font:inherit;font-size:18px;letter-spacing:-.408px;box-shadow:none}.register-page .register-input::placeholder,.register-page .register-control input::placeholder,.register-page .register-select select:required:invalid{color:var(--login-subtle);opacity:1}.register-page .register-input:focus{border-color:var(--login-primary);outline:none;box-shadow:0 0 0 3px #4ea34f29}.register-page .register-control:focus-within{border-color:var(--login-primary);box-shadow:0 0 0 3px #4ea34f29}.register-page .register-input[aria-invalid=true],.register-page .register-control.is-invalid{border-color:var(--login-warning)}.register-page .register-input[aria-invalid=true]:focus,.register-page .register-control.is-invalid:focus-within{border-color:var(--login-warning);box-shadow:0 0 0 3px #ff30301f}.register-page .register-field-error{margin:-4px 0 0;color:var(--login-warning);font-size:14px;font-weight:500;line-height:18px}.register-page .register-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.register-page .register-select>img,.register-page .register-date>img{position:absolute;z-index:1;top:50%;right:16px;width:24px;height:24px;pointer-events:none;transform:translateY(-50%)}.register-page .register-date input{cursor:pointer}.register-page .register-date input::-webkit-calendar-picker-indicator{position:absolute;z-index:2;inset:0 0 0 auto;width:64px;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}.register-page .register-phone{padding:0 16px;display:flex;align-items:center}.register-page .register-phone-prefix{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;color:var(--login-heading);font-size:18px;line-height:22px;letter-spacing:-.408px;white-space:nowrap}.register-page .register-phone-prefix img{width:32px;height:24px}.register-page .register-phone-divider{width:1px;height:24px;margin:0 16px;flex:0 0 1px;background:#e1e4e8}.register-page .register-phone input{min-width:0;padding:0;flex:1 1 auto}.register-page .register-guardian{width:100%;padding:16px;display:flex;flex-direction:column;align-items:stretch;gap:12px;border:1px solid #ffb800;border-radius:16px;background:#fffbed}.register-page .register-guardian h2{color:var(--login-heading);font-size:20px;font-weight:500;line-height:20px}.register-page .register-guardian-subtitle{color:var(--login-subtle);font-size:14px;font-weight:400;line-height:20px}.register-page .register-guardian-fields{width:100%;display:flex;flex-direction:column;gap:12px}.register-page .register-guardian .register-input,.register-page .register-guardian .register-control{height:64px;min-height:64px}.register-page .register-captcha{width:100%;padding:14px 16px;display:flex;flex-direction:column;gap:12px;border:1px solid #d8ead8;border-radius:16px;background:#f8fcf8}.register-page .register-captcha:focus{outline:none}.register-page .register-captcha:focus-visible{box-shadow:0 0 0 3px #4ea34f29}.register-page .register-captcha-heading{display:flex;flex-direction:column;gap:4px}.register-page .register-captcha-heading h2{margin:0;color:var(--login-heading);font-size:18px;font-weight:500;line-height:24px}.register-page .register-captcha-heading p{margin:0;color:var(--login-subtle);font-size:14px;line-height:20px}.register-page .register-captcha-widget{min-height:65px}.register-page .register-terms-wrap{width:100%;display:flex;flex-direction:column;gap:8px}.register-page .register-terms{width:fit-content;max-width:100%;display:flex;align-items:flex-start;gap:12px;color:var(--login-copy);font-size:16px;font-weight:400;line-height:24px}.register-page .register-terms input{width:20px;height:20px;min-height:20px;margin:2px 0 0;padding:0;flex:0 0 20px;border-radius:4px;accent-color:var(--login-primary);cursor:pointer}.register-page .register-terms input[aria-invalid=true]{outline:1px solid var(--login-warning);outline-offset:1px}.register-page .register-terms span label{cursor:pointer}.register-page .register-terms a{padding:0;border:0;background:transparent;color:var(--login-primary);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.register-page .register-otp{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:8px}.register-page .register-otp-heading{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.register-page .register-otp h2{color:var(--login-primary);font-size:20px;font-weight:600;line-height:32px}.register-page .register-otp-countdown,.register-page .register-otp-resend{flex:0 0 auto;color:#ff6200;font-family:inherit;font-size:18px;font-weight:600;line-height:32px;white-space:nowrap}.register-page .register-otp-resend{padding:0;border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.register-page .register-otp-resend:hover:not(:disabled){color:#df5500}.register-page .register-otp-resend:focus-visible{border-radius:2px;outline:2px solid rgba(255,98,0,.3);outline-offset:3px}.register-page .register-otp-resend:disabled{opacity:.55;cursor:not-allowed}.register-page .register-otp-help{color:var(--login-heading);font-size:18px;font-weight:400;line-height:32px}.register-page .register-otp-help strong{color:#175df5;font-size:24px;font-weight:600;white-space:nowrap}.register-page .register-otp-boxes{width:486px;max-width:100%;margin:16px auto 0;display:grid;grid-template-columns:repeat(6,64px);gap:20px}.register-page .register-otp-boxes input{width:64px;height:64px;min-height:64px;padding:0;border:1px solid #d5dae2;border-radius:16px;background:#fff;color:var(--login-heading);font-family:inherit;font-size:28px;font-weight:600;line-height:64px;text-align:center;caret-color:var(--login-primary)}.register-page .register-otp-boxes input:focus{border-color:var(--login-primary);outline:none;box-shadow:0 0 0 3px #4ea34f29}.register-page .register-otp-boxes input[aria-invalid=true]{border-color:var(--login-warning)}.register-page .register-age-warning{width:100%;min-height:70px;padding:16px;display:flex;align-items:center;gap:12px;border:1px solid var(--login-warning);border-radius:16px;background:#fff0f0}.register-page .register-age-warning img{width:24px;height:24px;padding:2px;flex:0 0 24px}.register-page .register-age-warning p{color:var(--login-warning);font-size:16px;font-weight:600;line-height:20px}.register-page .btn.register-submit{position:relative;width:100%;min-height:64px;padding:20px 56px;border-radius:16px;background:linear-gradient(180deg,#58b853 0%,var(--login-primary-dark) 100%);color:#fff;font-size:20px;font-weight:500;line-height:20px;letter-spacing:-.408px;transition:filter .15s ease,transform .15s ease}.register-page .btn.register-submit:hover:not(:disabled){filter:brightness(1.04)}.register-page .btn.register-submit:active:not(:disabled){transform:translateY(1px)}.register-page .btn.register-submit:disabled{background:#d4d8de;color:#fff;opacity:1;cursor:not-allowed}.register-page .btn.register-submit:focus-visible{outline:3px solid rgba(78,163,79,.28);outline-offset:3px}.register-page .register-submit img{position:absolute;top:50%;right:16px;width:24px;height:24px;transform:translateY(-50%)}@media(max-width:900px){.register-page .register-main,.register-page .register-main.register-main-minor{min-height:0;padding:104px 24px 64px}}@media(max-width:600px){.register-page .register-main,.register-page .register-main.register-main-minor{padding:92px 16px 48px}.register-page .register-card{padding:24px 20px;gap:20px;border-radius:18px}.register-page .register-form{gap:20px}.register-page .register-field{gap:9px}.register-page .register-field>label{font-size:15px}.register-page .register-input,.register-page .register-control,.register-page .register-guardian .register-input,.register-page .register-guardian .register-control{height:56px;min-height:56px;font-size:16px}.register-page .register-input{padding:16px 14px}.register-page .register-control input,.register-page .register-control select{padding-right:48px;padding-left:14px;font-size:16px}.register-page .register-phone{padding:0 14px}.register-page .register-phone-prefix{font-size:16px}.register-page .register-phone-divider{margin:0 12px}.register-page .register-guardian{padding:14px}.register-page .register-guardian h2{font-size:18px}.register-page .register-terms{font-size:14px;line-height:20px}.register-page .register-otp-help{font-size:16px;line-height:26px}.register-page .register-otp-help strong{font-size:20px}.register-page .register-otp-heading{align-items:flex-start;gap:8px}.register-page .register-otp-countdown,.register-page .register-otp-resend{font-size:14px;line-height:24px}.register-page .register-otp-boxes{width:100%;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.register-page .register-otp-boxes input{width:100%;height:52px;min-height:52px;border-radius:12px;font-size:22px;line-height:52px}.register-page .register-age-warning{padding:14px;align-items:flex-start}.register-page .register-age-warning p{font-size:14px;line-height:20px}.register-page .btn.register-submit{min-height:56px;padding:17px 48px;font-size:18px}}@media(max-width:400px){.register-page .register-card{padding:22px 16px}.register-page .register-phone-prefix img{width:28px;height:21px}.register-page .register-phone-divider{margin:0 9px}.register-page .register-otp-boxes{gap:6px}.register-page .register-otp-boxes input{height:48px;min-height:48px;font-size:20px;line-height:48px}}.forgot-password-page .login-background{height:1024px;object-position:center top}.forgot-password-page .forgot-password-main{flex:1 0 auto;min-height:calc(100svh - 132px);padding:128px 24px 242px;align-items:flex-start}.forgot-password-page .forgot-password-card{width:min(798px,calc(100vw - 48px));max-width:798px;padding:32px 24px 20px;gap:24px}.forgot-password-page .forgot-password-note{width:100%;color:var(--login-heading);font-size:18px;font-weight:400;line-height:30px}.forgot-password-page .forgot-password-note>strong{display:block;font-weight:600}.forgot-password-page .forgot-password-note p,.forgot-password-page .forgot-password-note strong{color:inherit}.forgot-password-page .forgot-password-note p strong{font-weight:600}.forgot-password-page .forgot-password-form{gap:24px}.forgot-password-page .login-panel-heading>div:last-child{min-width:0}.forgot-password-page .login-panel-heading p{white-space:normal;overflow-wrap:anywhere}.forgot-password-page .register-field,.forgot-password-page .register-input,.forgot-password-page .register-control,.forgot-password-page .forgot-password-submit{width:100%}.forgot-password-page .register-input,.forgot-password-page .register-control{height:62px;min-height:62px}.forgot-password-page .forgot-password-submit{margin-top:-1px}.forgot-password-page .forgot-password-otp{padding-top:4px}.forgot-password-page .forgot-password-footer{margin-top:auto}@media(max-width:900px){.forgot-password-page .forgot-password-main{min-height:0;padding:112px 24px 72px}.forgot-password-page .forgot-password-card{width:min(798px,calc(100vw - 48px));max-width:calc(100vw - 48px)}}@media(max-width:600px){.forgot-password-page .login-header,.forgot-password-page .forgot-password-main,.forgot-password-page .forgot-password-footer{width:100vw;max-width:100vw}.forgot-password-page .forgot-password-main{padding:96px 16px 52px}.forgot-password-page .forgot-password-card{width:min(326px,100%);max-width:min(326px,100%);padding:24px 20px;gap:20px}.forgot-password-page .login-panel-heading{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center}.forgot-password-page .forgot-password-note{font-size:15px;line-height:24px}}.app{display:none;min-height:100vh}.app.active{display:flex}.sidebar{width:260px;background:var(--sidebar);color:#fff;flex-shrink:0;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-y:auto}.sidebar-brand{padding:20px 16px;font-weight:700;font-size:1.1rem;border-bottom:1px solid rgba(255,255,255,.15);display:flex;align-items:center;gap:10px}.sidebar-brand .logo{font-size:1.4rem}.sidebar-toggle{display:flex;gap:4px;padding:12px 16px}.sidebar-toggle button{flex:1;padding:8px;border:none;border-radius:6px;background:#ffffff1a;color:#fff;cursor:pointer;font-size:.75rem}.sidebar-toggle button.active{background:#ffffff40}.nav-group{padding:8px 0}.nav-group-title{padding:8px 20px;font-size:.65rem;letter-spacing:.08em;opacity:.6;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 20px;color:#ffffffd9;cursor:pointer;font-size:.9rem;border:none;background:none;width:100%;text-align:left}.nav-item:hover,.nav-item.active{background:var(--sidebar-hover);color:#fff}.nav-item i{width:20px;text-align:center;opacity:.9}.nav-tree{width:100%}.nav-parent{padding-right:14px}.nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-chevron{margin-left:auto;font-size:.75rem;opacity:.75}.nav-sublist{padding:2px 0 6px 34px}.nav-subitem{display:flex;align-items:center;gap:9px;width:100%;min-height:34px;padding:8px 16px 8px 18px;color:#ffffffc7;font-size:.84rem;font-family:inherit;text-align:left;border:0;border-left:1px solid rgba(255,255,255,.18);background:none;cursor:pointer}.nav-subitem:hover,.nav-subitem.active{color:#fff;background:#ffffff1f}.nav-subparent{padding-right:14px}.nav-server-list{display:grid;gap:2px;padding:3px 0 5px 27px}.nav-server-item,.nav-server-empty{min-height:30px;padding:7px 14px;color:#ffffffb3;font-size:.8rem;border-left:1px solid rgba(255,255,255,.14)}.nav-server-item:hover,.nav-server-item.active{color:#fff;background:#ffffff1a}.nav-server-empty{cursor:default}.nav-empty{padding:10px 20px;color:#ffffff9e;font-size:.84rem}.main-wrap{margin-left:260px;flex:1;display:flex;flex-direction:column;min-height:100vh}.topbar{background:var(--card);border-bottom:1px solid var(--border);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.topbar-left{display:flex;align-items:center;gap:12px;font-weight:600}.topbar-right{display:flex;align-items:center;gap:16px;font-size:.85rem}.badge-game{background:#dcfce7;color:#166534;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.clock{color:var(--muted)}.user-pill{display:flex;align-items:center;gap:8px}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.user-meta small{display:block;color:var(--muted);font-size:.75rem}.btn-logout{background:#fee2e2;color:var(--danger);border:none;padding:8px 12px;border-radius:8px;cursor:pointer}.content{padding:24px;flex:1}.page-title{font-size:1.35rem;font-weight:700;margin-bottom:4px;display:flex;align-items:center;gap:10px}.page-desc{color:var(--muted);font-size:.9rem;margin-bottom:20px}.breadcrumb{font-size:.85rem;color:var(--muted);margin-bottom:8px}.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--primary)}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:20px}.card-header{padding:14px 20px;border-bottom:1px solid var(--border);font-weight:600;font-size:.95rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.card-body{padding:20px}.card-footer{padding:12px 20px;border-top:1px solid var(--border)}.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:.86rem}.pagination-actions,.row-actions{display:flex;align-items:center;gap:8px}.table-input{width:min(180px,100%);height:32px;padding:5px 8px;font-size:.84rem}.character-search{display:grid;grid-template-columns:minmax(180px,260px) minmax(130px,160px) auto;align-items:center;gap:8px}.character-search input,.character-search select{height:34px;padding:6px 10px;font-size:.84rem}.character-search .btn{height:34px;white-space:nowrap}@media(max-width:720px){.character-search{width:100%;grid-template-columns:1fr}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stat-card{border-radius:var(--radius);padding:20px;border:1px solid var(--border);cursor:pointer;transition:transform .15s}.stat-card:hover{transform:translateY(-2px)}.stat-card.blue{background:#eff6ff}.stat-card.yellow{background:#fefce8}.stat-card.green{background:#f0fdf4}.stat-card.red{background:#fef2f2}.stat-card .label{font-size:.85rem;color:var(--muted);margin-bottom:8px}.stat-card .value{font-size:1.75rem;font-weight:700}.stat-card .sub{font-size:.8rem;color:var(--muted);margin-top:8px}.form-group{margin-bottom:16px}.form-group label{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500;margin-bottom:6px}.form-group label .req{color:var(--danger)}input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:.95rem;font-family:inherit}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #5b5fc726}input.error{border-color:var(--danger)}input.success{border-color:var(--success)}.field-error{color:var(--danger);font-size:.8rem;margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:8px;border:none;font-size:.9rem;font-weight:500;cursor:pointer;font-family:inherit}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{filter:brightness(1.05)}.btn-secondary{background:#fff;color:var(--text);border:1px solid var(--border)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-gradient{width:100%;padding:14px;font-size:1rem;font-weight:700;background:linear-gradient(90deg,#14b8a6,#3b82f6);color:#fff;border-radius:10px;text-transform:uppercase;letter-spacing:.03em}.btn:disabled{opacity:.5;cursor:not-allowed}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.875rem}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border)}th{background:#f8fafc;font-weight:600;color:var(--muted);font-size:.75rem;text-transform:uppercase}tr:hover td{background:#f8fafc}.pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.pill-success{background:#dcfce7;color:#166534}.pill-warning{background:#fef9c3;color:#854d0e}.pill-danger{background:#fee2e2;color:#991b1b}.pill-info{background:#dbeafe;color:#1e40af}.pill-gray{background:#f1f5f9;color:#475569}.game-table-icon,.game-table-icon-fallback{width:40px;height:40px;border-radius:10px}.game-table-icon{display:block;object-fit:cover}.game-table-icon-fallback{display:inline-flex;align-items:center;justify-content:center;background:#dcfce7;color:#166534;font-size:.8rem;font-weight:700}.search-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.search-bar .form-group{flex:1;min-width:200px;margin-bottom:0}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.detail-item label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:4px}.detail-item .val{font-weight:500;font-size:1rem}.verified{color:var(--success);font-size:.85rem;display:inline-flex;align-items:center;gap:4px}.guardian-header{background:#fef9c3;padding:12px 20px;border-bottom:1px solid #fde68a;display:flex;align-items:center;gap:8px;font-weight:600}.char-layout{display:grid;grid-template-columns:280px 1fr;gap:20px}@media(max-width:900px){.char-layout{grid-template-columns:1fr}}.char-info-card .card-header{background:var(--primary);color:#fff;border:none}.char-stat{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:.9rem}.char-stat:last-child{border:none}.char-stat .v{font-weight:600}.char-stat-input{width:min(220px,55%);height:32px;padding:5px 8px;font-size:.86rem}.item-detail-input{width:min(170px,58%)}.char-stat .v.blue{color:#2563eb}.char-stat .v.purple{color:#7c3aed}.char-stat .v.green{color:#16a34a}.char-stat .v.yellow{color:#ca8a04}.tabs{display:flex;border-bottom:1px solid var(--border)}.tab{padding:12px 20px;border:none;background:none;cursor:pointer;font-weight:500;color:var(--muted);border-bottom:2px solid transparent}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.register-layout{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}@media(max-width:900px){.register-layout{grid-template-columns:1fr}}.guardian-box{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:20px}.guardian-box.hidden{display:none}.guardian-box h3{font-size:1rem;margin-bottom:4px}.guardian-box p{font-size:.8rem;color:var(--muted);margin-bottom:16px}.otp-row{display:flex;gap:8px}.otp-row input{flex:1}.info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:12px;font-size:.85rem;color:#1e40af;margin:16px 0}.page-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;justify-content:flex-end}.page-header-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:20px}.user-summary{margin-top:24px}.user-home-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}.user-page{--user-primary: #4ea34f;--user-primary-dark: #499348;--user-heading: #2b2f38;--user-text: #515459;--user-muted: #989fad;--user-subtle: #a0a4b1;--user-line: #e4e7eb;min-height:100svh;display:flex;flex-direction:column;overflow-x:hidden;background:#fff;color:var(--user-heading);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.user-header{position:relative;z-index:20;width:100%;height:88px;flex:0 0 88px;padding:8px 64px 8px 100px;display:flex;align-items:center;justify-content:space-between;gap:32px;background:#fff}.user-brand{position:relative;width:260px;height:72px;display:block;flex:0 0 260px;overflow:hidden}.user-brand:hover{text-decoration:none}.user-brand-art{position:absolute;top:0;right:0;bottom:0;left:0;width:260px;height:72px;display:block;transform-origin:top left}.user-brand-source{position:absolute;top:-1px;left:-367px;width:2173px;height:75px;max-width:none;pointer-events:none}.user-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px}.user-language,.user-account-trigger{height:56px;border:0;border-radius:40px;font:inherit}.user-language{padding:8px 12px;display:inline-flex;align-items:center;gap:12px;border:1.5px solid var(--user-text);background:#fff;color:var(--user-text);font-size:16px;font-weight:600;line-height:24px;cursor:pointer}.user-language:hover{background:#f7fff7}.user-language img{width:24px;height:24px;flex:0 0 24px}.user-account-menu-wrap{position:relative}.user-account-trigger{min-width:104px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--user-primary);cursor:pointer;transition:background .15s ease}.user-account-trigger:hover{background:var(--user-primary-dark)}.user-account-trigger:focus-visible,.user-language:focus-visible{outline:3px solid rgba(78,163,79,.28);outline-offset:3px}.user-header-avatar{width:40px;height:40px;flex:0 0 40px}.user-account-chevron{width:24px;height:24px;flex:0 0 24px;transition:transform .15s ease}.user-account-menu{position:absolute;z-index:30;top:66px;right:0;width:252px;min-height:152px;padding:16px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:16px;border-radius:12px;background:#fff;box-shadow:0 0 16px #1e701a1a}.user-account-identity,.user-account-menu button{width:100%;display:flex;align-items:center;gap:12px;color:var(--user-heading);font-family:inherit;font-size:16px;line-height:24px;text-align:left}.user-account-identity{gap:16px}.user-account-identity img{width:40px;height:40px;flex:0 0 40px}.user-account-identity strong{width:164px;overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.user-account-menu button{padding:0;border:0;background:none;font-weight:500;cursor:pointer}.user-account-menu button:hover span{color:var(--user-primary)}.user-account-menu button:focus-visible{border-radius:6px;outline:2px solid rgba(78,163,79,.3);outline-offset:3px}.user-account-menu button img{width:24px;height:24px;flex:0 0 24px}.user-page-stage{position:relative;min-height:953.5px;flex:1 0 auto;padding:32px clamp(40px,8.333vw,120px) 107.5px;overflow:hidden;background:#f7fff7}.user-page-stage.update-active{padding-bottom:31.5px}.user-page-stage.purchase-active{min-height:1750.5px;background:#fff}.user-page-background{position:absolute;z-index:0;top:-88px;left:0;width:100%;height:1024px;object-fit:cover;object-position:center;pointer-events:none}.user-dashboard{position:relative;z-index:1;width:100%;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:283px minmax(0,894px);align-items:start;gap:23px}.user-sidebar{width:283px;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 0 16px #1e701a1a}.user-sidebar-profile{position:relative;width:100%;height:162px;overflow:hidden}.user-sidebar-profile-background{position:absolute;top:-4.16%;left:-3.61%;width:106.91%;height:110.67%;max-width:none;object-fit:fill;pointer-events:none}.user-sidebar-profile-content{position:absolute;top:50%;left:50%;width:calc(100% - 32px);display:flex;flex-direction:column;align-items:center;gap:8px;transform:translate(-50%,-50%)}.user-sidebar-avatar{position:relative;width:82px;height:82px;display:block;flex:0 0 82px;overflow:hidden;border-radius:50%}.user-sidebar-avatar img{position:absolute;top:50%;left:50%;width:96px;height:96px;max-width:none;object-fit:cover;transform:translate(-50%,-50%)}.user-sidebar-profile-content strong{max-width:100%;overflow:hidden;color:#fff;font-size:18px;font-weight:600;line-height:28px;text-overflow:ellipsis;white-space:nowrap}.user-sidebar-body{height:652px;padding:24px 24px 22px;display:flex;flex-direction:column;gap:20px;background:#fff}.user-balance-card{width:100%;min-height:104px;padding:16px;display:flex;flex-direction:column;justify-content:center;gap:16px;border-radius:16px;background:#eef6ee}.user-balance-card p{width:100%;max-width:100%;margin:0;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--user-heading);font-size:14px;font-weight:500;line-height:18px;letter-spacing:-.408px}.user-balance-card strong{color:var(--user-primary);font-weight:600}.user-balance-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-balance-value{flex:0 0 auto;white-space:nowrap}.user-balance-card>span,.user-sidebar-divider{width:100%;height:1px;display:block;flex:0 0 1px;background:var(--user-line)}.user-sidebar-group{width:100%;display:flex;flex-direction:column;gap:16px}.user-sidebar-item{width:100%;min-height:48px;padding:12px 24px;display:flex;align-items:center;gap:8px;border:0;border-radius:16px;background:transparent;color:var(--user-muted);font-family:inherit;font-size:16px;font-weight:500;line-height:20px;letter-spacing:-.408px;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}.user-sidebar-item img{width:24px;height:24px;flex:0 0 24px;filter:brightness(0) saturate(100%) invert(70%) sepia(9%) saturate(493%) hue-rotate(181deg) brightness(91%) contrast(88%)}.user-sidebar-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-sidebar-item:hover:not(.active){background:#4ea34f12;color:var(--user-primary)}.user-sidebar-item.active{background:var(--user-primary);color:#fff}.user-sidebar-item.active img{filter:brightness(0) invert(1)}.user-sidebar-item:focus-visible{outline:3px solid rgba(78,163,79,.25);outline-offset:2px}.user-content{min-width:0;width:100%}.user-section{position:relative;width:100%}.user-section-heading{position:relative;margin-bottom:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.user-section-heading h1{color:var(--user-primary);font-size:28px;font-weight:700;line-height:normal}.user-section-heading p{color:var(--user-subtle);font-size:18px;font-weight:400;line-height:26px}.user-loading-status{position:absolute;top:8px;right:0;color:var(--user-muted);font-size:13px}.user-account-cards{width:100%;display:grid;grid-template-columns:minmax(0,486px) minmax(0,384px);align-items:center;gap:24px}.user-info-card{padding:24px;border-radius:16px;background:#fff;box-shadow:0 0 16px #1e701a1a}.user-info-card h2{color:var(--user-heading);font-size:20px;font-weight:600;line-height:30px}.user-protection-card{min-height:300px;display:flex;flex-direction:column;gap:24px}.user-protection-details{width:100%;min-height:198px;display:grid;grid-template-columns:140px 1px 110px;justify-content:space-between;align-items:start}.user-protection-column{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.user-detail-block{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:16px}.user-detail-block>span{color:var(--user-text);font-weight:500;line-height:20px}.user-protection-column .user-detail-block>span{white-space:nowrap}.user-protection-column .user-game-balance-detail>span{max-width:100%;overflow-wrap:anywhere;white-space:normal}.user-detail-block>strong{max-width:100%;color:var(--user-heading);font-weight:600;line-height:normal;letter-spacing:-.408px;overflow-wrap:anywhere}.user-detail-block>strong.user-detail-green{color:var(--user-primary);font-size:18px}.user-game-balance-detail>strong.user-detail-green{font-size:16px;white-space:nowrap}.user-detail-block em{margin-top:-1px;font-size:16px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.408px}.user-detail-block em.verified{color:var(--user-primary)}.user-detail-block em.unverified{color:#d97706}.user-status-pill{width:110px;padding:8px 0;display:inline-flex;align-items:center;justify-content:center;border-radius:20px;background:#4ea34f1a;color:var(--user-primary)!important;font-size:16px;line-height:20px!important;white-space:nowrap}.user-status-pill.inactive{background:#d977061a;color:#b45309!important}.user-card-divider{display:block;background:var(--user-line)}.user-card-divider.vertical{width:1px;height:198px}.user-verification-card{min-height:294px}.user-verification-card h2{margin-bottom:24px}.user-verification-card .horizontal.short{width:198px;max-width:100%;height:1px;margin:48px 0}.user-email-value{width:336px;white-space:normal}.user-personal-card{min-height:152px;margin-top:24px}.user-personal-card h2{margin-bottom:24px}.user-personal-details{width:100%;min-height:50px;display:grid;grid-template-columns:140px 1px 110px 1px 110px;align-items:start;justify-content:space-between}.user-card-divider.vertical.personal{height:50px}.user-guardian-card{margin-top:24px}.user-guardian-card h2{margin-bottom:24px}.user-guardian-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.user-update-button{position:relative;width:343px;min-height:64px;margin:24px 0 0 auto;padding:20px 48px;display:flex;align-items:center;justify-content:center;border:0;border-radius:16px;background:linear-gradient(180deg,#58b853 0%,var(--user-primary-dark) 100%);color:#fff;font-family:inherit;font-size:20px;font-weight:500;line-height:20px;letter-spacing:-.408px;cursor:pointer;transition:filter .15s ease,transform .15s ease}.user-update-button:hover:not(:disabled){filter:brightness(1.04)}.user-update-button:active:not(:disabled){transform:translateY(1px)}.user-update-button:focus-visible{outline:3px solid rgba(78,163,79,.28);outline-offset:3px}.user-update-button:disabled{cursor:not-allowed;opacity:.62}.user-update-button img{position:absolute;top:50%;right:16px;width:24px;height:24px;transform:translateY(-50%)}.user-feature-card{min-height:300px}.user-empty-state{min-height:252px;display:flex;align-items:center;justify-content:center;border:1px dashed #cfd9cf;border-radius:12px;background:#f8fbf8;color:var(--user-muted);font-size:16px}.user-table-wrap{width:100%;overflow-x:auto}.user-table-wrap table{min-width:860px;color:var(--user-heading)}.user-table-wrap th{background:#eef6ee;color:var(--user-text)}.user-table-wrap td code{font-size:12px}.user-order-status{padding:5px 10px;display:inline-flex;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.user-order-status.success{background:#eaf6ea;color:var(--user-primary)}.user-order-status.pending{background:#fef3c7;color:#a16207}.user-order-status.failed{background:#fee2e2;color:#b91c1c}.user-bcoin-view{width:100%;color:var(--user-text)}.user-bcoin-title{margin-bottom:24px;color:var(--user-primary);font-size:28px;font-weight:700;line-height:34px}.user-bcoin-intro{min-height:208px;margin-bottom:24px;color:var(--user-text);font-size:16px;font-weight:400;line-height:26px}.user-bcoin-intro ul{padding-left:24px}.user-bcoin-intro strong{font-weight:600}.user-bcoin-note-title{display:block;margin-top:16px}.user-bcoin-purchase{width:100%;display:flex;flex-direction:column;gap:16px}.user-bcoin-game-row{width:100%;height:64px;display:flex;align-items:center;gap:16px}.user-bcoin-game-label{width:105px;flex:0 0 105px;color:var(--user-heading);font-size:18px;font-weight:600;line-height:26px;white-space:nowrap}.user-bcoin-game-list{min-width:0;display:flex;flex-wrap:wrap;gap:16px;align-items:center}.user-bcoin-game-chip{width:230px;height:64px;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #dce8dc;border-radius:16px;background:#fff;color:var(--user-heading);font-family:inherit;font-size:16px;font-weight:500;line-height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.user-bcoin-game-chip:hover:not(.active){border-color:#4ea34f73;background:#4ea34f0a}.user-bcoin-game-chip.active{border-color:var(--user-primary);background:#4ea34f1a}.user-bcoin-game-chip>span{white-space:nowrap}.user-bcoin-game-chip img{width:48px;height:48px;flex:0 0 48px;border-radius:12px;object-fit:cover}.user-bcoin-game-fallback{width:48px;height:48px;flex:0 0 48px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#4ea34f2e,#4ea34f6b);color:var(--user-primary-dark);font-size:15px;font-weight:700}.user-bcoin-game-empty{margin:0;color:#d93025;font-size:15px;line-height:22px}.user-bcoin-card{width:100%;height:772px;padding:16px;display:flex;flex-direction:column;gap:10px;border-radius:20px;background:#fff;box-shadow:0 0 16px #1e701a1a}.user-bcoin-packages{width:100%;height:286px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:64px;gap:10px 24px}.user-bcoin-package{min-width:0;height:64px;padding:16px;display:flex;align-items:center;gap:16px;border:0;border-radius:8px;background:transparent;color:var(--user-heading);font-family:inherit;font-size:16px;font-weight:500;line-height:26px;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}.user-bcoin-package:hover:not(.active){background:#4ea34f14}.user-bcoin-package:focus-visible,.user-bcoin-method:focus-visible,.user-bcoin-agreement input:focus-visible{outline:3px solid rgba(78,163,79,.28);outline-offset:2px}.user-bcoin-package.active{background:var(--user-primary);color:#fff}.user-bcoin-package-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex:0 0 32px}.user-bcoin-package-icon img{width:32px;height:23.293px;max-width:none;object-fit:fill}.user-bcoin-payment-panel{width:100%;height:444px;padding:16px;display:flex;flex-direction:column;gap:16px;border-radius:16px;background:#eef6ee}.user-bcoin-payment-columns{width:100%;height:216px;display:grid;grid-template-columns:419px 394px;gap:16px}.user-bcoin-methods{min-width:0;height:216px;padding:0;display:flex;flex-direction:column;gap:16px;border:0}.user-bcoin-methods legend,.user-bcoin-terms>h2{height:24px;color:var(--user-primary);font-size:16px;font-weight:600;line-height:24px}.user-bcoin-terms>h2{color:#121212}.user-bcoin-methods legend{width:100%;padding:0}.user-bcoin-method{width:100%;height:48px;padding:12px 16px;display:flex;align-items:center;gap:12px;flex:0 0 48px;border:1px solid transparent;border-radius:8px;background:#fff;color:var(--user-heading);font-family:inherit;font-size:14px;font-weight:400;line-height:24px;text-align:left;cursor:pointer}.user-bcoin-method.active{border-color:var(--user-primary)}.user-bcoin-radio{width:24px;height:24px;flex:0 0 24px}.user-bcoin-method-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex:0 0 24px}.user-bcoin-method-icon.credit-card img{width:20px;height:15px}.user-bcoin-method-icon.bank img{width:20px;height:19.8115px}.user-bcoin-method-icon.qr img{width:20px;height:20px}.user-bcoin-terms{min-width:0;height:216px;display:flex;flex-direction:column;gap:16px}.user-bcoin-terms-scroll{width:100%;height:176px;padding:12px 16px;overflow-y:auto;border-radius:8px;background:#fff;color:#121212;font-size:11px;line-height:18px;scrollbar-color:#c6d6c6 transparent;scrollbar-width:thin}.user-bcoin-terms-scroll:focus-visible{outline:2px solid rgba(78,163,79,.4);outline-offset:-2px}.user-bcoin-terms-scroll section+section{margin-top:12px}.user-bcoin-terms-scroll h3{margin-bottom:2px;color:var(--user-heading);font-size:11px;font-weight:600;line-height:18px}.user-bcoin-agreement{width:100%;height:64px;padding:12px 16px;display:flex;align-items:center;gap:8px;border-radius:8px;background:#fffbe4;color:var(--user-heading);cursor:pointer}.user-bcoin-agreement input{width:20px;height:20px;margin:2px;flex:0 0 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px solid #5d6679;border-radius:4px;background:#fff;cursor:pointer}.user-bcoin-agreement input:checked{border-color:var(--user-primary);background:var(--user-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3 7 2.4 2.4L11 4' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px 14px no-repeat}.user-bcoin-agreement>span{min-width:0;display:flex;flex-direction:column;color:var(--user-heading);font-size:11px;font-weight:400;line-height:20px}.user-bcoin-agreement small{color:var(--user-text);font-size:11px;font-weight:400;line-height:20px}.user-bcoin-submit-group{width:100%;height:100px;display:flex;flex-direction:column;align-items:center;gap:16px}.user-update-button.user-bcoin-submit{width:480px;min-height:64px;margin:0;flex:0 0 64px}.user-update-button.user-bcoin-submit img{right:20px}.user-bcoin-feedback{max-width:100%;min-height:20px;color:#c04a00;font-size:12px;font-weight:400;line-height:20px;text-align:center}.user-bcoin-feedback.success{color:var(--user-primary-dark)}.user-bcoin-feedback.failed,.user-bcoin-feedback.error{color:#d93025}.user-page-stage.transfer-active{min-height:953.5px;background:#fff}.user-transfer-view{width:100%;color:var(--user-heading)}.user-transfer-heading{width:min(100%,758px);margin-bottom:24px;display:flex;flex-direction:column;gap:24px}.user-transfer-heading h1{margin:0;color:var(--user-primary);font-size:28px;font-weight:700;line-height:34px}.user-transfer-heading ul{margin:0;padding-left:27px;color:var(--user-heading);font-size:18px;font-weight:400;line-height:26px}.user-transfer-card{width:100%;min-height:448px;padding:24px;display:flex;flex-direction:column;gap:16px;border-radius:20px;background:#fff;box-shadow:0 0 16px #1e701a1a}.user-transfer-field{width:100%;display:flex;flex-direction:column;gap:12px}.user-transfer-field label{color:#515459;font-size:16px;font-weight:500;line-height:20px}.user-transfer-field input,.user-transfer-select-wrap select{width:100%;min-height:64px;border:1px solid #abafb7;border-radius:16px;background:#fff;color:var(--user-heading);font-family:inherit;font-size:18px;font-weight:400;line-height:26px;letter-spacing:-.408px}.user-transfer-field input{padding:18px 16px}.user-transfer-field input::placeholder{color:var(--user-heading);opacity:1}.user-transfer-field input:focus,.user-transfer-select-wrap select:focus{border-color:var(--user-primary);outline:3px solid rgba(78,163,79,.18)}.user-transfer-field input[aria-invalid=true]{border-color:#d93025}.user-transfer-select-wrap{position:relative;width:100%}.user-transfer-select-wrap select{padding:18px 48px 18px 16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.user-transfer-select-wrap img{position:absolute;right:16px;top:50%;width:24px;height:24px;pointer-events:none;transform:translateY(-50%)}.user-transfer-action-row{width:100%;margin-top:-4px;display:flex;align-items:center;justify-content:space-between;gap:24px}.user-transfer-action-row p{margin:0;color:var(--user-heading);font-size:16px;font-weight:500;line-height:20px}.user-transfer-action-row strong{color:var(--user-primary);font-weight:600}.user-update-button.user-transfer-submit{width:347px;min-height:64px;margin:0;flex:0 0 auto;font-size:20px}.user-update-button.user-transfer-submit img{right:20px}.user-transfer-feedback{width:100%;margin-top:-4px;text-align:left}.user-security-card{min-height:360px}.user-security-form{display:flex;flex-direction:column;gap:24px}.user-security-form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.user-form-field{display:flex;flex-direction:column;gap:12px}.user-form-field label{color:var(--user-text);font-size:16px;font-weight:500;line-height:20px}.user-form-field input{min-height:58px;padding:16px;border:1px solid #abafb7;border-radius:16px;color:var(--user-heading);font-family:inherit;font-size:17px}.user-form-field input::placeholder{color:var(--user-subtle);opacity:1}.user-form-field input:focus{border-color:var(--user-primary);outline:0;box-shadow:0 0 0 3px #4ea34f29}.user-form-field input[aria-invalid=true]{border-color:#ff3030}.user-form-field input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #ff303024}.user-form-error{margin-top:-4px;color:#ff3030;font-size:14px;font-weight:500;line-height:18px}.user-password-button{margin-top:0}.user-profile-update-card{width:100%;padding:24px;border-radius:20px;background:#fff;box-shadow:0 0 16px #1e701a1a}.user-profile-update-form{width:100%;display:flex;flex-direction:column;align-items:flex-end;gap:16px}.user-profile-update-fields{width:100%;display:flex;flex-direction:column;gap:20px}.user-profile-update-field{width:100%;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:12px}.user-profile-update-field label{color:var(--user-text);font-size:16px;font-weight:500;line-height:20px}.user-profile-update-field>input,.user-profile-update-control,.user-profile-phone-control{width:100%;height:62px;min-height:62px;border:1px solid #abafb7;border-radius:16px;background:#fff;color:var(--user-heading);font-family:inherit;font-size:18px;font-weight:400;line-height:normal;letter-spacing:-.408px}.user-profile-update-field>input{padding:0 16px}.user-profile-update-field>input.user-profile-update-readonly{background:#f6f7f9;color:var(--user-subtle);cursor:default}.user-profile-update-field>input.user-profile-update-password{height:64px;min-height:64px}.user-profile-update-control{position:relative;overflow:hidden}.user-profile-update-control select,.user-profile-update-control input{width:100%;height:100%;min-height:0;padding:0 56px 0 16px;border:0;border-radius:16px;background:transparent;color:var(--user-heading);font-family:inherit;font-size:18px;font-weight:400;line-height:normal;letter-spacing:-.408px;box-shadow:none}.user-profile-update-control select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.user-profile-update-control>img{position:absolute;top:50%;right:16px;width:24px;height:24px;pointer-events:none;transform:translateY(-50%)}.user-profile-update-date input::-webkit-calendar-picker-indicator{position:absolute;inset:0 0 0 auto;width:64px;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}.user-profile-update-date input,.user-profile-update-date input::-webkit-datetime-edit{color:transparent;caret-color:transparent}.user-profile-update-date-value{position:absolute;top:50%;left:16px;color:var(--user-heading);pointer-events:none;transform:translateY(-50%)}.user-profile-phone-control{padding:0 16px;display:flex;align-items:center;gap:16px}.user-profile-phone-prefix{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;color:var(--user-heading);font-size:18px;line-height:22px;letter-spacing:-.408px;white-space:nowrap}.user-profile-phone-prefix img{width:32px;height:24px;flex:0 0 32px;border-radius:2px}.user-profile-phone-divider{width:1px;height:24px;flex:0 0 1px;border-radius:8px;background:#d0d3d9}.user-profile-phone-control input{min-width:0;height:100%;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--user-heading);font-family:inherit;font-size:18px;line-height:normal;letter-spacing:-.408px;box-shadow:none}.user-profile-phone-control.readonly{background:#f6f7f9}.user-profile-phone-control.readonly,.user-profile-phone-control.readonly input{cursor:default}.user-profile-phone-control.readonly input{color:var(--user-subtle)}.user-profile-phone-control input::placeholder{color:var(--user-subtle);opacity:1}.user-profile-update-field>input:focus,.user-profile-update-control:focus-within,.user-profile-phone-control:focus-within{border-color:var(--user-primary);outline:0;box-shadow:0 0 0 3px #4ea34f29}.user-profile-update-control input:focus,.user-profile-update-control select:focus,.user-profile-phone-control input:focus{outline:0;box-shadow:none}.user-profile-update-field>input[aria-invalid=true],.user-profile-update-control:has([aria-invalid=true]),.user-profile-phone-control.invalid{border-color:#ff3030}.user-profile-update-error{margin-top:-4px;color:#ff3030;font-size:14px;font-weight:500;line-height:18px}.user-profile-update-submit{margin:0}.user-footer{position:relative;z-index:2;width:100%;padding:40px clamp(24px,8.34vw,120px);display:flex;flex-direction:column;align-items:center;gap:16px;border-top:.5px solid var(--user-muted);background:#fff;text-align:center}.user-footer p{max-width:1200px;overflow-wrap:anywhere}.user-footer .legal-footer-copyright{color:var(--user-heading);font-size:16px;font-weight:400;line-height:20px}.user-footer .legal-footer-license{color:var(--user-subtle);font-size:14px;font-weight:400;line-height:24px}.user-footer .legal-footer-website{color:var(--user-subtle);font-size:14px;font-weight:400;line-height:20px}.user-footer .legal-footer-website a{color:var(--user-primary);font-weight:700;text-decoration:underline;text-underline-offset:2px}.user-footer .legal-footer-website a:hover{color:var(--user-primary-dark)}.user-footer .legal-footer-notice{color:var(--user-subtle);font-size:12px;font-weight:400;line-height:16px}.user-payment-result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:320;display:flex;align-items:center;justify-content:center;padding:20px;background:#00000085}.user-payment-result-modal{width:min(420px,100%);padding:28px 24px 24px;border-radius:20px;background:#fff;box-shadow:0 24px 80px #00000040;color:var(--user-text);text-align:center}.user-payment-result-icon{width:64px;height:64px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;border-radius:999px;font-size:34px;font-weight:800;line-height:1}.user-payment-result-modal.success .user-payment-result-icon{background:#eaf6ea;color:var(--user-primary)}.user-payment-result-modal.failed .user-payment-result-icon{background:#fee2e2;color:#b91c1c}.user-payment-result-modal.pending .user-payment-result-icon{background:#fef3c7;color:#a16207}.user-payment-result-modal h2{margin:0;color:var(--user-heading);font-size:24px;font-weight:800;line-height:30px}.user-payment-result-modal p{margin:12px 0 0;color:var(--user-text);font-size:16px;font-weight:500;line-height:24px;white-space:pre-line}.user-payment-result-confirm{width:100%;min-height:52px;margin-top:24px;border:0;border-radius:999px;background:var(--user-primary);color:#fff;font-size:18px;font-weight:800;cursor:pointer;transition:background .2s ease,transform .2s ease}.user-payment-result-confirm:hover{background:var(--user-primary-dark);transform:translateY(-1px)}.user-payment-result-confirm:focus-visible{outline:3px solid rgba(70,141,63,.35);outline-offset:3px}@media(max-width:1199px){.user-header,.user-page-stage{padding-right:40px;padding-left:40px}.user-page-stage.purchase-active{min-height:auto}.user-dashboard{grid-template-columns:260px minmax(0,1fr);gap:24px}.user-sidebar{width:260px}.user-sidebar-item{padding-right:16px;padding-left:16px}.user-account-cards{grid-template-columns:1fr;align-items:stretch}.user-verification-card{min-height:auto}.user-verification-card .horizontal.short{margin:32px 0}.user-personal-details{grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr) 1px minmax(0,1fr);gap:20px}.user-guardian-details{grid-template-columns:1fr 1fr}.user-bcoin-intro{min-height:0}.user-bcoin-card,.user-bcoin-payment-panel{height:auto}.user-bcoin-packages{height:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.user-bcoin-payment-columns{height:auto;grid-template-columns:minmax(0,1fr)}.user-bcoin-agreement{height:auto;min-height:64px}.user-update-button.user-bcoin-submit,.user-update-button.user-transfer-submit{max-width:100%}.user-transfer-action-row{align-items:stretch;flex-direction:column}.user-transfer-action-row p{width:100%}}@media(max-width:900px){.user-header{height:72px;flex-basis:72px;padding:8px 24px}.user-brand{width:195px;height:54px;flex-basis:195px}.user-brand-art{transform:scale(.75)}.user-language,.user-account-trigger{height:48px}.user-language{padding:7px 10px;gap:8px}.user-language img{width:20px;height:20px;flex-basis:20px}.user-account-trigger{min-width:88px;gap:12px}.user-header-avatar{width:34px;height:34px;flex-basis:34px}.user-account-chevron{width:20px;height:20px;flex-basis:20px}.user-account-menu{top:58px}.user-page-stage{min-height:auto;padding:32px 24px 56px}.user-page-stage.update-active{padding-bottom:56px}.user-page-background{top:0;height:100%}.user-dashboard{grid-template-columns:minmax(0,1fr)}.user-sidebar{width:100%}.user-sidebar-profile{height:144px}.user-sidebar-body{height:auto}.user-content{margin-top:8px}}@media(max-width:600px){.user-header{padding-right:16px;padding-left:16px;gap:12px}.user-brand{width:169px;height:47px;flex-basis:169px}.user-brand-art{transform:scale(.65)}.user-header-actions{gap:8px}.user-language{height:44px;padding:6px 9px;font-size:14px}.user-language-chevron{width:18px;height:18px;flex-basis:18px}.user-account-trigger{min-width:72px;height:44px;padding:5px 8px;gap:6px}.user-header-avatar{width:34px;height:34px;flex-basis:34px}.user-account-menu{top:54px}.user-page-stage{padding:24px 16px 40px}.user-page-stage.update-active{padding-bottom:40px}.user-dashboard{gap:28px}.user-sidebar-body{padding:20px}.user-sidebar-item{padding-right:16px;padding-left:16px}.user-section-heading h1{font-size:24px}.user-section-heading p{font-size:16px;line-height:23px}.user-loading-status{position:static}.user-info-card,.user-profile-update-card{padding:20px}.user-protection-card{min-height:auto}.user-protection-details{min-height:auto;grid-template-columns:1fr 1fr;gap:32px}.user-protection-details>.vertical{display:none}.user-verification-card .horizontal.short{width:100%;margin:28px 0}.user-personal-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.user-personal-details>.vertical{display:none}.user-guardian-details,.user-security-form-row{grid-template-columns:1fr}.user-update-button{width:100%}.user-bcoin-title{font-size:24px;line-height:30px}.user-bcoin-intro{font-size:15px;line-height:24px}.user-bcoin-packages{grid-template-columns:minmax(0,1fr)}.user-bcoin-method{height:auto;min-height:48px;flex:0 0 auto}.user-bcoin-methods{height:auto}.user-bcoin-payment-columns{align-items:start}.user-bcoin-submit-group{height:auto;min-height:100px}.user-transfer-heading h1{font-size:24px;line-height:30px}.user-transfer-heading ul{font-size:15px;line-height:24px}.user-transfer-card{min-height:0;padding:20px}.user-transfer-field input,.user-transfer-select-wrap select{min-height:56px;font-size:16px}.user-update-button.user-transfer-submit{width:100%;font-size:18px}.user-table-wrap{margin:0 -4px;width:calc(100% + 8px)}.user-footer{padding:32px 20px;gap:12px}}@media(max-width:440px){.user-brand{width:143px;height:40px;flex-basis:143px}.user-brand-art{transform:scale(.55)}.user-language img:first-child{display:none}.user-language{min-width:38px;justify-content:center}.user-account-trigger{min-width:66px}.user-account-menu{right:0}.user-protection-details,.user-personal-details{grid-template-columns:1fr}.user-protection-column-right{padding-top:24px;border-top:1px solid var(--user-line)}.user-personal-details{gap:24px}.user-personal-card{min-height:auto}.user-email-value{width:100%}.user-update-button{padding-right:44px;padding-left:28px;font-size:18px}.user-bcoin-game-row{height:auto;flex-direction:column;align-items:stretch}.user-bcoin-game-label{width:auto;flex:0 0 auto}.user-bcoin-game-list,.user-bcoin-game-chip{width:100%}.user-bcoin-card,.user-bcoin-payment-panel{padding:12px}.user-bcoin-agreement{padding:12px;align-items:flex-start}.user-transfer-card{padding:16px}}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:200;align-items:center;justify-content:center;padding:20px}.modal-overlay.show{display:flex}.modal{background:var(--card);border-radius:12px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0003}.modal-wide{max-width:920px}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:20px}.modal-footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end}.item-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));column-gap:24px}.toast{position:fixed;bottom:24px;right:24px;background:#1e293b;color:#fff;padding:12px 20px;border-radius:8px;z-index:300;display:none;box-shadow:0 4px 12px #0003}.toast.show{display:block;animation:slideIn .3s}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}}.footer-brand{text-align:center;padding:24px;color:var(--muted);font-size:.85rem}.hidden{display:none!important}.view{display:none}.view.active{display:block}.icon-btn{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.icon-btn.blue{background:#dbeafe;color:#1d4ed8}.icon-btn.green{background:#dcfce7;color:#166534}.item-icon{width:32px;height:32px;background:#e2e8f0;border-radius:6px;display:inline-block}