.button{display:inline-flex;align-items:center;justify-content:center;background-color:var(--primary-light);color:white;border:none;border-radius:var(--border-radius-md);padding:.75rem 1.5rem;font-size:var(--font-size-md);font-weight:600;min-width:fit-content;cursor:pointer;position:relative;overflow:hidden;transform:translateZ(0);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.button:before{background:linear-gradient(120deg,transparent,rgba(255,255,255,.2),transparent);transform:translateX(-100%);transition:transform .6s cubic-bezier(.4,0,.2,1)}.button:after,.button:before{content:"";position:absolute;inset:0;z-index:-1}.button:after{background:radial-gradient(circle at center,rgba(255,255,255,.2) 0,transparent 60%);opacity:0;transform:scale(1.5);transition:all .4s cubic-bezier(.4,0,.2,1)}.button:hover{background-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.12)}.button:hover:before{transform:translateX(100%)}.button:hover:after{opacity:1;transform:scale(1)}.button:active{transform:translateY(1px);box-shadow:0 2px 6px rgba(0,0,0,.1);transition:all .1s ease}.button:focus{outline:none;box-shadow:0 0 0 3px rgba(44,76,195,.3),0 4px 12px rgba(44,76,195,.1)}.button.full-width{width:100%}.button:disabled{background-color:var(--disabled-color,#cccccc);cursor:not-allowed;transform:none;box-shadow:none}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.button.loading{background-image:linear-gradient(90deg,var(--primary-color) 0,var(--primary-light) 50%,var(--primary-color) 100%);background-size:200% 100%;animation:shimmer 2s infinite;color:transparent}.button.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin:-10px 0 0 -10px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:button-loading-spinner .8s linear infinite}@keyframes button-loading-spinner{to{transform:rotate(1turn)}}.button.small{padding:.5rem 1rem;font-size:calc(var(--font-size-md) - .125rem)}.button.large{padding:1rem 2rem;font-size:calc(var(--font-size-md) + .125rem)}.button.with-icon{gap:.5rem}.button.with-icon svg{width:1.25em;height:1.25em}@media (max-width:480px){.button{padding:.625rem 1.25rem}}.input-field{margin-bottom:var(--spacing-sm);width:100%}.input-field label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-primary);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.input-control{width:100%;height:48px;padding:0 var(--spacing-md);border:1.5px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-md);color:var(--text-primary);background-color:var(--background-light);transition:all var(--transition-fast)}.input-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(44,76,195,.1)}.input-control::placeholder{color:var(--text-light);opacity:.7}.input-field:hover .input-control{border-color:var(--primary-light)}.input-control:focus+.helper-text{color:var(--primary-color);transform:translateY(-2px);transition:all var(--transition-fast)}.input-control:invalid:not(:placeholder-shown){border-color:var(--error-color);animation:shake .3s ease-in-out}.password-field{margin-bottom:var(--spacing-lg)}.password-field label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-primary)}.password-input-container{position:relative}.password-input-container input{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-md);transition:border-color var(--transition-fast)}.password-input-container input:focus{outline:none;border-color:var(--primary-color)}.toggle-visibility{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.toggle-visibility:focus{outline:none}.eye-icon{font-size:var(--font-size-lg)}.helper-text{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.authsidebar{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:white;width:100%;max-width:600px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.authsidebar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(255,255,255,.1),transparent 60%);pointer-events:none}.authsidebar-content{padding:var(--spacing-xl);z-index:1;display:flex;flex-direction:column;justify-content:space-between;height:100%;position:relative;max-width:80%;jsutify-content:center;margin:auto}.welcome-section{margin-top:var(--spacing-2xl);animation:fadeInUp .8s ease-out}.welcome-section h1{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs);font-weight:var(--font-light);letter-spacing:var(--letter-wide);color:rgba(255,255,255,.9);text-transform:uppercase}.welcome-section .brand{font-size:var(--font-size-5xl);font-weight:var(--font-extrabold);background:linear-gradient(135deg,#ffffff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-md);letter-spacing:var(--letter-tight);line-height:var(--line-height-tight);position:relative}.welcome-section .description{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:rgba(255,255,255,.8);margin-top:var(--spacing-xl);font-weight:var(--font-light);position:relative;padding-left:var(--spacing-md);border-left:2px solid rgba(255,255,255,.2)}.testimonial-section{margin-top:auto}.decorative-curve{position:absolute;bottom:0;right:0;height:150px;width:150px;background-color:rgba(255,255,255,.1);border-radius:100% 0 0 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.welcome-section .brand{font-size:var(--font-size-4xl)}}@media (max-width:768px){.authsidebar{display:none}.authsidebar-content{padding:var(--spacing-xl);width:100%;max-width:100%}.welcome-section{margin-top:var(--spacing-xl);text-align:center}.welcome-section .description{margin-left:auto;margin-right:auto;padding-left:0;border-left:none;text-align:center}}@media (max-width:480px){.authsidebar{min-height:250px}.authsidebar-content{padding:var(--spacing-lg)}.welcome-section h1{font-size:var(--font-size-2xl)}.welcome-section .brand{font-size:var(--font-size-3xl)}.welcome-section .description{font-size:var(--font-size-md)}}@media (min-width:1400px){.authsidebar{max-width:45%}}@media (max-width:992px) and (min-resolution:1.5dppx){.welcome-section h1{font-size:var(--font-size-xl)}}.star-rating{margin-bottom:var(--spacing-md)}.star{color:var(--text-light);font-size:var(--font-size-xl);margin-right:var(--spacing-xs)}.star.filled{color:var(--star-color)}.signup-form-container{flex:1;display:flex;justify-content:center;align-items:center;padding:var(--spacing-md)}.form-content{padding:var(--spacing-xl) 0}.form-content h2{font-size:var(--font-size-3xl)}form{margin-bottom:var(--spacing-xl)}.login-link{margin-bottom:var(--spacing-lg);color:var(--text-secondary)}@media (max-width:768px){.signup-form-container{padding:var(--spacing-lg)}.form-content{padding:var(--spacing-lg) 0}.form-content h2{font-size:var(--font-size-2xl)}}@media (max-width:480px){.signup-form-container{padding:var(--spacing-md)}.form-content{padding:var(--spacing-md) 0}}.signup-page{display:flex;min-height:100vh;width:100%}@media (max-width:768px){.signup-page{flex-direction:column}}.social-login{margin-top:var(--spacing-lg)}.divider{text-align:center;margin-bottom:var(--spacing-md);color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-sm)}.divider:after,.divider:before{content:"";flex:1;height:1px;background-color:var(--border-color)}.social-buttons{width:100%;gap:var(--spacing-sm)}.social-button,.social-buttons{display:flex;justify-content:center}.social-button{align-items:center;width:36px;height:36px;border-radius:var(--border-radius-md);border:1px solid var(--border-color);background-color:var(--background);transition:all var(--transition-fast);cursor:pointer}.social-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.social-button.linkedin .social-icon{color:#0077b5}.social-button.google .social-icon{color:#db4437}.star-rating{display:flex;gap:4px;margin:var(--spacing-sm) 0}.star{font-size:20px;color:rgba(255,255,255,.3);transition:color .3s ease}.star.filled{color:#ffd700;text-shadow:0 0 2px rgba(0,0,0,.2)}.testimonial{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius-md);padding:var(--spacing-lg);border:1px solid rgba(255,255,255,.15)}.testimonial,.testimonial-text{margin-bottom:var(--spacing-lg)}.avatar{width:40px;height:40px;border-radius:50%;margin-right:var(--spacing-md);object-fit:cover}.author-name{font-weight:600;margin-bottom:var(--spacing-xs)}.author-role{font-size:var(--font-size-sm);opacity:.8}:root{--card-background:var(--Accent-1,#f5f5f5);--background:#ffffff;--foreground:#171717;--primary-color:#1a2d7a;--primary-dark:#111f5d;--primary-light:#2d3f9b;--text-primary:#333333;--text-secondary:#666666;--border-color:rgba(0,0,0,0.1);--hover-bg:rgba(0,0,0,0.05);--background-gray:#f5f7fa;--success-color:#28a745;--error-color:#dc3545;--warning-color:#ffc107;--transition-fast:0.2s ease;--dark-primary-color:#4a5fc1;--dark-primary-dark:#3648a0;--dark-primary-light:#6b7dcf;--dark-text-primary:#ffffff;--dark-text-secondary:#a0a0a0;--dark-text-light:#666666;--dark-background:#121212;--dark-background-gray:#1e1e1e;--dark-border-color:#2a2a2a;--dark-success-color:#2ea043;--dark-error-color:#f85149;--dark-star-color:#e3b341;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-xs:clamp(0.625rem,0.7vw,0.75rem);--font-size-sm:clamp(0.75rem,0.85vw,0.875rem);--font-size-md:clamp(0.875rem,1vw,1rem);--font-size-lg:clamp(1rem,1.125vw,1.125rem);--font-size-xl:clamp(1.125rem,1.25vw,1.25rem);--font-size-2xl:clamp(1.25rem,1.5vw,1.5rem);--font-size-3xl:clamp(1.5rem,2vw,2rem);--font-size-4xl:clamp(2rem,2.5vw,2.5rem);--font-size-5xl:clamp(2.5rem,3vw,3rem);--font-size-6xl:clamp(3rem,3.75vw,3.75rem);--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--letter-tight:-0.025em;--letter-normal:0;--letter-wide:0.025em;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-xs:clamp(0.25rem,0.5vw,0.5rem);--spacing-sm:clamp(0.5rem,1vw,0.75rem);--spacing-md:clamp(0.75rem,1.5vw,1rem);--spacing-lg:clamp(1rem,2vw,1.5rem);--spacing-xl:clamp(1.5rem,2.5vw,2rem);--spacing-2xl:clamp(2rem,3vw,3rem);--border-radius-sm:clamp(0.125rem,0.25vw,0.25rem);--border-radius-md:clamp(0.25rem,0.5vw,0.5rem);--border-radius-lg:clamp(0.5rem,1vw,1rem);--border-radius-full:9999px;--shadow-sm:0 1px clamp(2px,0.3vw,3px) rgba(0,0,0,0.12),0 1px clamp(1px,0.2vw,2px) rgba(0,0,0,0.24);--shadow-md:0 clamp(2px,0.4vw,4px) clamp(3px,0.6vw,6px) rgba(0,0,0,0.1),0 1px clamp(2px,0.3vw,3px) rgba(0,0,0,0.08);--shadow-lg:0 clamp(5px,1vw,10px) clamp(8px,1.5vw,15px) rgba(0,0,0,0.1),0 clamp(2px,0.4vw,4px) clamp(3px,0.6vw,6px) rgba(0,0,0,0.05);--transition-normal:300ms ease;--transition-slow:500ms ease;--theme-transition:background-color 0.3s ease,color 0.3s ease,border-color 0.3s ease;--vh-sm:100vh;--vh-md:100dvh;--vh-lg:clamp(100vh,100dvh,100vh)}[data-theme=dark]{--background:#1a1a2e;--foreground:#ffffff;--primary-color:#4a5fc1;--primary-dark:#3648a0;--primary-light:#6b7dcf;--text-primary:#ffffff;--text-secondary:#a0a0a0;--border-color:rgba(255,255,255,0.1);--hover-bg:rgba(255,255,255,0.1);--success-color:#2ea043;--error-color:#f85149;--warning-color:#e3b341;--info-color:#58a6ff}.otp-container{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);width:100%;justify-content:left;max-width:360px}.otp-input{flex:0 0 45px;width:45px;height:45px;text-align:center;font-size:var(--font-size-lg);border:1.5px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);background-color:var(--background-light);transition:all var(--transition-fast);padding:0}.otp-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(44,76,195,.1)}.otp-input:hover{border-color:var(--primary-light)}.otp-input::placeholder{color:var(--text-light);opacity:.7}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.otp-input:invalid:not(:placeholder-shown){border-color:var(--error-color);animation:shake .3s ease-in-out}@media (max-width:480px){.otp-container{gap:var(--spacing-sm);max-width:300px}.otp-input{flex:0 0 40px;width:40px;height:40px;font-size:var(--font-size-md)}}.checkbox-container{display:flex;align-items:center;position:relative;padding-left:30px;cursor:pointer;font-size:var(--font-size-sm);color:var(--text-secondary);user-select:none}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:18px;width:18px;background-color:var(--background-light);border:1px solid var(--border-color);border-radius:3px;transition:all var(--transition-fast)}.checkbox-container:hover input~.checkmark{border-color:var(--primary-color)}.checkbox-container input:checked~.checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.auth-form-container{flex:1;display:flex;justify-content:center;align-items:center;min-height:var(--vh-lg);padding:clamp(var(--spacing-md),3vw,var(--spacing-xl))}.form-content{width:100%;max-width:min(60%,600px);padding:clamp(var(--spacing-md),4vw,var(--spacing-2xl)) 0}.form-content h2{font-size:clamp(var(--font-size-2xl),3vw,var(--font-size-4xl));margin-bottom:var(--spacing-sm);color:var(--text-primary);line-height:var(--line-height-tight)}.form-description{color:var(--text-secondary);margin-bottom:var(--spacing-xl);font-size:clamp(var(--font-size-sm),1vw,var(--font-size-md));line-height:var(--line-height-normal)}form{margin-bottom:var(--spacing-lg)}.auth-link{color:var(--text-secondary);font-size:clamp(var(--font-size-sm),.9vw,var(--font-size-md))}.auth-link,.form-options{margin-bottom:var(--spacing-md)}.form-options{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs)}.forgot-link{color:var(--primary-color);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-fast)}.forgot-link:hover{text-decoration:underline;color:var(--primary-dark)}.contact-method-tabs{display:flex;margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);gap:var(--spacing-xs)}.tab-button{flex:1;background:none;border:none;padding:var(--spacing-sm) var(--spacing-xs);font-size:clamp(var(--font-size-sm),.9vw,var(--font-size-md));cursor:pointer;color:var(--text-secondary);position:relative;transition:all var(--transition-fast)}.tab-button.active{color:var(--primary-color);font-weight:var(--font-semibold)}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--primary-color);transition:background-color var(--transition-fast)}.password-error{color:var(--error-color);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.resend-container{margin-top:var(--spacing-md);color:var(--text-secondary);font-size:clamp(var(--font-size-sm),.9vw,var(--font-size-md))}@media (max-width:1024px){.auth-form-container{min-height:var(--vh-md);padding:var(--spacing-sm)}.form-content{max-width:min(80%,500px);padding:var(--spacing-md) 0}}@media (max-width:768px){.auth-form-container{min-height:auto;padding:var(--spacing-xs);margin-top:var(--spacing-sm)}.form-content{max-width:90%!important;padding:var(--spacing-sm) 0}.form-options{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.contact-method-tabs{margin-bottom:var(--spacing-sm)}}@media (max-width:480px){.auth-form-container{margin-top:0}.auth-form-container,.form-content{padding:var(--spacing-xs) var(--spacing-xs)}.form-content{max-width:100%}.form-content h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs)}.form-description{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.contact-method-tabs{flex-direction:row;gap:var(--spacing-xs)}.auth-link,.contact-method-tabs,.form-options{margin-bottom:var(--spacing-sm)}}.auth-page{display:flex;min-height:100vh;width:100%}@media (max-width:768px){.auth-page{flex-direction:column}}.testimonial-slider{position:relative;overflow:hidden;width:100%;margin-bottom:var(--spacing-lg);touch-action:pan-y pinch-zoom;outline:none;border-radius:16px;padding:20px}.testimonial-slider-content{display:flex;will-change:transform;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.testimonial-slide{flex:0 0 100%;padding:24px;display:flex;flex-direction:column;gap:var(--spacing-md);border-radius:var(--border-radius-md)}.testimonial-text{margin-bottom:var(
    --spacing-sm
  );font-size:var(--font-size-md);line-height:1.6}.testimonial-slide .star-rating{order:2;margin-bottom:var(--spacing-md)}.testimonial-author{display:flex;align-items:center}.slider-controls{margin-top:var(--spacing-md)}.auto-scroll-toggle,.slider-controls{display:flex;justify-content:center;align-items:center}.auto-scroll-toggle{position:absolute;bottom:10px;right:10px;background:rgba(255,255,255,.2);color:white;border:none;border-radius:50%;width:24px;height:24px;font-size:10px;cursor:pointer;transition:background-color var(--transition-fast)}.auto-scroll-toggle:hover{background:rgba(255,255,255,.3)}.auto-scroll-toggle.active{background:var(--primary-light)}.slider-indicators{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:8px;padding:10px}.glass-effect{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px}.slide-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;overflow:hidden}.slide-left{animation:slideLeft .5s cubic-bezier(.4,0,.2,1)}.slide-right{animation:slideRight .5s cubic-bezier(.4,0,.2,1)}@keyframes slideLeft{0%{opacity:.5;transform:translateX(5%)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{0%{opacity:.5;transform:translateX(-5%)}to{opacity:1;transform:translateX(0)}}@media (hover:hover){.testimonial-slider-content:hover{cursor:grab}.testimonial-slider-content:active{cursor:grabbing}}@media (max-width:768px){.testimonial-slide{padding:16px}}.center-container{flex-direction:column;justify-content:center;min-height:100vh;padding:var(--spacing-sm);max-width:700px;margin:0 auto;flex:1;padding-top:var(--spacing-lg)}.center-container,.header{display:flex;align-items:center;width:100%}.header{position:fixed;top:0;z-index:100;padding:var(--spacing-md);justify-content:space-between}.onboarding-form{max-width:700px;width:100%;margin:1rem auto;border-radius:var(--border-radius-md);animation:fadeIn .3s ease-out;border:1px solid var(--border-color);overflow-y:auto;max-height:calc(100vh - 120px)}.step-indicator{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);z-index:10;border-bottom:1px solid var(--border-color);justify-content:space-between;position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.step-indicator:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background-color:var(--border-color);z-index:0}.step{position:relative;background:var(--background);padding:var(--spacing-xs) var(--spacing-xs);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--text-secondary);border:1px solid var(--border-color);gap:.375rem;z-index:1;transition:var(--transition-fast)}.step-text{display:block}.step.active{background:var(--primary-color);color:var(--background);box-shadow:var(--shadow-sm)}.step.active,.step.completed{border-color:var(--primary-color)}.step.completed{color:var(--primary-color)}.step-icon svg{width:16px;height:16px}.form-section{padding:var(--spacing-lg);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);animation:slideUp .3s ease-out}.form-section h2{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-semibold);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color)}.form-grid,.form-section h2{margin-bottom:var(--spacing-md)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm)}.education-grid,.experience-grid{padding:var(--spacing-md);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);position:relative;transition:var(--transition-fast)}.education-grid:hover,.experience-grid:hover{border-color:var(--primary-color)}.checkbox-field{display:flex;align-items:center;gap:.375rem;margin:.5rem 0;padding:.25rem;border-radius:var(--border-radius-sm);flex-wrap:wrap}.checkbox-field input[type=checkbox]{width:.875rem;height:.875rem;accent-color:var(--primary-color)}.checkbox-field label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-medium)}.button-group{display:flex;justify-content:flex-end;margin-top:var(--spacing-lg);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color);gap:var(--spacing-sm)}.button-group button:first-child{margin-right:auto}@media (max-width:768px){.onboarding-form{margin:.5rem}.step-indicator{padding:var(--spacing-sm) var(--spacing-sm)}.step{min-width:32px;min-height:32px;padding:var(--spacing-xs);justify-content:center}.step:not(.active) .step-text{display:none}.step.active{padding:var(--spacing-xs) var(--spacing-sm)}.form-grid{grid-template-columns:1fr}.button-group{gap:.5rem}}@media (max-width:480px){.center-container{padding:var(--spacing-xs)}.onboarding-form{margin:0;border-radius:var(--border-radius-sm)}.form-section{padding:var(--spacing-sm)}.step{min-width:28px;min-height:28px}.step.active{padding:var(--spacing-xs)}.step-icon svg{width:14px;height:14px}.button-group{margin-top:var(--spacing-md);gap:.375rem}.form-grid{gap:var(--spacing-xs)}.education-grid,.experience-grid{padding:var(--spacing-sm)}}.onboarding-container{transition:background-color .3s ease}.onboarding-container,.onboarding-step{min-height:100vh;background:var(--background)}.onboarding-step{display:flex;flex-direction:column;position:relative}.onboarding-header{text-align:center;margin-bottom:2rem;padding:1rem;position:relative}.theme-toggle-container{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem}.theme-toggle-btn{background:var(--background);border:1px solid var(--text-secondary);border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.theme-toggle-btn.active,.theme-toggle-btn:hover{background:var(--primary-color);color:white;border-color:var(--primary-color)}.onboarding-header h1{font-size:clamp(1.5rem,4vw,2.5rem);color:var(--primary-color);margin-bottom:.5rem;font-weight:700}.onboarding-header p{font-size:clamp(.875rem,2vw,1.125rem);color:var(--text-secondary);line-height:1.5;max-width:600px;margin:0 auto}.step-indicator{justify-content:center;margin:2rem 0;flex-wrap:wrap;padding:0 1rem}.step,.step-container,.step-indicator{display:flex;align-items:center;gap:.5rem}.step{flex-direction:column;min-width:100px;text-align:center}.step,.step-icon{transition:all .3s ease}.step-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e5e7eb;color:#6b7280;font-size:1.25rem;border:3px solid transparent}.step.active .step-icon{background:var(--primary-color);color:white;transform:scale(1.1);border-color:rgba(var(--primary-color-rgb,59,130,246),.3);box-shadow:0 0 0 4px rgba(var(--primary-color-rgb,59,130,246),.2)}.step.completed .step-icon{background:#10b981;color:white;border-color:rgba(16,185,129,.3)}.step.pending .step-icon{background:#f3f4f6;color:#9ca3af}.step-connector{width:40px;height:2px;background:#e5e7eb;transition:all .3s ease}.step-connector.completed{background:#10b981}.step-text{font-size:.75rem;color:#6b7280;font-weight:500;transition:all .3s ease}.step.active .step-text{color:var(--primary-color);font-weight:600}.step.completed .step-text{color:#10b981;font-weight:600}.form-section{border-radius:12px;padding:2rem;box-shadow:0 10px 25px rgba(0,0,0,.1)}.form-section h2{font-size:1.5rem;margin-bottom:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem}.field{display:flex;flex-direction:column;gap:.5rem}.field label{font-weight:600;color:var(--text-primary);font-size:.875rem}.form-select{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s ease}.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.education-entry,.experience-entry{border-radius:8px;margin-bottom:1rem}.education-entry:last-child,.experience-entry:last-child{margin-bottom:0}.checkbox-field{margin:1rem 0}.checkbox-field label{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}.checkbox-field input[type=checkbox]{width:18px;height:18px;cursor:pointer}.skills-section{margin-bottom:2rem}.skills-section label{color:var(--text-primary);margin-bottom:1rem;font-size:.875rem}.skills-input{gap:.5rem;align-items:end}.skills-input>div{flex:1}.skills-list{margin-top:1rem}.skill-tag{display:inline-flex;font-weight:500}.form-actions{justify-content:space-between;align-items:center;flex-wrap:wrap}.form-actions>button{min-width:120px}.step-skip-btn{position:absolute;top:1rem;left:1rem;background:transparent;border:1px solid var(--text-secondary);color:var(--text-secondary);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease;z-index:10}.step-skip-btn:hover{background:var(--text-secondary);color:var(--background)}.skip-section{text-align:center;margin-top:2rem}.skip-section p{margin-top:.5rem}.skip-btn,.skip-section p{color:#6b7280;font-size:.875rem}.skip-btn{background:transparent;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.skip-btn:hover{background:#f3f4f6;color:#374151}.error-message{background:#fef2f2;border:1px solid #fecaca;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}@media (max-width:768px){.step-indicator{gap:.5rem}.step{min-width:80px}.step-icon{width:40px;height:40px;font-size:1rem}.step-text{font-size:.625rem}.form-section{padding:1.5rem;margin:.5rem;width:calc(100% - 1rem)}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions>button{width:100%}.skills-input{flex-direction:column}.theme-toggle-container{top:.5rem;right:.5rem;gap:.25rem}.theme-toggle-btn{padding:.375rem}.step-skip-btn{top:.5rem;left:.5rem;padding:.375rem .75rem;font-size:.75rem}}@media (max-width:480px){.step-indicator{gap:.25rem}.step{min-width:60px}.step-icon{width:32px;height:32px;font-size:.875rem}.step-text{font-size:.5rem}}.input-wrapper{position:relative;width:100%}.error-message{display:flex;align-items:center;gap:.5rem;color:#dc2626;font-size:.75rem;margin-top:.25rem;padding:.5rem;background:rgba(220,38,38,.1);border-radius:4px;border-left:3px solid #dc2626}.error-message svg{flex-shrink:0}.success-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.success-message{background:white;padding:3rem 2rem;border-radius:16px;text-align:center;box-shadow:0 25px 50px rgba(0,0,0,.25);max-width:400px;width:90%;animation:slideUp .4s ease}.success-icon{color:#10b981;margin-bottom:1rem;animation:checkmark .6s ease}.success-message h3{color:var(--primary-color);font-size:1.5rem;margin-bottom:.5rem;font-weight:700}.success-message p{color:var(--text-secondary);font-size:1rem;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes checkmark{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}.button.secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.button.secondary:hover{background:var(--primary-color);color:white}.button.danger{background:#dc2626;color:white;border:2px solid #dc2626}.button.danger:hover{background:#b91c1c;border-color:#b91c1c}.form-section{background:white;border-radius:16px;padding:2.5rem;margin:1rem auto;max-width:800px;width:90%;box-shadow:0 20px 40px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.form-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),#10b981)}.form-section h2{font-size:1.75rem;color:var(--primary-color);margin-bottom:2rem;text-align:center;font-weight:700;position:relative}.form-section h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:var(--primary-color);border-radius:2px}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.education-entry,.experience-entry{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;position:relative;transition:all .3s ease}.education-entry:hover,.experience-entry:hover{border-color:var(--primary-color);box-shadow:0 4px 12px rgba(0,0,0,.1)}.skills-section{margin:1.5rem 0}.skills-section label{font-size:1rem;font-weight:600;color:var(--primary-color);margin-bottom:.75rem;display:block}.skills-input{display:flex;gap:.75rem;margin-bottom:1rem;align-items:flex-end}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem;min-height:2rem}.skill-tag{background:var(--primary-color);padding:.5rem .75rem;border-radius:20px;font-size:.875rem;gap:.5rem;animation:slideIn .3s ease}.remove-skill,.skill-tag{color:white;display:flex;align-items:center}.remove-skill{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:0;width:20px;height:20px;border-radius:50%;justify-content:center;transition:background-color .2s ease}.remove-skill:hover{background:rgba(255,255,255,.2)}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.experience-toggle{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.experience-toggle h3{color:var(--primary-color);font-size:1.125rem;font-weight:600;margin-bottom:1rem;text-align:center}.toggle-options{gap:1rem;flex-wrap:wrap}.toggle-option,.toggle-options{display:flex;justify-content:center}.toggle-option{align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease;background:white;min-width:200px}.toggle-option:hover{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb,59,130,246),.05)}.toggle-option input[type=radio]{margin:0;accent-color:var(--primary-color)}.toggle-option input[type=radio]:checked+span{color:var(--primary-color);font-weight:600}.toggle-option:has(input[type=radio]:checked){border-color:var(--primary-color);background:rgba(var(--primary-color-rgb,59,130,246),.1)}.section-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:2rem 0}