body,#root{height:100%;margin:0 auto;font-family:Proxima Nova,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:400;font-size:100%}@font-face{font-family:Proxima Nova;src:url(/assets/fonts/proxima-nova-regular.woff2) format("woff2"),url(/assets/fonts/proxima-nova-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(/assets/fonts/proxima-nova-semibold.woff2) format("woff2"),url(/assets/fonts/proxima-nova-semibold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(/assets/fonts/proxima-nova-bold.woff2) format("woff2"),url(/assets/fonts/proxima-nova-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--color-primary: #4ecdc4;--color-primary-light: #6fd9d1;--color-primary-dark: #3ab5ac;--color-primary-50: #f0fffe;--color-primary-100: #ccfaf7;--color-primary-200: #99f5f0;--color-primary-300: #66f0e9;--color-primary-400: #33ebe2;--color-primary-500: #4ecdc4;--color-primary-600: #3ab5ac;--color-primary-700: #2e9187;--color-primary-800: #226d62;--color-primary-900: #16493e;--color-secondary: #3d4a7a;--color-secondary-light: #5a6b9d;--color-secondary-dark: #2a3354;--color-secondary-50: #f8f9fc;--color-secondary-100: #e8eaef;--color-secondary-200: #d1d6e0;--color-secondary-300: #a3aec6;--color-secondary-400: #7186ac;--color-secondary-500: #3d4a7a;--color-secondary-600: #2a3354;--color-secondary-700: #1f2640;--color-secondary-800: #14192c;--color-secondary-900: #0a0d18;--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-black: #000000;--color-success: #10b981;--color-success-light: #34d399;--color-success-dark: #059669;--color-success-bg: #d1fae5;--color-success-border: #a7f3d0;--color-error: #ef4444;--color-error-light: #f87171;--color-error-dark: #dc2626;--color-error-bg: #fee2e2;--color-error-border: #fecaca;--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-warning-bg: #fef3c7;--color-warning-border: #fde68a;--color-info: var(--color-primary);--color-info-light: var(--color-primary-light);--color-info-dark: var(--color-primary-dark);--color-info-bg: var(--color-primary-50);--color-info-border: var(--color-primary-100);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-12: 3rem;--spacing-16: 4rem;--radius-sm: .125rem;--radius: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem}*,*:before,*:after{box-sizing:border-box}.onboarding-container{min-height:100vh;background:var(--color-secondary-50);padding:var(--spacing-8) var(--spacing-4)}.onboarding-wrapper{max-width:1500px;margin:0 auto}.onboarding-header{text-align:center;margin-bottom:var(--spacing-12)}.onboarding-logo{margin-bottom:var(--spacing-6)}.onboarding-logo-img{height:60px;width:auto}.onboarding-logo img{max-width:90%}.onboarding-title{font-size:var(--font-size-4xl);font-weight:700;color:var(--color-secondary);margin-bottom:var(--spacing-3)}.onboarding-subtitle{font-size:var(--font-size-lg);color:var(--color-gray-600);font-weight:400}.onboarding-card{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-8);margin-bottom:var(--spacing-6)}.onboarding-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16);text-align:center}.onboarding-spinner{width:48px;height:48px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-bottom:var(--spacing-4)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.onboarding-loading-text{color:var(--color-gray-600);font-size:var(--font-size-lg)}.onboarding-error{text-align:center;padding:var(--spacing-8)}.onboarding-error-icon{font-size:var(--font-size-4xl);color:var(--color-error);margin-bottom:var(--spacing-4)}.onboarding-error-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-error);margin-bottom:var(--spacing-3)}.onboarding-error-message{font-size:var(--font-size-lg);color:var(--color-gray-600)}.onboarding-success{text-align:center;padding:var(--spacing-12)}.onboarding-success-icon{width:80px;height:80px;background:var(--color-success);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-6);animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.onboarding-success-icon svg{width:48px;height:48px;stroke:var(--color-white);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;fill:none}.onboarding-success-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-success-dark);margin-bottom:var(--spacing-3)}.onboarding-success-message{font-size:var(--font-size-lg);color:var(--color-gray-600);line-height:1.6}.alert{padding:var(--spacing-4);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);display:flex;align-items:flex-start;gap:var(--spacing-3)}.alert-error{background-color:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-dark)}.alert-success{background-color:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success-dark)}.alert-info{background-color:var(--color-info-bg);border:1px solid var(--color-info-border);color:var(--color-primary-800)}.alert-icon{font-size:var(--font-size-xl);flex-shrink:0}.alert-content{flex:1}.alert-title{font-weight:600;margin-bottom:var(--spacing-1)}.alert-message{font-size:var(--font-size-sm)}.form-section{margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-8);border-bottom:1px solid var(--color-gray-200)}.form-section:last-of-type{border-bottom:none}.form-section-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-secondary);margin-bottom:var(--spacing-6);display:flex;align-items:center;gap:var(--spacing-3)}.form-section-icon{width:32px;height:32px;background:var(--color-primary-100);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:var(--font-size-lg)}.form-group-fixed{position:relative;margin-bottom:var(--spacing-6)}.form-group-fixed input,.form-group-fixed textarea,.form-group-fixed select{width:100%;padding:var(--spacing-4);border:2px solid var(--color-gray-300);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all .2s ease-in-out;background:var(--color-white);font-family:inherit}.form-group-fixed input:focus,.form-group-fixed textarea:focus,.form-group-fixed select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.form-group-fixed input:disabled,.form-group-fixed textarea:disabled,.form-group-fixed select:disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.6}.form-group-fixed label{position:absolute;left:var(--spacing-4);top:var(--spacing-4);color:var(--color-gray-500);font-size:var(--font-size-base);pointer-events:none;transition:all .2s ease-in-out;background:var(--color-white);padding:0 var(--spacing-1)}.form-group-fixed input:focus+label,.form-group-fixed input:not(:placeholder-shown)+label,.form-group-fixed textarea:focus+label,.form-group-fixed textarea:not(:placeholder-shown)+label,.form-group-fixed select:focus+label,.form-group-fixed .label-up{top:-.65rem;left:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-primary);font-weight:600}.form-group-fixed textarea{resize:vertical;min-height:100px}.form-group-checkbox{margin-bottom:var(--spacing-6)}.checkbox-container{display:flex;align-items:center;gap:var(--spacing-3);cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--spacing-3);border-radius:var(--radius-lg);transition:background-color .2s ease}.checkbox-container:hover{background-color:var(--color-gray-50)}.checkbox-container input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkbox-checkmark{width:24px;height:24px;border:2px solid var(--color-gray-300);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;background:var(--color-white)}.checkbox-container input:checked~.checkbox-checkmark{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-container input:checked~.checkbox-checkmark:after{content:"✓";color:var(--color-white);font-weight:700;font-size:var(--font-size-base)}.checkbox-label{font-size:var(--font-size-base);color:var(--color-gray-700);font-weight:500}.checkbox-container input:disabled~.checkbox-checkmark{background-color:var(--color-gray-100);cursor:not-allowed}.form-group-readonly{margin-bottom:var(--spacing-6)}.form-readonly-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-600);margin-bottom:var(--spacing-2);display:block}.form-readonly-value{padding:var(--spacing-4);background-color:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);color:var(--color-gray-700);font-size:var(--font-size-base)}.form-readonly-value-highlight{background-color:var(--color-primary-50);border-color:var(--color-primary-200);color:var(--color-primary-900);font-weight:600}.form-info-note{background-color:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-6);display:flex;align-items:flex-start;gap:var(--spacing-3)}.form-info-icon{width:24px;height:24px;background:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:var(--font-size-sm);font-weight:700;flex-shrink:0}.form-info-text{font-size:var(--font-size-sm);color:var(--color-primary-800);line-height:1.6}.form-actions{display:flex;justify-content:center;gap:var(--spacing-4);margin-top:var(--spacing-8);padding-top:var(--spacing-8);border-top:1px solid var(--color-gray-200)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-base);text-align:center;cursor:pointer;transition:all .2s ease-in-out;border:none;text-decoration:none;line-height:1.5;min-width:160px}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){background-color:var(--color-primary-800);transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn.loading{position:relative;color:transparent;pointer-events:none}.btn.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid var(--color-white);border-top-color:transparent;border-radius:var(--radius-full);animation:spin .8s linear infinite}@media(max-width:768px){.onboarding-container{padding:var(--spacing-6) var(--spacing-3)}.onboarding-header{margin-bottom:var(--spacing-8)}.onboarding-title{font-size:var(--font-size-3xl)}.onboarding-subtitle{font-size:var(--font-size-base)}.onboarding-card{padding:var(--spacing-6)}.form-section-title{font-size:var(--font-size-xl)}.form-actions{flex-direction:column}.btn{width:100%}}@media(max-width:480px){.onboarding-container{padding:var(--spacing-4) var(--spacing-2)}.onboarding-card{padding:var(--spacing-4);border-radius:var(--radius-xl)}.onboarding-title{font-size:var(--font-size-2xl)}.form-section-title{font-size:var(--font-size-lg)}}