.landing-page{width:100%}.landing-page section{padding:80px 20px}.hero-section{text-align:center;justify-content:center;align-items:center;min-height:80vh;padding:40px 20px 20px;display:flex}.hero-content{max-width:760px;margin:auto;transform:translateY(-70px)}.hero-title{color:#222;margin-bottom:20px;font-size:72px;font-weight:700}.hero-title-ai{color:#2563eb}.hero-subtitle{color:#333;margin-bottom:30px;font-size:34px;font-weight:600}.hero-description{color:#666;margin-bottom:50px;font-size:20px;line-height:1.8}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:60px;display:flex}.secondary-button{color:#2563eb;background:#fff;border:2px solid #2563eb;transition:all .2s}.secondary-button:hover{color:#1d4ed8;background:#f8fbff;border-color:#1d4ed7}.scroll-indicator{color:#999;margin-bottom:10px}.section-container{max-width:1200px;margin:0 auto}.section-title{text-align:center;margin-bottom:20px;font-size:42px}.section-description{text-align:center;color:#666;max-width:700px;margin:0 auto 60px;font-size:18px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:35px;transition:all .2s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000014}.feature-icon{margin-bottom:20px;font-size:38px}.feature-card h3{margin-bottom:15px}.feature-card p{color:#666;line-height:1.7}.how-it-works-section{background:#f8fafc}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.step-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:40px}.step-number{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto 25px;font-weight:700;display:flex}@media (width<=768px){.hero-title{font-size:48px}.hero-subtitle{font-size:26px}.feature-grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column}}:root{--primary-color:#2563eb;--primary-hover-color:#1d4ed8;--secondary-color:#64748b;--success-color:#16a34a;--warning-color:#f59e0b;--danger-color:#dc2626;--background-color:#f8fafc;--surface-color:#fff;--text-primary-color:#1e293b;--text-secondary-color:#64748b;--text-light-color:#94a3b8;--border-color:#e2e8f0;--shadow-small:0 1px 3px #00000014;--shadow-medium:0 4px 12px #0000001a;--shadow-large:0 10px 25px #00000026;--border-radius-small:4px;--border-radius-medium:8px;--border-radius-large:12px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--container-width:1200px;--navbar-height:70px;--input-height:42px;--transition-fast:.2s ease;--transition-normal:.3s ease}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--background-color);color:var(--text-primary-color);margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text-primary-color);margin-top:0;font-weight:600}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{color:var(--text-secondary-color);margin-top:0}a{color:var(--primary-color);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover-color)}ul,ol{padding-left:20px}img{max-width:100%;display:block}button{font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}table{border-collapse:collapse;width:100%}.page-container{max-width:var(--container-width);padding:var(--spacing-lg);margin:0 auto}.page-container-fluid{width:100%;padding:var(--spacing-lg)}.center-page{min-height:calc(100vh - var(--navbar-height));justify-content:center;align-items:center;display:flex}.stack{gap:var(--spacing-md);flex-direction:column;display:flex}.inline-stack{align-items:center;gap:var(--spacing-md);display:flex}.flex-row{display:flex}.flex-column{flex-direction:column;display:flex}.space-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.grid{gap:var(--spacing-lg);display:grid}.grid-2{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-container{padding:var(--spacing-md)}}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-content{flex:1}.form-card{background-color:var(--surface-color);width:100%;max-width:500px;padding:var(--spacing-xl);border-radius:var(--border-radius-large);box-shadow:var(--shadow-medium)}.form-title{text-align:center;margin-bottom:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-md)}.form-label{margin-bottom:var(--spacing-xs);color:var(--text-primary-color);font-weight:600;display:block}.form-control{width:100%;height:var(--input-height);border:1px solid var(--border-color);border-radius:var(--border-radius-medium);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:0 12px}.form-control:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #2563eb26}.form-textarea{resize:vertical;border:1px solid var(--border-color);border-radius:var(--border-radius-medium);width:100%;min-height:120px;padding:12px}.form-textarea:focus{border-color:var(--primary-color);outline:none}.form-checkbox{flex-shrink:0;width:16px;height:16px}.validation-error{margin-top:var(--spacing-xs);color:var(--danger-color);font-size:.875rem;display:block}.validation-success{margin-top:var(--spacing-xs);color:var(--success-color);font-size:.875rem;display:block}.primary-button{border-radius:var(--border-radius-medium);background-color:var(--primary-color);color:#fff;cursor:pointer;width:100%;height:44px;transition:background-color var(--transition-fast);border:none;font-size:1rem;font-weight:600}.primary-button:hover{background-color:var(--primary-hover-color)}.secondary-button{border:1px solid var(--border-color);border-radius:var(--border-radius-medium);cursor:pointer;background-color:#fff;width:100%;height:44px}.form-footer{margin-top:var(--spacing-lg);text-align:center}.checkbox-group{margin-top:12px}.checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex}.form-card-large{max-width:650px}.navbar{height:var(--navbar-height);background-color:var(--surface-color);box-shadow:var(--shadow-small);padding:0 var(--spacing-xl);z-index:1000;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.navbar-brand{color:var(--primary-color);font-size:1.4rem;font-weight:700}.navbar-brand a{color:inherit}.navbar-menu{align-items:center;gap:var(--spacing-lg);display:flex}.navbar-link{color:var(--text-primary-color);transition:color var(--transition-fast);font-weight:500}.navbar-link:hover{color:var(--primary-color)}.navbar-button{border-radius:var(--border-radius-medium);cursor:pointer;border:none;padding:10px 16px;font-weight:600}.navbar-login{background-color:var(--primary-color);color:#fff}.navbar-login:hover{background-color:var(--primary-hover-color)}.navbar-logout{background-color:var(--danger-color);color:#fff}@media (width<=768px){.navbar{padding:0 var(--spacing-md)}.navbar-menu{gap:var(--spacing-md)}.navbar-brand{font-size:1.1rem}}.footer{background-color:var(--surface-color);border-top:1px solid var(--border-color);padding:var(--spacing-lg) 0;margin-top:40px}.footer-text{text-align:center;color:var(--text-secondary-color);margin:0}.card{background-color:var(--surface-color);border-radius:var(--border-radius-large);box-shadow:var(--shadow-small);padding:var(--spacing-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.card-header{margin-bottom:var(--spacing-md)}.card-title{color:var(--text-primary-color);margin:0;font-size:1.2rem;font-weight:600}.card-subtitle{margin-top:var(--spacing-xs);color:var(--text-secondary-color);font-size:.9rem}.card-body{margin-top:var(--spacing-md)}.card-footer{margin-top:var(--spacing-lg);justify-content:flex-end;gap:var(--spacing-sm);display:flex}.job-card{gap:var(--spacing-sm);flex-direction:column;display:flex}.job-company,.job-location{color:var(--text-secondary-color);font-size:.9rem}.job-salary{color:var(--success-color);font-weight:600}.stat-card{text-align:center}.stat-number{color:var(--primary-color);font-size:2rem;font-weight:700}.stat-label{color:var(--text-secondary-color)}.profile-card{gap:var(--spacing-sm);flex-direction:column;display:flex}.table-container{background-color:var(--surface-color);border-radius:var(--border-radius-large);box-shadow:var(--shadow-small);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table thead{background-color:#f1f5f9}.table th{text-align:left;color:var(--text-primary-color);border-bottom:1px solid var(--border-color);padding:14px;font-weight:600}.table td{border-bottom:1px solid var(--border-color);padding:14px}.table tbody tr:hover{background-color:#f8fafc}.table-actions{gap:var(--spacing-sm);display:flex}.badge{border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-block}.badge-success{color:#166534;background-color:#dcfce7}.badge-warning{color:#92400e;background-color:#fef3c7}.badge-danger{color:#991b1b;background-color:#fee2e2}.dashboard-page{padding:var(--spacing-xl)}.dashboard-header{margin-bottom:var(--spacing-xl)}.dashboard-title{margin-bottom:var(--spacing-xs)}.dashboard-subtitle{color:var(--text-secondary-color)}.stats-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.dashboard-content{gap:var(--spacing-lg);grid-template-columns:2fr 1fr;display:grid}.dashboard-content .card{height:100%}@media (width<=768px){.dashboard-content{grid-template-columns:1fr}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.d-block{display:block}.d-none{display:none}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.w-100{width:100%}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}