.country-select{position:relative;width:100%}.country-select .cs-trigger{display:flex;align-items:center;gap:8px;width:100%;height:44px;background:var(--input-bg);border:1px solid var(--border-default);border-radius:var(--r-8);color:var(--text-primary);font-family:inherit;font-size:14px;text-align:left;padding:0 14px;cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast)}.country-select .cs-trigger:hover:not(:disabled){border-color:var(--border-soft)}.country-select .cs-trigger:focus-visible{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-soft)}.country-select .cs-trigger.is-open{border-color:var(--brand-500);background:var(--card-bg)}.country-select .cs-trigger.is-placeholder .cs-value{color:var(--text-disabled)}.country-select .cs-trigger:disabled{opacity:.5;cursor:not-allowed}.country-select .cs-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-select .cs-caret{flex-shrink:0;color:var(--text-muted);transition:transform var(--t-fast)}.country-select .cs-trigger.is-open .cs-caret{transform:rotate(180deg)}.country-select .cs-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:20px;padding:0 5px;border-radius:var(--r-6);background:var(--brand-soft);border:1px solid var(--brand-soft-border);color:var(--text-secondary);font-size:10.5px;font-weight:700;letter-spacing:.03em;font-variant-numeric:tabular-nums}.form-field:has(.field-error) .country-select .cs-trigger{border-color:var(--danger)}.country-select .cs-popover{position:absolute;z-index:50;top:calc(100% + 6px);left:0;right:0;background:var(--card-elevated);border:1px solid var(--border-default);border-radius:var(--r-10);box-shadow:0 10px 30px #00000073,0 2px 8px #0000004d;overflow:hidden;transform-origin:top center;animation:cs-pop-in .16s cubic-bezier(.16,1,.3,1)}@keyframes cs-pop-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.country-select .cs-search{position:relative;display:flex;align-items:center;padding:8px;border-bottom:1px solid var(--divider)}.country-select .cs-search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.country-select .cs-input{width:100%;height:38px;background:var(--input-bg);border:1px solid var(--border-default);border-radius:var(--r-8);color:var(--text-primary);font-family:inherit;font-size:14px;padding:0 12px 0 36px;transition:border-color var(--t-fast)}.country-select .cs-search .cs-input{padding-left:36px}.country-select .cs-input::placeholder{color:var(--text-disabled)}.country-select .cs-input:focus{outline:none;border-color:var(--brand-500)}.country-select .cs-list{list-style:none;margin:0;padding:6px;max-height:264px;overflow-y:auto;overscroll-behavior:contain}.country-select .cs-option{display:flex;align-items:center;gap:10px;min-height:40px;padding:6px 10px;border-radius:var(--r-6);color:var(--text-primary);font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.country-select .cs-option .cs-option-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-select .cs-option.is-active{background:var(--brand-soft)}.country-select .cs-option.is-selected{color:var(--brand-300)}.country-select .cs-option.is-selected .cs-badge{background:#5b83ed2e;color:var(--brand-300)}.country-select .cs-check{flex-shrink:0;color:var(--brand-400)}.country-select .cs-empty{padding:20px 12px;text-align:center;color:var(--text-muted);font-size:13px}.country-select .cs-list::-webkit-scrollbar{width:10px}.country-select .cs-list::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:999px;border:3px solid var(--card-elevated)}.country-select .cs-list::-webkit-scrollbar-track{background:transparent}@media (prefers-reduced-motion: reduce){.country-select .cs-popover{animation:none}.country-select .cs-caret{transition:none}}@media (max-width: 600px){.country-select .cs-input{height:44px;font-size:16px}.country-select .cs-option{min-height:44px}}.auth-page{--brand-50: #eff4ff;--brand-100: #dce8ff;--brand-200: #b9cfff;--brand-300: #89acfa;--brand-400: #5b83ed;--brand-500: #315cc4;--brand-600: #2548a8;--brand-700: #1e3a8a;--brand-800: #182f70;--brand-soft: rgba(91, 131, 237, .1);--brand-soft-border: rgba(91, 131, 237, .22);--app-bg: #070c17;--content-bg: #0b1220;--card-bg: #0f1828;--card-elevated: #14213a;--input-bg: #111c2e;--border-default: #202d43;--border-soft: #1c2a40;--divider: #1a2639;--text-primary: #e8eef8;--text-secondary: #a9b7cb;--text-muted: #73839b;--text-disabled: #536176;--success: #22c55e;--success-soft: rgba(34, 197, 94, .1);--success-border: rgba(34, 197, 94, .3);--warning: #fbbf24;--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .1);--r-6: 6px;--r-8: 8px;--r-10: 10px;--r-12: 12px;--r-pill: 9999px;--t-fast: .15s cubic-bezier(.4, 0, .2, 1);--t-base: .22s cubic-bezier(.4, 0, .2, 1);font-family:PT Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--app-bg);color:var(--text-primary);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative;overflow-x:hidden}.auth-page *,.auth-page *:before,.auth-page *:after{box-sizing:border-box}.auth-page *:focus{outline:none}.auth-page *:focus-visible{outline:2px solid var(--brand-400);outline-offset:2px;border-radius:4px}.auth-page button{font-family:inherit;font-size:inherit;border:none;background:none;color:inherit;cursor:pointer;padding:0}.auth-page a{color:var(--brand-300);text-decoration:none;transition:color var(--t-fast)}.auth-page a:hover{color:var(--brand-200);text-decoration:underline}.auth-page img{display:block;max-width:100%}.auth-page .material-symbols-outlined{font-family:Material Symbols Outlined;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:18px;line-height:1;-webkit-user-select:none;user-select:none}.auth-page:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 50% -10%,rgba(91,131,237,.16),transparent 50%),radial-gradient(ellipse at 85% 110%,rgba(91,131,237,.1),transparent 45%),radial-gradient(ellipse at 15% 90%,rgba(91,131,237,.08),transparent 50%);pointer-events:none;z-index:0}.auth-page .auth-topbar{position:absolute;top:0;left:0;right:0;padding:24px 32px;z-index:10}@media (max-width: 600px){.auth-page .auth-topbar{padding:18px 20px}}.auth-page .auth-logo{display:inline-flex;align-items:center}.auth-page .auth-logo img{height:36px;width:auto;aspect-ratio:1004 / 468}.auth-page .auth-logo-fallback{display:none;align-items:center;gap:8px;font-size:16px;font-weight:700;letter-spacing:-.015em;color:var(--text-primary);line-height:1}.auth-page .auth-logo-fallback .logo-mark{width:28px;height:28px;border-radius:6px;background:var(--brand-700);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff14}.auth-page .auth-logo-fallback .logo-mark .material-symbols-outlined{font-size:16px}.auth-page .auth-main{position:relative;z-index:1;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:100px 24px 48px}@media (max-width: 600px){.auth-page .auth-main{padding:88px 20px 40px}}.auth-page .auth-wrap{width:100%;max-width:440px;margin:auto}.auth-page .auth-head{text-align:center;margin-bottom:28px}.auth-page .auth-head h1{font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2;margin:0 0 8px}.auth-page .auth-head p{font-size:14.5px;color:var(--text-secondary);margin:0;line-height:1.55}.auth-page .auth-social{width:100%;height:48px;background:var(--card-bg);border:1px solid var(--border-default);border-radius:var(--r-10);color:var(--text-primary);font-size:14.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;transition:border-color var(--t-fast),background var(--t-fast)}.auth-page .auth-social:hover{border-color:var(--brand-500);background:var(--card-elevated)}.auth-page .auth-social svg{width:20px;height:20px;flex-shrink:0}.auth-page .auth-social+.auth-social{margin-top:10px}.auth-page .auth-divider{display:flex;align-items:center;gap:14px;margin:22px 0}.auth-page .auth-divider:before,.auth-page .auth-divider:after{content:"";flex:1;height:1px;background:var(--border-default)}.auth-page .auth-divider span{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--text-muted);text-transform:uppercase}.auth-page .auth-form{display:flex;flex-direction:column;gap:16px;text-align:left}.auth-page .field-error{font-size:12px;color:var(--danger);margin-top:2px}.auth-page .form-field:has(.field-error) input,.auth-page .form-field:has(.field-error) select{border-color:var(--danger)}.auth-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 480px){.auth-page .form-row{grid-template-columns:1fr}}.auth-page .form-field{display:flex;flex-direction:column;gap:6px}.auth-page .form-field-label-row{display:flex;justify-content:space-between;align-items:baseline}.auth-page .form-field label{font-size:12.5px;font-weight:700;color:var(--text-primary);letter-spacing:.01em}.auth-page .form-field label .optional{font-size:11px;font-weight:400;color:var(--text-muted);margin-left:6px;text-transform:lowercase;letter-spacing:0}.auth-page .form-field input,.auth-page .form-field select{width:100%;height:44px;background:var(--input-bg);border:1px solid var(--border-default);border-radius:var(--r-8);color:var(--text-primary);font-family:inherit;font-size:14px;padding:0 14px;transition:border-color var(--t-fast),background var(--t-fast);appearance:none;-webkit-appearance:none;-moz-appearance:none}.auth-page .form-field input::placeholder{color:var(--text-disabled)}.auth-page .form-field input:focus,.auth-page .form-field select:focus{border-color:var(--brand-500);background:var(--card-bg)}.auth-page .form-field input:autofill,.auth-page .form-field input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset;-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary)}@media (max-width: 600px){.auth-page .form-field input,.auth-page .form-field select{font-size:16px}}.auth-page .form-field select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2373839B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-repeat:no-repeat;background-position:right 14px center;background-size:14px;padding-right:38px;cursor:pointer;color:var(--text-primary)}.auth-page .form-field select option{background:var(--card-bg);color:var(--text-primary)}.auth-page .form-field select:invalid{color:var(--text-disabled)}.auth-page .form-hint{font-size:11.5px;color:var(--text-muted);margin:2px 0 0;line-height:1.45}.auth-page .password-wrap{position:relative}.auth-page .password-wrap input{padding-right:44px}.auth-page .password-toggle{position:absolute;right:0;top:0;bottom:0;width:44px;border-radius:0 var(--r-8) var(--r-8) 0;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:color var(--t-fast),background var(--t-fast)}.auth-page .password-toggle:hover{color:var(--text-primary);background:var(--card-bg)}.auth-page .password-toggle .material-symbols-outlined{font-size:18px}.auth-page .password-strength{display:flex;align-items:center;gap:10px;margin-top:4px}.auth-page .strength-bar{flex:1;display:flex;gap:3px;height:4px}.auth-page .strength-bar-seg{flex:1;background:var(--border-default);border-radius:2px;transition:background var(--t-base)}.auth-page .strength-bar-seg.is-weak{background:var(--danger)}.auth-page .strength-bar-seg.is-medium{background:var(--warning)}.auth-page .strength-bar-seg.is-strong{background:var(--success)}.auth-page .strength-label{font-size:11px;color:var(--text-muted);font-weight:700;min-width:80px;text-align:right;letter-spacing:.02em}.auth-page .strength-label.is-weak{color:var(--danger)}.auth-page .strength-label.is-medium{color:var(--warning)}.auth-page .strength-label.is-strong{color:var(--success)}.auth-page .form-checks{display:flex;flex-direction:column;gap:14px;margin-top:4px}.auth-page .form-checkbox{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;color:var(--text-secondary);line-height:1.5;cursor:pointer}.auth-page .form-checkbox input[type=checkbox]{width:18px;height:18px;margin:2px 0 0;appearance:none;-webkit-appearance:none;background:var(--input-bg);border:1px solid var(--border-default);border-radius:4px;cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast);position:relative;flex-shrink:0}.auth-page .form-checkbox input[type=checkbox]:hover{border-color:var(--brand-500)}.auth-page .form-checkbox input[type=checkbox]:checked{background:var(--brand-500);border-color:var(--brand-500)}.auth-page .form-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.auth-page .form-checkbox label{cursor:pointer;flex:1}.auth-page .form-checkbox a{font-weight:700}.auth-page .auth-submit{width:100%;height:48px;background:var(--brand-500);border:1px solid var(--brand-500);border-radius:var(--r-10);color:#fff;font-size:14.5px;font-weight:700;letter-spacing:.01em;transition:background var(--t-fast),border-color var(--t-fast),transform var(--t-fast);margin-top:8px}.auth-page .auth-submit:hover{background:var(--brand-600);border-color:var(--brand-600)}.auth-page .auth-submit:active{transform:translateY(1px)}.auth-page .auth-submit:disabled{background:var(--card-elevated);border-color:var(--border-default);color:var(--text-muted);cursor:not-allowed}.auth-page .auth-switch{text-align:center;margin-top:24px;font-size:13.5px;color:var(--text-muted)}.auth-page .auth-switch a{font-weight:700;display:inline-block;padding:15px 6px;margin:-15px -6px}.auth-page .auth-status{border-radius:var(--r-8);padding:12px 14px;font-size:13px;display:none;align-items:flex-start;gap:10px;margin-bottom:16px;line-height:1.5}.auth-page .auth-status.is-visible{display:flex}.auth-page .auth-status.err{background:var(--danger-soft);border:1px solid rgba(239,68,68,.3);color:var(--danger)}.auth-page .auth-status.ok{background:#22c55e14;border:1px solid rgba(34,197,94,.3);color:var(--success)}.auth-page .auth-status .material-symbols-outlined{font-size:18px;flex-shrink:0;margin-top:1px}.auth-page .auth-status-body{flex:1}.register-page .auth-social{height:54px;background:var(--brand-500);border-color:var(--brand-500);color:#fff;font-size:15.5px}.register-page .auth-social:hover{background:var(--brand-600);border-color:var(--brand-600)}.register-page .auth-social svg{background:#fff;border-radius:50%;padding:2px;box-sizing:content-box}.register-page .auth-social.auth-social-github{height:48px;font-size:14.5px;background:var(--card-bg);border-color:var(--border-default);color:var(--text-primary)}.register-page .auth-social.auth-social-github:hover{background:var(--card-elevated);border-color:var(--brand-500)}.register-page .auth-social.auth-social-github svg{background:none;border-radius:0;padding:0}.register-page .auth-submit{background:transparent;border-color:var(--border-default);color:var(--text-primary)}.register-page .auth-submit:hover{background:var(--card-elevated);border-color:var(--brand-500)}.register-page .auth-submit:disabled{background:transparent;border-color:var(--border-default);color:var(--text-muted)}.register-page .hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.register-page .recaptcha-wrap{display:flex;justify-content:center;align-items:center;min-height:78px;margin:4px 0}.register-page .verify-mail-badge{width:52px;height:52px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--brand-soft);border:1px solid var(--brand-soft-border);color:var(--brand-300)}.register-page .verify-mail-badge .material-symbols-outlined{font-size:26px}.register-page .auth-submit.code-submit{background:var(--brand-500);border-color:var(--brand-500);color:#fff}.register-page .auth-submit.code-submit:hover:not(:disabled){background:var(--brand-600);border-color:var(--brand-600)}.register-page .auth-submit.code-submit:disabled{background:var(--brand-500);border-color:var(--brand-500);color:#fff}.register-page .otp-row{display:flex;gap:10px;justify-content:center;margin:6px 0 4px}.register-page .otp-box{width:48px;height:58px;text-align:center;font-size:1.55rem;font-weight:700;color:var(--text-primary);background:var(--input-bg);border:1.5px solid var(--border-default);border-radius:var(--r-10);caret-color:var(--brand-400);font-variant-numeric:tabular-nums;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}.register-page .otp-box:focus{outline:none;border-color:var(--brand-400);box-shadow:0 0 0 3px var(--brand-soft);transform:translateY(-1px)}.register-page .otp-box.is-filled{border-color:var(--brand-500);background:var(--brand-soft)}.register-page .otp-box:disabled{opacity:.65}@media (max-width: 420px){.register-page .otp-row{gap:7px}.register-page .otp-box{width:42px;height:52px;font-size:1.35rem}}.register-page .otp-row.is-shake{animation:reg-otp-shake .42s cubic-bezier(.36,.07,.19,.97)}@keyframes reg-otp-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@media (prefers-reduced-motion: reduce){.register-page .otp-row.is-shake{animation:none}.register-page .otp-box{transition:none}}.register-page .otp-error{text-align:center;font-size:.85rem;color:var(--danger);margin:12px 0 0}.register-page .code-help{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;flex-wrap:wrap}.register-page .code-help-sep{color:var(--text-disabled)}.register-page .link-btn{background:none;border:none;padding:4px 2px;font:inherit;font-size:13.5px;font-weight:600;color:var(--brand-300);cursor:pointer;border-radius:var(--r-6);transition:color .14s ease}.register-page .link-btn:hover:not(:disabled){color:var(--brand-200);text-decoration:underline}.register-page .link-btn:disabled{color:var(--text-muted);cursor:default}.register-page .link-btn:focus-visible{outline:2px solid var(--brand-400);outline-offset:2px}
