@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary: #C41E3A;--color-primary-dark: #A01830;--color-primary-light: #f8e4e8;--color-secondary: #1B3A6B;--color-secondary-dark: #142d54;--color-bg: #FFFFFF;--color-bg-secondary: #F8F9FA;--color-bg-hover: #F1F3F5;--color-text: #212529;--color-text-muted: #6C757D;--color-border: #DEE2E6;--color-success: #198754;--color-success-bg: #d1e7dd;--color-error: #DC3545;--color-error-bg: #f8d7da;--color-warning: #FFC107;--color-warning-bg: #fff3cd;--color-info: #0DCAF0;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--border-radius: 6px;--border-radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--transition: .2s ease;--header-height: 64px}[data-theme=dark]{--color-bg: #0F1117;--color-bg-secondary: #1A1D27;--color-bg-hover: #23263A;--color-text: #E8EAED;--color-text-muted: #9AA0A6;--color-border: #3C4043;--color-primary-light: #3a0f18;--shadow-sm: 0 1px 3px rgba(0,0,0,.35);--shadow-md: 0 4px 12px rgba(0,0,0,.45);--shadow-lg: 0 8px 24px rgba(0,0,0,.55)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--color-bg-secondary);color:var(--color-text);line-height:1.5;min-height:100vh;transition:background-color var(--transition),color var(--transition)}a{color:var(--color-secondary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.reg-page{display:flex;flex-direction:column;min-height:100vh}.reg-main{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px}.reg-header{background-color:var(--color-bg);border-bottom:2px solid var(--color-primary);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100;transition:background-color var(--transition)}.reg-header__inner{max-width:1400px;margin:0 auto;padding:12px 16px;display:flex;flex-direction:column;align-items:center;gap:10px}.reg-header__logo{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none}.reg-header__logo-name{font-size:22px;font-weight:700;color:var(--color-secondary);letter-spacing:2px;line-height:1}.reg-header__logo-tagline{font-size:9px;font-weight:500;color:var(--color-text-muted);letter-spacing:1.5px;text-transform:uppercase}.reg-header__controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.btn-icon{background:none;border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);cursor:pointer;padding:6px 10px;font-size:14px;line-height:1;transition:background-color var(--transition),border-color var(--transition);display:flex;align-items:center;gap:4px}.btn-icon:hover{background-color:var(--color-bg-hover);border-color:var(--color-text-muted)}.lang-btn{font-size:12px;font-weight:600;padding:6px 12px}.lang-btn.active{background-color:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}.btn-login{background-color:var(--color-primary);color:#fff!important;border:none;border-radius:var(--border-radius);padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:background-color var(--transition)}.btn-login:hover{background-color:var(--color-primary-dark);text-decoration:none}.reg-footer{background-color:var(--color-bg);border-top:1px solid var(--color-border);padding:16px;text-align:center;font-size:12px;color:var(--color-text-muted)}.reg-footer a{color:var(--color-text-muted);text-decoration:underline}.reg-card{background-color:var(--color-bg);width:100%;transition:background-color var(--transition),box-shadow var(--transition)}.alert{padding:12px 16px;border-radius:var(--border-radius);font-size:14px;margin-bottom:20px;display:flex;align-items:flex-start;gap:10px}.alert-success{background-color:var(--color-success-bg);color:#0a3622;border:1px solid #a3cfbb}.alert-error{background-color:var(--color-error-bg);color:#58151c;border:1px solid #f1aeb5}.alert-warning{background-color:var(--color-warning-bg);color:#664d03;border:1px solid #ffe69c}.form-group{position:relative;margin-bottom:0}.form-label{display:block;font-size:13px;font-weight:500;color:var(--color-text-muted);margin-bottom:6px;transition:color var(--transition)}.form-label .required-star{color:var(--color-primary);margin-left:2px}.form-control{width:100%;padding:10px 14px;font-size:15px;font-family:var(--font-primary);color:var(--color-text);background-color:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--border-radius);outline:none;transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #1b3a6b1f}.form-control.is-invalid{border-color:var(--color-error);box-shadow:0 0 0 3px #dc35451a}.form-control.is-valid{border-color:var(--color-success)}.form-control[readonly],.form-control:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-muted);cursor:not-allowed}.form-error{font-size:12px;color:var(--color-error);margin-top:4px;display:flex;align-items:center;gap:4px}.form-floating{position:relative}.form-floating .form-control{padding:20px 14px 8px;height:56px}.form-floating .form-control::placeholder{color:transparent}.form-floating label{position:absolute;top:50%;left:14px;transform:translateY(-50%);font-size:15px;color:var(--color-text-muted);pointer-events:none;transition:all .15s ease;background:transparent;line-height:1}.form-floating .form-control:focus~label,.form-floating .form-control:not(:placeholder-shown)~label,.form-floating .form-control.has-value~label{top:10px;transform:none;font-size:11px;font-weight:600;color:var(--color-secondary);letter-spacing:.3px}.form-floating select.form-control~label{top:10px;transform:none;font-size:11px;font-weight:600;color:var(--color-secondary);letter-spacing:.3px}select.form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236C757D' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.input-with-icon{position:relative}.input-with-icon .form-control{padding-right:44px}.input-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:4px;font-size:16px;line-height:1;display:flex;align-items:center}.input-toggle-btn:hover{color:var(--color-text)}.password-strength{margin-top:8px}.strength-bar-track{height:4px;background-color:var(--color-border);border-radius:2px;overflow:hidden}.strength-bar-fill{height:100%;width:0;border-radius:2px;transition:width .3s ease,background-color .3s ease}.strength-bar-fill.weak{width:33%;background-color:var(--color-error)}.strength-bar-fill.medium{width:66%;background-color:var(--color-warning)}.strength-bar-fill.strong{width:100%;background-color:var(--color-success)}.strength-requirements{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:8px;font-size:12px;color:var(--color-text-muted)}.req-item{display:flex;align-items:center;gap:4px}.req-item.met{color:var(--color-success)}.req-item.unmet{color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;font-family:var(--font-primary);border:none;border-radius:var(--border-radius);cursor:pointer;text-decoration:none;transition:background-color var(--transition),opacity var(--transition),transform .1s ease;white-space:nowrap;-webkit-appearance:none}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background-color:var(--color-secondary);color:#fff;width:100%}.btn-primary:hover:not(:disabled){background-color:var(--color-secondary-dark);text-decoration:none;color:#fff}.btn-success{background-color:var(--color-success);color:#fff;width:100%}.btn-success:hover:not(:disabled){background-color:#146c43;text-decoration:none;color:#fff}.btn-outline{background-color:transparent;color:var(--color-secondary);border:1.5px solid var(--color-secondary)}.btn-outline:hover:not(:disabled){background-color:var(--color-secondary);color:#fff;text-decoration:none}.btn-link{background:none;border:none;color:var(--color-secondary);font-size:14px;cursor:pointer;padding:0;text-decoration:underline}.btn-link:disabled{color:var(--color-text-muted);cursor:not-allowed;text-decoration:none}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:none}.btn.loading .spinner{display:block}.btn.loading .btn-text{display:none}@keyframes spin{to{transform:rotate(360deg)}}.reg-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:28px}.step-item{display:flex;align-items:center;gap:8px}.step-circle{width:28px;height:28px;border-radius:50%;background-color:var(--color-border);color:var(--color-text-muted);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-item.active .step-circle{background-color:var(--color-secondary);color:#fff}.step-item.done .step-circle{background-color:var(--color-success);color:#fff}.step-label{font-size:12px;font-weight:500;color:var(--color-text-muted)}.step-item.active .step-label{color:var(--color-secondary);font-weight:600}.step-line{width:32px;height:2px;background-color:var(--color-border);flex-shrink:0}.step-line.done{background-color:var(--color-success)}.otp-container{display:flex;gap:8px;justify-content:center;margin:24px 0}.otp-digit{width:40px;height:48px;text-align:center;font-size:22px;font-weight:700;color:var(--color-text);background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--border-radius);outline:none;transition:border-color var(--transition),box-shadow var(--transition);caret-color:var(--color-secondary);-moz-appearance:textfield}.otp-digit::-webkit-outer-spin-button,.otp-digit::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otp-digit:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #1b3a6b1f}.otp-container.complete .otp-digit{border-color:var(--color-success);color:var(--color-success)}.otp-container.invalid .otp-digit{border-color:var(--color-error);animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.countdown{text-align:center;font-size:13px;color:var(--color-text-muted);margin:8px 0}.countdown.expired{color:var(--color-error);font-weight:600}.countdown-time{font-weight:700;color:var(--color-secondary);font-variant-numeric:tabular-nums}.phone-selector{display:flex;border:1.5px solid var(--color-border);border-radius:var(--border-radius);overflow:visible;position:relative}.phone-flag-btn{display:flex;align-items:center;gap:4px;padding:8px 10px;background:var(--color-bg-secondary);border:none;border-right:1.5px solid var(--color-border);cursor:pointer;font-size:14px;white-space:nowrap;flex-shrink:0;color:var(--color-text);transition:background-color var(--transition)}.phone-flag-btn:hover{background-color:var(--color-bg-hover)}.phone-code{font-size:12px;font-weight:600;color:var(--color-text-muted)}.phone-selector .form-control{border:none;border-radius:0;box-shadow:none;flex:1;min-width:0}.phone-selector:focus-within{border-color:var(--color-secondary);box-shadow:0 0 0 3px #1b3a6b1f}.phone-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:280px;max-height:260px;background-color:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-md);z-index:200;display:none;flex-direction:column;overflow:hidden}.phone-dropdown.open{display:flex}.phone-search{padding:8px 12px;border-bottom:1px solid var(--color-border);flex-shrink:0}.phone-search input{width:100%;border:1px solid var(--color-border);border-radius:4px;padding:6px 10px;font-size:13px;background:var(--color-bg-secondary);color:var(--color-text);outline:none}.phone-list{overflow-y:auto;flex:1;list-style:none}.phone-list li{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:13px;color:var(--color-text);transition:background-color .1s}.phone-list li:hover{background-color:var(--color-bg-hover)}.phone-list li.selected{background-color:var(--color-primary-light);font-weight:600}.phone-list .flag{font-size:16px}.phone-list .name{flex:1}.phone-list .code{color:var(--color-text-muted);font-size:12px}.form-grid{display:grid;grid-template-columns:1fr;gap:16px}.form-section-title{font-size:13px;font-weight:700;color:var(--color-secondary);text-transform:uppercase;letter-spacing:.8px;padding-bottom:8px;border-bottom:2px solid var(--color-primary);grid-column:1 / -1;margin-top:8px}.recaptcha-wrap{display:flex;justify-content:center;margin:20px 0}.reg-email-card,.reg-verify-card,.reg-form-card{max-width:100%;padding:28px 20px}.page-title{font-size:26px;font-weight:700;color:var(--color-text);margin-bottom:4px}.page-title span{display:inline-block;border-bottom:3px solid var(--color-primary);padding-bottom:2px}.page-subtitle{font-size:14px;color:var(--color-text-muted);margin-bottom:24px;line-height:1.6}.terms-wrap{display:flex;align-items:flex-start;gap:10px;padding:16px;background-color:var(--color-bg-secondary);border-radius:var(--border-radius);border:1.5px solid var(--color-border);grid-column:1 / -1}.terms-wrap input[type=checkbox]{width:18px;height:18px;flex-shrink:0;margin-top:2px;accent-color:var(--color-secondary);cursor:pointer}.terms-wrap label{font-size:13px;color:var(--color-text-muted);line-height:1.6;cursor:pointer}.terms-wrap a{color:var(--color-secondary);text-decoration:underline}.icon-sun{display:none}.icon-moon,[data-theme=dark] .icon-sun{display:inline}[data-theme=dark] .icon-moon{display:none}@media (min-width: 768px){.reg-header__inner{flex-direction:row;justify-content:space-between;padding:0 24px;height:var(--header-height)}.reg-header__controls{flex-wrap:nowrap}.reg-main{align-items:center;padding:40px 24px}.reg-card{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.reg-email-card,.reg-verify-card{max-width:520px;padding:40px 48px}.reg-form-card{max-width:860px;padding:40px 48px}.form-grid{grid-template-columns:1fr 1fr;gap:20px}.span-2{grid-column:1 / -1}.btn-primary,.btn-success{width:auto;min-width:200px}.otp-digit{width:52px;height:60px;font-size:26px}.otp-container{gap:12px}}@media (min-width: 1024px){html{font-size:17px}.reg-card{box-shadow:var(--shadow-lg)}.form-grid{gap:24px}.reg-email-card,.reg-verify-card,.reg-form-card{padding:48px 56px}}@media (min-width: 1280px){.reg-email-card,.reg-verify-card{max-width:560px}.reg-form-card{max-width:960px}}@media (min-width: 1536px){.reg-main{background-image:radial-gradient(ellipse at 20% 50%,rgba(27,58,107,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 50%,rgba(196,30,58,.04) 0%,transparent 60%)}}.text-center{text-align:center}.btn-block{width:100%}.req-star{color:var(--color-primary);font-weight:700}.link-primary{color:var(--color-secondary);text-decoration:underline;font-weight:600}.link-primary:hover{color:var(--color-primary)}.reg-card--wide{max-width:100%}.reg-title{font-size:26px;font-weight:700;color:var(--color-text);padding-bottom:4px;border-bottom:3px solid var(--color-primary);display:inline-block;margin-bottom:16px}.reg-subtitle{font-size:14px;color:var(--color-text-muted);margin-bottom:24px;line-height:1.6}.field-error{font-size:12px;color:var(--color-error);margin-top:4px}.step-indicator{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:28px}.step-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:56px}.step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background-color:var(--color-bg-secondary);border:2px solid var(--color-border);color:var(--color-text-muted);transition:background-color var(--transition),border-color var(--transition),color var(--transition)}.step-item.active .step-circle{background-color:var(--color-secondary);border-color:var(--color-secondary);color:#fff}.step-item.done .step-circle{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.step-label{font-size:11px;color:var(--color-text-muted);font-weight:500;white-space:nowrap}.step-item.active .step-label{color:var(--color-secondary);font-weight:700}.step-item.done .step-label{color:var(--color-success)}.step-connector{flex:1;height:2px;background-color:var(--color-border);min-width:24px;margin-bottom:20px}.step-connector.active{background-color:var(--color-success)}.form-row{display:grid;grid-template-columns:1fr;gap:0}.form-col{width:100%}@media (min-width: 640px){.form-row{grid-template-columns:1fr 1fr;gap:16px}}.form-section{margin-bottom:32px}.form-section__title{font-size:13px;font-weight:700;color:var(--color-secondary);text-transform:uppercase;letter-spacing:.8px;padding-bottom:8px;border-bottom:2px solid var(--color-primary);margin-bottom:16px}.form-check{display:flex;align-items:flex-start;gap:10px;padding:16px;background-color:var(--color-bg-secondary);border-radius:var(--border-radius);border:1.5px solid var(--color-border)}.form-check-input{width:18px;height:18px;flex-shrink:0;margin-top:2px;accent-color:var(--color-secondary);cursor:pointer}.form-check-label{font-size:13px;color:var(--color-text-muted);line-height:1.6;cursor:pointer}.form-submit{margin-top:8px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:4px;font-size:16px;line-height:1;display:flex;align-items:center}.password-toggle:hover{color:var(--color-text)}.strength-bar{margin-top:8px;display:flex;align-items:center;gap:8px}.strength-fill{height:100%;width:0;border-radius:2px;transition:width .3s ease,background-color .3s ease;background-color:var(--color-border)}.strength-fill.strength-weak{background-color:var(--color-error)}.strength-fill.strength-medium{background-color:var(--color-warning)}.strength-fill.strength-strong{background-color:var(--color-success)}.strength-label{font-size:12px;font-weight:600;color:var(--color-text-muted);min-width:48px}.strength-requirements{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:8px;padding:0;font-size:12px}.req-met{color:var(--color-success)}.req-unmet{color:var(--color-text-muted)}.req-met:before{content:"✓ ";font-weight:700}.req-unmet:before{content:"○ "}.otp-countdown{font-size:13px;color:var(--color-text-muted);text-align:center;margin:8px 0 16px}.otp-expired{font-size:13px;color:var(--color-error);font-weight:600;text-align:center;margin:8px 0 16px}.otp-resend{text-align:center;margin-top:16px;font-size:14px;color:var(--color-text-muted)}.phone-dropdown:not([hidden]){display:flex}.phone-dropdown[hidden]{display:none!important}.phone-list__item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:13px;color:var(--color-text);transition:background-color .1s}.phone-list__item:hover,.phone-list__item:focus{background-color:var(--color-bg-hover);outline:none}.phone-list__flag{font-size:16px}.phone-list__name{flex:1}.phone-list__code{color:var(--color-text-muted);font-size:12px}.phone-list__empty{padding:12px;text-align:center;color:var(--color-text-muted);font-size:13px}.phone-search-wrap{padding:8px 12px;border-bottom:1px solid var(--color-border);flex-shrink:0}.phone-search{width:100%;border:1px solid var(--color-border);border-radius:4px;padding:6px 10px;font-size:13px;background:var(--color-bg-secondary);color:var(--color-text);outline:none}.phone-search:focus{border-color:var(--color-secondary)}.phone-number-input{border:none!important;border-radius:0!important;box-shadow:none!important;flex:1;min-width:0}.phone-caret{font-size:10px;color:var(--color-text-muted)}@media (min-width: 768px){.reg-card--wide{max-width:860px;padding:40px 48px}}@media (min-width: 1024px){.reg-card--wide{padding:48px 56px}}@media (min-width: 1280px){.reg-card--wide{max-width:960px}}