.get-started-wrapper{justify-content:center;align-items:flex-start;min-height:calc(100vh - 73px);padding:4rem 1rem 5rem;display:flex}.get-started-container{max-width:var(--ui-container-lg);width:100%;margin:0 auto}.floating-home-btn{top:90px;left:var(--ui-space-6);z-index:var(--ui-z-sticky);align-items:center;gap:var(--ui-space-2);padding:var(--ui-space-2) var(--ui-space-4);border-radius:var(--ui-radius-pill);border:1px solid var(--ui-border-accent);background:linear-gradient(135deg, var(--ui-bg-surface-solid) 0%, var(--ui-color-purple-100) 100%);color:var(--ui-action-primary);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-semibold);cursor:pointer;box-shadow:var(--ui-shadow-card);transition:transform .2s,box-shadow .2s;display:inline-flex;position:fixed}.floating-home-btn:hover{box-shadow:var(--ui-shadow-card-lg);transform:translateY(-2px)}.get-started-hero{text-align:center;margin-bottom:var(--ui-space-8);animation:.6s ease-out fadeInUp}.hero-badge{align-items:center;gap:var(--ui-space-2);padding:var(--ui-space-2) var(--ui-space-5);background:linear-gradient(135deg, var(--ui-color-purple-50) 0%, var(--ui-color-purple-200) 100%);border-radius:var(--ui-radius-pill);font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-semibold);color:var(--ui-action-primary);margin-bottom:var(--ui-space-4);border:1px solid var(--ui-border-accent);display:inline-flex}.hero-badge svg{color:var(--ui-action-primary)}.hero-title{font-size:var(--ui-font-size-3xl);font-weight:var(--ui-font-weight-extrabold);color:var(--ui-text-primary);margin-bottom:var(--ui-space-4);line-height:var(--ui-line-height-tight)}.gradient-text{background:linear-gradient(135deg, var(--ui-action-primary) 0%, var(--ui-color-purple-300) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:var(--ui-font-size-md);max-width:700px;color:color-mix(in srgb, var(--ui-text-primary) 70%, var(--ui-text-secondary));margin:0 auto var(--ui-space-10);line-height:1.55}.selection-cards{gap:var(--ui-space-8);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.selection-card{background:var(--ui-bg-surface-solid);border-radius:var(--ui-radius-card-lg);padding:var(--ui-space-10);box-shadow:var(--ui-shadow-card);border:2px solid #0000;transition:all .3s;animation:.6s ease-out both fadeInUp;position:relative;overflow:hidden}.selection-card:hover{box-shadow:var(--ui-shadow-card-lg);transform:translateY(-8px)}.jobseeker-card{animation-delay:.1s}.jobseeker-card:hover{border-color:var(--ui-border-accent)}.employer-card{animation-delay:.2s}.employer-card:hover{border-color:color-mix(in srgb, var(--ui-color-blue-500) 30%, transparent)}.card-badge{padding:var(--ui-space-2) var(--ui-space-4);background:linear-gradient(135deg, var(--ui-color-purple-50) 0%, var(--ui-color-purple-200) 100%);border-radius:var(--ui-radius-pill);font-size:var(--ui-font-size-xs);font-weight:var(--ui-font-weight-bold);color:var(--ui-action-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--ui-space-4);display:inline-block}.employer-badge{background:linear-gradient(135deg, color-mix(in srgb, var(--ui-color-blue-500) 18%, transparent) 0%, color-mix(in srgb, var(--ui-color-blue-500) 28%, transparent) 100%);color:var(--ui-action-secondary)}.card-icon-wrapper{border-radius:var(--ui-radius-xl);width:50px;height:50px;margin-bottom:var(--ui-space-4);justify-content:center;align-items:center;transition:all .3s;display:flex}.jobseeker-icon{background:linear-gradient(135deg, var(--ui-color-purple-50) 0%, var(--ui-color-purple-200) 100%);color:var(--ui-action-primary)}.employer-icon{background:linear-gradient(135deg, color-mix(in srgb, var(--ui-color-blue-500) 18%, transparent) 0%, color-mix(in srgb, var(--ui-color-blue-500) 28%, transparent) 100%);color:var(--ui-action-secondary)}.selection-card:hover .card-icon-wrapper{transform:scale(1.1)rotate(5deg)}.card-title{font-size:var(--ui-font-size-2xl);font-weight:var(--ui-font-weight-bold);color:var(--ui-text-primary);margin-bottom:var(--ui-space-2)}.card-description{color:color-mix(in srgb, var(--ui-text-primary) 70%, var(--ui-text-secondary));max-width:520px;margin:0 auto var(--ui-space-10);font-size:clamp(.9rem,1.35vw,1rem);line-height:1.55}.card-features{gap:var(--ui-space-4);margin-bottom:var(--ui-space-6);flex-direction:column;display:flex}.feature-item{align-items:center;gap:var(--ui-space-3);font-weight:var(--ui-font-weight-medium);line-height:1.55;display:flex}.feature-item svg{color:var(--ui-action-primary);flex-shrink:0}.employer-card .feature-item svg{color:var(--ui-action-secondary)}.card-cta-btn{justify-content:center;align-items:center;gap:var(--ui-space-3);width:100%;padding:var(--ui-space-4) var(--ui-space-8);border-radius:var(--ui-radius-lg);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-semibold);cursor:pointer;border:none;margin-bottom:1rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.card-cta-btn:before{content:"";background:linear-gradient(45deg, transparent, color-mix(in srgb, var(--ui-color-white) 30%, transparent), transparent);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.card-cta-btn:hover:before{transform:translate(100%)}.jobseeker-btn{background:linear-gradient(135deg, var(--ui-action-primary) 0%, var(--ui-color-purple-400) 100%);color:var(--ui-text-inverse)}.jobseeker-btn:hover{background:linear-gradient(135deg, var(--ui-action-primary-hover) 0%, var(--ui-action-primary) 100%);box-shadow:var(--ui-shadow-card);transform:translateY(-2px)}.employer-btn{background:linear-gradient(135deg, var(--ui-action-secondary) 0%, var(--ui-color-blue-500) 100%);color:var(--ui-text-inverse)}.employer-btn:hover{background:linear-gradient(135deg, var(--ui-color-blue-600) 0%, var(--ui-action-secondary) 100%);box-shadow:var(--ui-shadow-card);transform:translateY(-2px)}.card-cta-btn svg{transition:transform .3s}.card-cta-btn:hover svg{transform:translate(4px)}.card-footer-text{text-align:center;font-size:var(--ui-font-size-sm);color:color-mix(in srgb, var(--ui-text-primary) 70%, var(--ui-text-secondary));max-width:520px;margin:0 auto var(--ui-space-10);font-style:italic;line-height:1.55}.role-switch-modal-backdrop{z-index:var(--ui-z-modal);padding:var(--ui-space-4);background:color-mix(in srgb, var(--ui-color-black) 45%, transparent);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.role-switch-modal{width:100%;max-width:520px;padding:var(--ui-space-5);border:1px solid var(--ui-border-subtle);border-radius:var(--ui-radius-xl);background:var(--ui-bg-surface-solid);box-shadow:var(--ui-shadow-modal)}.role-switch-modal__header{align-items:center;gap:var(--ui-space-3);display:flex}.role-switch-modal__icon{border-radius:var(--ui-radius-full);background:var(--ui-bg-surface-muted);width:44px;height:44px;color:var(--ui-action-primary);justify-content:center;align-items:center;display:flex}.role-switch-modal__title{margin-bottom:var(--ui-space-1);font-weight:var(--ui-font-weight-bold);color:var(--ui-text-primary)}.role-switch-modal__eyebrow{color:var(--ui-text-muted);font-size:var(--ui-font-size-sm)}.role-switch-modal__message{margin:var(--ui-space-4) 0 var(--ui-space-5);color:var(--ui-text-secondary)}.role-switch-modal__actions{justify-content:flex-end;gap:var(--ui-space-3);display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.floating-home-btn{top:80px;left:var(--ui-space-3);padding:var(--ui-space-2) var(--ui-space-3);font-size:var(--ui-font-size-sm)}.get-started-hero{margin-bottom:var(--ui-space-10)}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.selection-cards{gap:var(--ui-space-6);grid-template-columns:1fr}.selection-card{padding:var(--ui-space-8) var(--ui-space-6)}.card-title{font-size:1.5rem}.card-icon-wrapper{width:50px;height:50px}}@media (max-width:480px){.hero-badge{font-size:var(--ui-font-size-xs);padding:var(--ui-space-2) var(--ui-space-4)}.hero-title{font-size:1.75rem}.selection-card{padding:var(--ui-space-6)}.card-cta-btn{padding:var(--ui-space-3) var(--ui-space-6);font-size:var(--ui-font-size-sm)}}
