:root{--color-primary:#0072f5;--color-primary-hover:#0064d6;--color-bg-body:#f9fafb;--color-bg-surface:#fff;--color-text-main:#17191c;--color-text-muted:#5c6370;--color-border:#e3e5e8;--color-danger-bg:#fff0f0;--color-danger-text:#c00;--font-family:"Inter", system-ui, -apple-system, sans-serif;--font-size-base:16px;--font-size-sm:.875rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a}.layout-auth{min-height:100vh;padding:var(--spacing-12) var(--spacing-4);background-color:var(--color-bg-body);flex-direction:column;justify-content:center;display:flex}.auth-header{margin:0 auto var(--spacing-8);text-align:center;width:100%;max-width:28rem}.auth-title{font-size:var(--font-size-2xl);color:var(--color-text-main);letter-spacing:-.025em;font-weight:700}.auth-subtitle{margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.auth-card-container{width:100%;max-width:28rem;margin:0 auto}.auth-card{background-color:var(--color-bg-surface);padding:var(--spacing-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.auth-form{flex-direction:column;display:flex}.auth-footer{margin-top:var(--spacing-8);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.auth-link{color:var(--color-primary);font-weight:600}.auth-link:hover{color:var(--color-primary-hover)}.auth-success{text-align:center}.auth-actions{margin-top:var(--spacing-6)}.loading-spinner{border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:2rem;height:2rem;margin:0 auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.layout-app{background-color:var(--color-bg-body);min-height:100vh}.app-nav{background-color:var(--color-bg-surface);box-shadow:var(--shadow-sm)}.nav-container{max-width:80rem;height:4rem;padding:0 var(--spacing-4);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-brand{align-items:center;display:flex}.brand-text{font-size:var(--font-size-lg);color:var(--color-text-main);font-weight:700}.nav-actions{align-items:center;display:flex}.app-main{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.main-container{max-width:80rem;padding:0 var(--spacing-4);margin:0 auto}.card{background-color:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:var(--spacing-6) var(--spacing-6) var(--spacing-4)}.card-title{font-size:var(--font-size-base);color:var(--color-text-main);font-weight:600}.card-subtitle{margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.card-body{border-top:1px solid var(--color-border);padding:0}.data-list{flex-direction:column;display:flex}.data-row{gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.data-row:last-child{border-bottom:none}.data-term{font-size:var(--font-size-sm);color:var(--color-text-main);font-weight:500}.data-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);grid-column:span 2/span 2}.layout-onboarding{background-color:var(--color-bg-body);justify-content:center;align-items:flex-start;min-height:100vh;padding:48px 24px 72px;display:flex}@media (width<=768px){.layout-onboarding{padding:20px 12px 40px}}.onboarding-shell{border:1px solid var(--color-border);background-color:#fff;border-radius:16px;width:100%;max-width:1100px;display:flex;overflow:hidden;box-shadow:0 8px 30px #0000000a}.onboarding-brand-panel{background:linear-gradient(135deg, var(--color-primary) 0%, #1e3a8a 100%);color:#fff;flex-direction:column;justify-content:space-between;width:35%;padding:48px;display:none;position:relative}@media (width>=900px){.onboarding-brand-panel{display:flex}}.brand-panel-content{z-index:2;flex-direction:column;height:100%;display:flex;position:relative}.brand-logo{letter-spacing:-.02em;margin:0 0 64px;font-size:20px;font-weight:700}.brand-title{margin:0 0 16px;font-size:32px;font-weight:700;line-height:1.2}.brand-subtitle{color:#ffffffd9;margin:0 0 48px;font-size:16px;line-height:1.5}.brand-features{flex-direction:column;flex-grow:1;gap:32px;display:flex}.feature-item{align-items:flex-start;gap:16px;display:flex}.feature-icon{background-color:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.feature-text strong{margin-bottom:4px;font-size:16px;display:block}.feature-text p{color:#ffffffd6;margin:0;font-size:14px;line-height:1.4}.brand-footer{color:#ffffff80;margin-top:48px;margin-bottom:20px;font-size:12px}.onboarding-form-panel{background-color:#fff;width:100%;padding:32px 20px}@media (width>=900px){.onboarding-form-panel{width:65%;padding:48px 56px}}.onboarding-badge{letter-spacing:.05em;color:var(--color-primary);background-color:#3b82f61a;border-radius:4px;margin-bottom:16px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.onboarding-header{text-align:left;margin-bottom:40px}.onboarding-title{color:var(--color-text-main);letter-spacing:-.025em;margin:0;font-size:28px;font-weight:700}.onboarding-subtitle{color:var(--color-text-muted);margin:8px 0 0;font-size:16px}.onboarding-section{margin-bottom:40px}.section-header{margin-bottom:24px}.onboarding-section-title{color:var(--color-text-main);margin:0;font-size:18px;font-weight:700}.onboarding-section-subtitle{color:var(--color-text-muted);margin:4px 0 0;font-size:14px}.onboarding-divider{background-color:var(--color-border);height:1px;margin:0 0 40px}.onboarding-grid{grid-template-columns:1fr;gap:20px 24px;display:grid}@media (width>=640px){.onboarding-grid{grid-template-columns:repeat(2,1fr)}}.onboarding-form-group{margin-bottom:0}.form-label{color:var(--color-text-main);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.onboarding-form-panel .form-input{border:1px solid var(--color-border);background-color:#fff;border-radius:10px;width:100%;height:48px;padding:0 14px;font-size:15px;transition:all .2s}.onboarding-form-panel .form-input::placeholder{color:#9ca3af}.onboarding-form-panel .form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #3b82f626}.onboarding-optional-label{color:var(--color-text-muted);margin-left:.25rem;font-size:.85em;font-weight:400}.onboarding-form-panel .form-input-phone{border:1px solid var(--color-border);background-color:#fff;border-radius:10px;align-items:center;width:100%;height:48px;padding:0 14px;font-size:15px;transition:all .2s;display:flex}.onboarding-form-panel .form-input-phone:focus-within{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #3b82f626}.onboarding-form-panel .form-input-phone .PhoneInputInput{background:0 0;border:none;outline:none;width:100%;height:100%;padding-left:8px;font-size:15px}.onboarding-form-panel .form-input-phone .PhoneInputCountry{margin-right:12px}.onboarding-actions{margin-top:48px;display:flex}.onboarding-btn{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:50px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.onboarding-btn:hover:not(:disabled){background-color:var(--color-primary-hover)}.onboarding-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.onboarding-btn:disabled{background-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed;opacity:.7}.alert-error{background-color:#fef2f2;border:1px solid #f87171;border-radius:8px;margin-bottom:32px;padding:16px}.alert-text{color:#b91c1c;margin:0;font-size:14px;font-weight:500}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg-body);color:var(--color-text-main);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:var(--color-primary);font-weight:500;text-decoration:none}a:hover{color:var(--color-primary-hover)}button{cursor:pointer;font-family:inherit}.form-group{margin-bottom:var(--spacing-4)}.form-group-header{margin-bottom:var(--spacing-2);justify-content:space-between;align-items:center;display:flex}.form-label{font-size:var(--font-size-sm);margin-bottom:var(--spacing-2);font-weight:500;display:block}.form-input{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);outline:none;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0072f533}.btn-primary{width:100%;padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);border:none;justify-content:center;font-weight:600;transition:background-color .15s;display:flex}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-bg-surface);color:var(--color-text-main);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);justify-content:center;font-weight:600;transition:background-color .15s;display:inline-flex}.btn-secondary:hover{background-color:var(--color-bg-body)}.alert-error{background-color:var(--color-danger-bg);padding:var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-6)}.alert-text{color:var(--color-danger-text);font-size:var(--font-size-sm)}.text-center{text-align:center}.text-sm{font-size:var(--font-size-sm)}.w-full{width:100%}.mt-4{margin-top:var(--spacing-4)}.loading-state,.error-state{background-color:var(--color-bg-body);min-height:100vh;font-size:var(--font-size-sm);color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:.8;--PhoneInputInternationalIconGlobe-opacity:.65;--PhoneInputCountrySelect-marginRight:.35em;--PhoneInputCountrySelectArrow-width:.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:#00000080;--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:#0000001a}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{width:100%;height:100%;display:block}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{margin-right:var(--PhoneInputCountrySelect-marginRight);align-self:stretch;align-items:center;display:flex;position:relative}.PhoneInputCountrySelect{z-index:1;opacity:0;cursor:pointer;border:0;width:100%;height:100%;position:absolute;top:0;left:0}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity);display:block}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}