*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary-50: #FFF8F0;--color-primary-100: #FFEDD5;--color-primary-200: #FED7AA;--color-primary-300: #FDBA74;--color-primary-400: #FB923C;--color-primary-500: #F97316;--color-primary-600: #EA580C;--color-primary-700: #C2410C;--color-primary-800: #9A3412;--color-neutral-50: #FAFAFA;--color-neutral-100: #F5F5F5;--color-neutral-200: #E5E5E5;--color-neutral-300: #D4D4D4;--color-neutral-400: #A3A3A3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--color-success: #22C55E;--color-success-light: #DCFCE7;--color-error: #EF4444;--color-error-light: #FEE2E2;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-info: #3B82F6;--color-info-light: #DBEAFE;--bg-primary: #FFFAF5;--bg-secondary: #FFFFFF;--bg-card: #FFFFFF;--bg-elevated: #FFFFFF;--bg-glass: rgba(255, 255, 255, .8);--text-primary: #1A1A1A;--text-secondary: #4A4A4A;--text-tertiary: #6B6B6B;--text-inverse: #FFFFFF;--border-light: rgba(0, 0, 0, .06);--border-medium: rgba(0, 0, 0, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 2px 4px rgba(0, 0, 0, .04), 0 4px 8px rgba(0, 0, 0, .06), 0 8px 16px rgba(0, 0, 0, .04);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .04), 0 8px 16px rgba(0, 0, 0, .06), 0 16px 32px rgba(0, 0, 0, .08);--shadow-xl: 0 8px 16px rgba(0, 0, 0, .04), 0 16px 32px rgba(0, 0, 0, .06), 0 32px 64px rgba(0, 0, 0, .12);--shadow-card: 0 2px 8px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .08);--shadow-glow: 0 0 32px rgba(249, 115, 22, .25);--shadow-glow-lg: 0 0 48px rgba(249, 115, 22, .35);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .06);--gradient-primary: linear-gradient(135deg, #FF9A56 0%, #F97316 50%, #EA580C 100%);--gradient-primary-soft: linear-gradient(135deg, rgba(249, 115, 22, .1) 0%, rgba(234, 88, 12, .05) 100%);--gradient-hero: linear-gradient(180deg, #FFFAF5 0%, #FFF5EB 50%, #FFFFFF 100%);--gradient-card-hover: linear-gradient(180deg, rgba(249, 115, 22, .04) 0%, transparent 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .7) 100%);--gradient-mesh: radial-gradient(at 40% 20%, rgba(249, 115, 22, .08) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(234, 88, 12, .06) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(255, 154, 86, .08) 0px, transparent 50%);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-size-xs: clamp(.7rem, .65rem + .25vw, .75rem);--font-size-sm: clamp(.8rem, .75rem + .25vw, .875rem);--font-size-base: clamp(.9rem, .85rem + .25vw, 1rem);--font-size-lg: clamp(1rem, .95rem + .25vw, 1.125rem);--font-size-xl: clamp(1.1rem, 1rem + .5vw, 1.25rem);--font-size-2xl: clamp(1.3rem, 1.1rem + 1vw, 1.5rem);--font-size-3xl: clamp(1.6rem, 1.3rem + 1.5vw, 1.875rem);--font-size-4xl: clamp(2rem, 1.5rem + 2.5vw, 2.5rem);--font-size-5xl: clamp(2.5rem, 1.8rem + 3.5vw, 3.5rem);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .02em;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--layout-sidebar-width: 240px;--layout-sidebar-collapsed-width: 72px;--layout-nav-height: 80px;--page-content-padding-x: var(--spacing-4);--page-content-padding-y: var(--spacing-4);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-3xl: 1.5rem;--radius-4xl: 2rem;--radius-full: 9999px;--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-toast: 500;--z-max: 9999;--glass-blur: 12px;--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .3)}[data-theme=dark]{--bg-primary: #09090B;--bg-secondary: #18181B;--bg-card: #1F1F23;--bg-elevated: #27272A;--bg-glass: rgba(24, 24, 27, .85);--text-primary: #FAFAFA;--text-secondary: #A1A1AA;--text-tertiary: #71717A;--border-light: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .12);--shadow-card: 0 4px 20px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(249, 115, 22, .15);--shadow-glow-lg: 0 0 60px rgba(249, 115, 22, .25);--gradient-hero: linear-gradient(180deg, #09090B 0%, #18181B 100%);--gradient-mesh: radial-gradient(at 40% 20%, rgba(249, 115, 22, .12) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(234, 88, 12, .08) 0px, transparent 50%);--glass-bg: rgba(31, 31, 35, .85);--glass-border: rgba(255, 255, 255, .08)}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--bg-primary);background-image:var(--gradient-mesh);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:100dvh;overflow-x:hidden}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}::selection{background:var(--color-primary-200);color:var(--color-primary-800)}[data-theme=dark] ::selection{background:var(--color-primary-600);color:#fff}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-700)}img,svg{display:block;max-width:100%}button{cursor:pointer;font-family:inherit;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-4)}@media(min-width:640px){.container{padding:0 var(--spacing-6)}}@media(min-width:1024px){.container{padding:0 var(--spacing-8)}}.page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.page-content{flex:1;padding:var(--page-content-padding-y) var(--page-content-padding-x);padding-bottom:calc(var(--layout-nav-height) + var(--page-content-padding-y) + env(safe-area-inset-bottom));overflow-y:auto;max-width:100%}@media(max-width:767px){:root{--page-content-padding-x: var(--spacing-3);--page-content-padding-y: var(--spacing-4)}}@media(min-width:768px){:root{--page-content-padding-x: var(--spacing-6);--page-content-padding-y: var(--spacing-6)}}@media(min-width:1024px){:root{--page-content-padding-x: var(--spacing-8);--page-content-padding-y: var(--spacing-6)}}@media(min-width:1024px){.page{flex-direction:row}.page-content{flex:1;padding:var(--page-content-padding-y) var(--page-content-padding-x);padding-bottom:var(--page-content-padding-y);margin-left:var(--layout-sidebar-width);max-width:calc(100% - var(--layout-sidebar-width));min-height:100vh}.page:has(.nav-sidebar.collapsed) .page-content{margin-left:var(--layout-sidebar-collapsed-width);max-width:calc(100% - var(--layout-sidebar-collapsed-width))}.page>.header{display:none}}.page-content-inner{max-width:1200px;margin:0 auto;width:100%}.page-content{background:linear-gradient(180deg,#fdfbf9,#f9f5f0)}[data-theme=dark] .page-content{background:linear-gradient(180deg,#1a1a1a,#141414)}.page-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:24px;letter-spacing:-.02em}.filter-pills{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:4px}.filter-pill{padding:10px 20px;border-radius:24px;background:#fff;border:1.5px solid #e5e5e5;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-pill:hover{border-color:#f97316;color:#f97316}.filter-pill.active{background:linear-gradient(135deg,#f97316,#ea580c);border-color:transparent;color:#fff;box-shadow:0 4px 12px #f973164d}[data-theme=dark] .filter-pill{background:#2a2a2a;border-color:#333;color:#aaa}[data-theme=dark] .filter-pill:hover{border-color:#f97316;color:#f97316}[data-theme=dark] .filter-pill.active{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:32px}.stat-card-content{display:flex;align-items:center;gap:16px}.stat-icon-wrapper{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-info{min-width:0}.stat-value{font-size:28px;font-weight:700;line-height:1.1;color:var(--text-primary)}.stat-label{font-size:14px;color:var(--text-secondary);margin-top:2px}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:var(--z-sticky)}.header-logo{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.header-logo img{width:36px;height:36px}.card{background:var(--bg-card);border-radius:24px;border:1px solid rgba(0,0,0,.04);box-shadow:0 4px 12px #0000000a,0 1px 3px #00000005;transition:all .3s ease}.card-hoverable:hover{box-shadow:0 12px 32px #00000014,0 4px 8px #0000000a;transform:translateY(-4px)}[data-theme=dark] .card{border-color:#ffffff0f;box-shadow:0 4px 12px #0003,0 1px 3px #0000001a}.card-body{padding:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.25;border:none;border-radius:var(--radius-xl);transition:all var(--transition-normal);white-space:nowrap;position:relative;overflow:hidden;isolation:isolate}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:before{opacity:1}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:active:not(:disabled){transform:scale(.98)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);border-radius:var(--radius-lg)}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg);border-radius:var(--radius-2xl)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow);text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow-lg)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border-medium);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary-500);background:var(--gradient-primary-soft);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--gradient-primary-soft);color:var(--color-primary-600)}.btn-danger{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff;box-shadow:var(--shadow-md),0 0 20px #ef44444d}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px #ef444466}.btn-icon{width:48px;height:48px;padding:0;border-radius:var(--radius-full)}.btn-icon.btn-sm{width:36px;height:36px}.btn-icon.btn-lg{width:56px;height:56px}.btn-action{min-width:120px;justify-content:center}.btn-action.btn-sm{min-width:100px}.card{background:var(--bg-card);border-radius:var(--radius-3xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);overflow:hidden;transition:all var(--transition-normal);position:relative}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);opacity:.5}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.card-glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.card-body{padding:var(--spacing-6)}.card-flat{box-shadow:none;border:1px solid var(--border-light)}.card-flat:hover{transform:none;border-color:var(--color-primary-300)}.input-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-1)}.input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-xl);transition:all var(--transition-fast);box-shadow:var(--shadow-inset)}.input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 4px #f9731626,var(--shadow-inset)}.input:hover:not(:focus){border-color:var(--border-medium)}.input::placeholder{color:var(--text-tertiary)}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 4px #ef444426}.error-message{font-size:var(--font-size-sm);color:var(--color-error);display:flex;align-items:center;gap:var(--spacing-1)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-light);transition:all var(--transition-fast)}.badge-primary{background:var(--gradient-primary-soft);color:var(--color-primary-700);border-color:#f9731633}[data-theme=dark] .badge-primary{color:var(--color-primary-300)}.badge-success{background:linear-gradient(135deg,#22c55e1a,#16a34a0d);color:#15803d;border-color:#22c55e33}[data-theme=dark] .badge-success{color:#4ade80}.badge-error{background:linear-gradient(135deg,#ef44441a,#dc26260d);color:#b91c1c;border-color:#ef444433}[data-theme=dark] .badge-error{color:#f87171}.badge-warning{background:linear-gradient(135deg,#f59e0b1a,#d977060d);color:#b45309;border-color:#f59e0b33}[data-theme=dark] .badge-warning{color:#fbbf24}.badge-lg{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.avatar{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-weight:var(--font-weight-bold);text-transform:uppercase;position:relative;overflow:hidden}.avatar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,transparent 50%)}.avatar-sm{width:32px;height:32px;font-size:var(--font-size-xs)}.avatar-md{width:48px;height:48px;font-size:var(--font-size-base)}.avatar-lg{width:64px;height:64px;font-size:var(--font-size-xl)}.avatar-xl{width:96px;height:96px;font-size:var(--font-size-3xl)}.avatar-ring{box-shadow:0 0 0 3px var(--bg-card),0 0 0 5px var(--color-primary-500)}.swipe-container{position:relative;width:100%;max-width:380px;height:500px;margin:0 auto;perspective:1000px}.swipe-card{position:absolute;width:100%;height:100%;background:var(--bg-card);border-radius:var(--radius-4xl);box-shadow:var(--shadow-xl);overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border:1px solid var(--border-light)}.swipe-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent)}.swipe-card:active{cursor:grabbing}.swipe-card-image{width:100%;height:50%;object-fit:cover;background:var(--gradient-primary);position:relative}.swipe-card-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,var(--bg-card),transparent)}.swipe-card-content{padding:var(--spacing-5);height:50%;display:flex;flex-direction:column}.swipe-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3)}.swipe-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:var(--letter-spacing-tight)}.swipe-card-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-1)}.swipe-card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.swipe-card-info{font-size:var(--font-size-sm);color:var(--text-tertiary);display:flex;align-items:center;gap:var(--spacing-2)}.swipe-card-ai{margin-top:auto;padding:var(--spacing-4);background:var(--gradient-primary-soft);border-radius:var(--radius-xl);font-size:var(--font-size-sm);color:var(--color-primary-700);border:1px solid rgba(249,115,22,.15);display:flex;align-items:flex-start;gap:var(--spacing-2)}[data-theme=dark] .swipe-card-ai{background:#f973161a;color:var(--color-primary-300)}.match-score{display:flex;align-items:center;justify-content:center;min-width:52px;height:32px;padding:0 var(--spacing-3);background:var(--gradient-primary);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:#fff;box-shadow:var(--shadow-glow)}.swipe-overlay{position:absolute;top:50%;transform:translateY(-50%);padding:var(--spacing-6) var(--spacing-8);font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border:5px solid;border-radius:var(--radius-2xl);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);z-index:10;box-shadow:0 8px 32px #0003}.swipe-overlay svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.swipe-overlay-like{right:var(--spacing-6);color:#22c55e;border-color:#22c55e;background:linear-gradient(135deg,#22c55ef2,#16a34ae6);color:#fff;transform:translateY(-50%) rotate(12deg);box-shadow:0 8px 32px #22c55e66,inset 0 1px #ffffff4d}.swipe-overlay-nope{left:var(--spacing-6);color:#ef4444;border-color:#ef4444;background:linear-gradient(135deg,#ef4444f2,#dc2626e6);color:#fff;transform:translateY(-50%) rotate(-12deg);box-shadow:0 8px 32px #ef444466,inset 0 1px #ffffff4d}.swipe-actions{display:flex;justify-content:center;gap:var(--spacing-5);padding:var(--spacing-6) 0}.swipe-btn{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:var(--radius-full);border:none;box-shadow:var(--shadow-lg);transition:all var(--transition-spring);position:relative;overflow:hidden}.swipe-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4) 0%,transparent 50%)}.swipe-btn:hover{transform:scale(1.12) translateY(-4px)}.swipe-btn:active{transform:scale(.95)}.swipe-btn-nope{background:#fff;color:var(--color-error);border:3px solid var(--color-error);box-shadow:var(--shadow-lg),0 0 20px #ef444433}.swipe-btn-like{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;box-shadow:var(--shadow-lg),0 0 24px #22c55e66}.swipe-btn-super{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;width:52px;height:52px;box-shadow:var(--shadow-lg),0 0 20px #3b82f666}.swipe-btn-undo{background:#fff;color:var(--color-warning);border:2px solid var(--color-warning);width:44px;height:44px}.wizard-progress{display:flex;gap:var(--spacing-2);padding:var(--spacing-4)}.wizard-step{flex:1;height:4px;background:var(--border-light);border-radius:var(--radius-full);transition:all var(--transition-normal);position:relative;overflow:hidden}.wizard-step.completed{background:var(--color-primary-500)}.wizard-step.active{background:var(--gradient-primary)}.wizard-step.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 2s infinite}.wizard-content{padding:var(--spacing-6) var(--spacing-4)}.wizard-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2);letter-spacing:var(--letter-spacing-tight)}.wizard-description{color:var(--text-secondary);margin-bottom:var(--spacing-8)}.wizard-actions{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-8)}.wizard-actions .btn{flex:1}.chat-messages{flex:1;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3);overflow-y:auto;scroll-behavior:smooth;min-height:0}.chat-message{max-width:80%;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-2xl);font-size:var(--font-size-sm);line-height:var(--line-height-normal);position:relative}.chat-message-sent{align-self:flex-end;background:var(--gradient-primary);color:#fff;border-bottom-right-radius:var(--radius-sm);box-shadow:var(--shadow-md),var(--shadow-glow)}.chat-message-received{align-self:flex-start;background:var(--bg-elevated);color:var(--text-primary);border-bottom-left-radius:var(--radius-sm);border:1px solid var(--border-light)}.chat-input-container{display:flex;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-border)}.chat-input{flex:1;padding:var(--spacing-3) var(--spacing-4);background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--text-primary);transition:all var(--transition-fast)}.chat-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 4px #f973161a}@keyframes matchPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes confettiDrop{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.match-celebration{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);animation:fadeIn var(--transition-normal)}.match-text{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:matchPulse .8s ease-in-out;text-shadow:0 0 60px rgba(249,115,22,.5)}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--border-light) 0%,var(--bg-elevated) 50%,var(--border-light) 100%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--radius-lg)}.skeleton-text{height:1em;margin-bottom:var(--spacing-2)}.skeleton-card{height:200px;border-radius:var(--radius-2xl)}.skeleton-avatar{border-radius:var(--radius-full)}.progress-ring{position:relative;display:flex;align-items:center;justify-content:center}.progress-ring-circle{transform:rotate(-90deg);transform-origin:50% 50%}.progress-ring-bg{fill:none;stroke:var(--border-light)}.progress-ring-fill{fill:none;stroke:url(#progress-gradient);stroke-linecap:round;transition:stroke-dashoffset var(--transition-slow)}.progress-ring-text{position:absolute;font-weight:var(--font-weight-bold);color:var(--text-primary)}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-slide-up{animation:slideUp var(--transition-normal) ease-out}.animate-slide-in{animation:slideIn var(--transition-normal) ease-out}.animate-scale-in{animation:scaleIn var(--transition-spring)}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.p-2{padding:var(--spacing-2)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.rounded-full{border-radius:var(--radius-full)}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:640px){.swipe-container{max-width:400px;height:540px}}@media(min-width:768px){.swipe-container{max-width:420px;height:560px}.swipe-btn{width:68px;height:68px}}:focus-visible{outline:3px solid var(--color-primary-500);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:high){:root{--border-light: rgba(0, 0, 0, .3);--border-medium: rgba(0, 0, 0, .5)}[data-theme=dark]{--border-light: rgba(255, 255, 255, .3);--border-medium: rgba(255, 255, 255, .5)}.btn-primary{text-shadow:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-slide-up{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}@media print{.nav-bottom,.header,.btn{display:none!important}body{background:#fff!important}.card{box-shadow:none!important;border:1px solid #ccc!important}}.swipe-card.swipe-card-full{position:absolute;width:100%;height:100%;background:var(--bg-card);border-radius:var(--radius-3xl);box-shadow:var(--shadow-xl);overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;border:1px solid var(--border-light)}.swipe-container-full{position:relative;width:100%;height:calc(100vh - 160px);height:calc(100dvh - 160px);max-width:420px;margin:0 auto;perspective:1200px}@media(min-width:1024px){.swipe-container-full{max-width:1100px;height:calc(100vh - 180px);height:calc(100dvh - 180px)}}.swipe-card-fullscreen{display:flex;flex-direction:column;height:100%;overflow:hidden}.swipe-card-content-wrapper{display:flex;flex-direction:column;height:100%;background:var(--bg-card);border-radius:var(--radius-3xl);overflow:hidden}@media(min-width:1024px){.swipe-card-content-wrapper{flex-direction:row}}.swipe-card-column-left{display:flex;flex-direction:column;position:relative}@media(min-width:1024px){.swipe-card-column-left{width:380px;min-width:380px;border-right:1px solid var(--border-light);background:var(--bg-secondary)}[data-theme=dark] .swipe-card-column-left{background:var(--bg-elevated)}}.swipe-card-column-right{flex:1;overflow-y:auto}@media(min-width:1024px){.swipe-card-column-right.swipe-card-body{padding:var(--spacing-8);padding-bottom:var(--spacing-6)}}.swipe-card-hero{position:relative;padding:var(--spacing-10) var(--spacing-6) var(--spacing-16);color:#fff;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:220px}@media(min-width:1024px){.swipe-card-hero{flex:1;min-height:auto;padding:var(--spacing-10);justify-content:center}}.swipe-card-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center}.swipe-card-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0003,#000000bf)}.swipe-card-hero-content{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)}.swipe-card-company-badge{width:72px;height:72px;border-radius:var(--radius-2xl);background:#fff;color:var(--color-primary-600);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-lg)}@media(min-width:1024px){.swipe-card-company-badge{width:88px;height:88px;font-size:var(--font-size-3xl)}}.swipe-card-hero-text{display:flex;flex-direction:column;gap:var(--spacing-1)}.swipe-card-company{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);opacity:.9;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.swipe-card-role{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}@media(min-width:1024px){.swipe-card-role{font-size:var(--font-size-2xl)}}.swipe-card-match{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);border:1px solid rgba(255,255,255,.3)}.swipe-card-strip{background:#00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;padding:var(--spacing-3) var(--spacing-4);display:flex;justify-content:center;align-items:center;gap:var(--spacing-4);position:absolute;bottom:0;left:0;right:0;z-index:2}@media(min-width:1024px){.swipe-card-strip{position:static;background:var(--bg-card);color:var(--text-primary);padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--border-light);justify-content:space-around}}.strip-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.strip-divider{width:1px;height:20px;background:#ffffff40}@media(min-width:1024px){.strip-divider{background:var(--border-medium)}}.desktop-only-grid{display:none}@media(min-width:1024px){.desktop-only-grid{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-5)}.desktop-only-grid .quick-info-card{background:var(--bg-elevated);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--spacing-3)}.desktop-only-grid .quick-info-card .quick-label{color:var(--text-tertiary);font-size:var(--font-size-xs);flex:1}.desktop-only-grid .quick-info-card .quick-value{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}}.swipe-card-body{padding:var(--spacing-5);overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:var(--spacing-4);padding-bottom:80px}@media(min-width:1024px){.swipe-card-body{padding-bottom:var(--spacing-6)}}.swipe-section{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-4);display:flex;gap:var(--spacing-3);transition:all var(--transition-normal);border:1px solid var(--border-light)}[data-theme=dark] .swipe-section{background:var(--bg-elevated)}.swipe-section.swipe-section-expandable{cursor:pointer}.swipe-section-ai{background:linear-gradient(135deg,#fff8f0,#fff);border:1px solid var(--color-primary-200)}[data-theme=dark] .swipe-section-ai{background:linear-gradient(135deg,#f9731626,#18181b80);border-color:#f973164d}.swipe-section.expanded{background:var(--bg-card);box-shadow:var(--shadow-sm);border-color:var(--color-primary-300)}.section-icon{width:36px;height:36px;border-radius:var(--radius-lg);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--color-primary-500);box-shadow:var(--shadow-sm);flex-shrink:0}[data-theme=dark] .section-icon{background:var(--bg-card)}.swipe-section-ai .section-icon{background:var(--color-primary-500);color:#fff}.section-content{flex:1;min-width:0}.section-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--spacing-2);letter-spacing:var(--letter-spacing-wide)}.ai-text{font-size:var(--font-size-sm);color:var(--color-primary-800);line-height:var(--line-height-relaxed);font-weight:var(--font-weight-medium)}[data-theme=dark] .ai-text{color:var(--color-primary-200)}.section-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.requirements-list{list-style:none;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);display:flex;flex-direction:column;gap:var(--spacing-2);overflow:hidden}.requirements-list li{display:flex;gap:var(--spacing-2)}.requirements-list li:before{content:"✓";color:var(--color-success);font-weight:700}.company-info{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);overflow:hidden}.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-2);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--border-light)}.benefit-item{color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.section-preview{display:block;font-size:var(--font-size-sm);color:var(--text-tertiary)}.section-chevron{color:var(--text-tertiary);display:flex;align-items:center}.swipe-card-hint{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-4);background:linear-gradient(to top,var(--bg-card) 40%,transparent);display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-tertiary);z-index:10}.mobile-hint{display:flex}.desktop-hint{display:none}@media(min-width:1024px){.mobile-hint{display:none}.desktop-hint{display:flex;position:static;background:transparent;margin-top:auto;padding:var(--spacing-5);border-top:1px solid var(--border-light)}}.hint-details{font-size:var(--font-size-xs);color:var(--text-tertiary);text-decoration:underline;cursor:pointer}.swipe-card-hero{position:relative;height:140px;flex-shrink:0}.swipe-card-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.swipe-card-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001a,#0009)}.swipe-card-hero-content{position:relative;height:100%;display:flex;align-items:flex-end;padding:var(--spacing-4);gap:var(--spacing-3)}.swipe-card-company-badge{width:56px;height:56px;border-radius:var(--radius-2xl);background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600);box-shadow:var(--shadow-lg);flex-shrink:0;border:3px solid var(--bg-card)}.swipe-card-hero-text{flex:1;min-width:0}.swipe-card-company{font-size:var(--font-size-xs);color:#ffffffe6;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.swipe-card-role{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);text-shadow:0 2px 8px rgba(0,0,0,.3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swipe-card-match{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);box-shadow:var(--shadow-glow);flex-shrink:0}.swipe-card-strip{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-4);background:var(--bg-elevated);border-bottom:1px solid var(--border-light);gap:var(--spacing-3);flex-shrink:0}.strip-item{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--text-secondary)}.strip-item svg{color:var(--color-primary-500);flex-shrink:0}.strip-divider{width:1px;height:16px;background:var(--border-medium)}.swipe-card-body{flex:1;overflow-y:auto;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3);scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}.swipe-card-body::-webkit-scrollbar{width:4px}.swipe-card-body::-webkit-scrollbar-track{background:transparent}.swipe-card-body::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}.swipe-section{display:flex;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--bg-elevated);border-radius:var(--radius-xl);border:1px solid var(--border-light);text-align:left;width:100%;cursor:default}.swipe-section-expandable{cursor:pointer;transition:all var(--transition-fast)}.swipe-section-expandable:hover{background:var(--gradient-primary-soft);border-color:#f9731633}.swipe-section-expandable.expanded{background:var(--bg-card)}.swipe-section-ai{background:var(--gradient-primary-soft);border-color:#f9731633}.section-icon{width:36px;height:36px;border-radius:var(--radius-lg);background:var(--bg-card);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-primary-500);box-shadow:var(--shadow-sm)}.swipe-section-ai .section-icon{background:var(--gradient-primary);color:#fff}.section-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.section-label{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.section-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.section-preview{font-size:var(--font-size-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.section-chevron{display:flex;align-items:center;color:var(--text-tertiary);flex-shrink:0}.ai-text{font-size:var(--font-size-sm);color:var(--color-primary-700);margin:0;line-height:var(--line-height-relaxed)}[data-theme=dark] .ai-text{color:var(--color-primary-300)}.requirements-list{list-style:none;padding:0;margin:var(--spacing-2) 0 0 0;display:flex;flex-direction:column;gap:var(--spacing-2);overflow:hidden}.requirements-list li{font-size:var(--font-size-sm);color:var(--text-secondary);padding-left:var(--spacing-4);position:relative}.requirements-list li:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:var(--font-weight-bold)}.company-info{overflow:hidden;padding-top:var(--spacing-2)}.company-info p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-2);line-height:var(--line-height-relaxed)}.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-2);margin-top:var(--spacing-2)}.benefit-item{font-size:var(--font-size-xs);color:var(--color-success);padding:var(--spacing-1) var(--spacing-2);background:var(--color-success-light);border-radius:var(--radius-md)}[data-theme=dark] .benefit-item{background:#22c55e1a}.quick-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-2);margin-top:var(--spacing-2)}.quick-info-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-3);background:var(--bg-elevated);border-radius:var(--radius-xl);border:1px solid var(--border-light);text-align:center}.quick-info-card svg{color:var(--color-primary-500)}.quick-label{font-size:var(--font-size-xs);color:var(--text-tertiary)}.quick-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.swipe-card-hint{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);background:var(--bg-elevated);border-top:1px solid var(--border-light);flex-shrink:0}.hint-left,.hint-right{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.hint-left{color:var(--color-error)}.hint-right{color:var(--color-success)}.hint-details{font-size:var(--font-size-xs);color:var(--color-primary-500);font-weight:var(--font-weight-semibold);background:none;border:none;cursor:pointer;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);transition:all var(--transition-fast)}.hint-details:hover{background:var(--gradient-primary-soft)}.swipe-card-full .swipe-overlay{position:absolute;top:50%;transform:translateY(-50%);padding:var(--spacing-6);font-size:var(--font-size-2xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);border-width:3px;z-index:10}.swipe-card-full .swipe-overlay-like{right:var(--spacing-4);transform:translateY(-50%) rotate(12deg)}.swipe-card-full .swipe-overlay-nope{left:var(--spacing-4);transform:translateY(-50%) rotate(-12deg)}.swipe-actions-full{display:flex;justify-content:center;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));position:sticky;bottom:0}.swipe-btn-main{width:64px;height:64px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--transition-spring);box-shadow:var(--shadow-lg)}.swipe-btn-main:hover{transform:scale(1.15) translateY(-4px)}.swipe-btn-main:active{transform:scale(.95)}.swipe-btn-nope-main{background:#fff;color:var(--color-error);border:3px solid var(--color-error)}.swipe-btn-nope-main:hover{box-shadow:var(--shadow-lg),0 0 24px #ef444466}.swipe-btn-like-main{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;border:none}.swipe-btn-like-main:hover{box-shadow:var(--shadow-lg),0 0 24px #22c55e80}.swipe-btn-secondary{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:2px solid var(--border-medium);color:var(--text-secondary);transition:all var(--transition-fast)}.swipe-btn-secondary:hover{border-color:var(--color-primary-500);color:var(--color-primary-500);transform:scale(1.08)}.swipe-progress{display:flex;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-4)}.swipe-progress-dot{flex:1;height:3px;background:var(--border-light);border-radius:var(--radius-full);transition:background var(--transition-fast)}.swipe-progress-dot.viewed{background:var(--border-medium)}.swipe-progress-dot.current{background:var(--gradient-primary)}.swipe-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:var(--spacing-8)}.swipe-empty-icon{width:100px;height:100px;border-radius:var(--radius-full);background:var(--gradient-primary-soft);display:flex;align-items:center;justify-content:center;font-size:48px;margin-bottom:var(--spacing-6)}.swipe-empty h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.swipe-empty p{color:var(--text-secondary);margin-bottom:var(--spacing-6)}@media(min-width:1024px){.swipe-container-full{max-width:440px;height:calc(100vh - 120px);height:calc(100dvh - 120px)}.swipe-card-hero{height:180px}.quick-info-grid{grid-template-columns:repeat(4,1fr)}.header{padding:var(--spacing-4) var(--spacing-8)}.card-body{padding:var(--spacing-8)}}@media(min-width:1440px){.swipe-container-full{max-width:480px}.container{max-width:1400px}}@media(min-width:768px)and (max-width:1023px){.swipe-container-full{max-width:420px;height:calc(100vh - 160px)}.quick-info-grid{grid-template-columns:repeat(4,1fr)}.nav-bottom-list{max-width:500px}}@media(max-width:767px){.swipe-container-full{height:calc(100vh - 200px);height:calc(100dvh - 200px)}.swipe-card-hero{height:120px}.swipe-card-role{font-size:var(--font-size-lg)}.quick-info-grid{grid-template-columns:repeat(2,1fr)}.swipe-btn-main{width:56px;height:56px}.swipe-btn-secondary{width:42px;height:42px}.swipe-actions-full{gap:var(--spacing-3);padding:var(--spacing-3)}.header{padding:var(--spacing-3)}.header-logo{font-size:var(--font-size-lg)}.card-body{padding:var(--spacing-4)}}@media(max-width:374px){.swipe-container-full{height:calc(100vh - 220px)}.swipe-card-strip{padding:var(--spacing-2);gap:var(--spacing-2)}.strip-item,.section-label,.nav-bottom-item span{font-size:.65rem}}@media(max-height:600px)and (orientation:landscape){.swipe-container-full{height:calc(100vh - 100px)}.swipe-card-hero{height:100px}.swipe-actions-full{padding:var(--spacing-2)}.nav-bottom{padding:var(--spacing-1) 0;padding-bottom:max(var(--spacing-1),env(safe-area-inset-bottom))}}[data-theme=dark] .sidebar-user{background:#f9731614;border-color:#f9731626}[data-theme=dark] .sidebar-nav-item:hover{background:var(--bg-elevated)}[data-theme=dark] .sidebar-logout:hover{background:#ef44441a}.skeleton{background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark] .skeleton{background:linear-gradient(90deg,var(--color-neutral-800) 25%,var(--color-neutral-700) 50%,var(--color-neutral-800) 75%);background-size:200% 100%}.skeleton-text{display:flex;flex-direction:column;gap:var(--spacing-2)}.skeleton-line{height:.875rem}.skeleton-card{background:var(--bg-card);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-light)}.skeleton-card-content{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.skeleton-title{height:1.25rem}.skeleton-swipe-card{background:var(--bg-card);border-radius:var(--radius-2xl);overflow:hidden;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-4);box-shadow:var(--shadow-card)}.skeleton-strip{display:flex;gap:var(--spacing-4);justify-content:center;padding:var(--spacing-3)}.skeleton-sections{display:flex;flex-direction:column;gap:var(--spacing-4)}.skeleton-section{display:flex;flex-direction:column;gap:var(--spacing-2)}.skeleton-tags{display:flex;gap:var(--spacing-2)}.skeleton-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.skeleton-grid-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-3);background:var(--bg-elevated);border-radius:var(--radius-lg)}.skeleton-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.skeleton-list-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)}.skeleton-list-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2)}.page-skeleton{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6)}.swipe-skeleton{align-items:center;max-width:400px;margin:0 auto}.skeleton-header{text-align:center;display:flex;flex-direction:column;gap:var(--spacing-2);align-items:center}.skeleton-actions{display:flex;gap:var(--spacing-4);justify-content:center;margin-top:var(--spacing-4)}.skeleton-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-4)}.btn{position:relative;overflow:hidden}.btn-ripple{position:absolute;border-radius:50%;background:#fff6;transform:scale(0);animation:ripple-effect .6s ease-out forwards;pointer-events:none;width:150px;height:150px;margin-left:-75px;margin-top:-75px}@keyframes ripple-effect{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.btn-secondary .btn-ripple,.btn-ghost .btn-ripple{background:#f9731633}.btn-text{position:relative;z-index:1}.btn-icon-wrapper{position:relative;z-index:1;display:flex;align-items:center}.btn-loading{pointer-events:none}.btn-spinner{display:flex;align-items:center;justify-content:center}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover{background:#16a34a}.btn-xl{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg);border-radius:var(--radius-xl)}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.btn:focus-visible{box-shadow:0 0 0 3px #f9731666}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #f9731626}.card:focus-visible,a:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.section-expandable{overflow:hidden}.section-content-expand{animation:expand-content .3s ease-out forwards}@keyframes expand-content{0%{opacity:0;max-height:0;padding-top:0}to{opacity:1;max-height:500px;padding-top:var(--spacing-2)}}.section-content-collapse{animation:collapse-content .2s ease-in forwards}@keyframes collapse-content{0%{opacity:1;max-height:500px}to{opacity:0;max-height:0}}.toast-enter{transform:translate(100%);opacity:0}.toast-enter-active{transform:translate(0);opacity:1;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.toast-exit{transform:translate(0);opacity:1}.toast-exit-active{transform:translate(100%);opacity:0;transition:all .2s ease-in}.match-badge-pulse{animation:match-pulse 2s ease-in-out infinite}@keyframes match-pulse{0%,to{box-shadow:0 0 #f9731666}50%{box-shadow:0 0 0 8px #f9731600}}.input-floating{position:relative}.input-floating label{position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%);transition:all .2s ease;pointer-events:none;color:var(--text-tertiary);background:var(--bg-card);padding:0 var(--spacing-1)}.input-floating input:focus+label,.input-floating input:not(:placeholder-shown)+label{top:0;font-size:var(--font-size-xs);color:var(--color-primary-600)}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:#fff;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-xl);font-weight:var(--font-weight-semibold);z-index:9999;transition:top .3s ease;text-decoration:none;box-shadow:var(--shadow-lg)}.skip-link:focus{top:var(--spacing-4);outline:2px solid white;outline-offset:2px}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-6);background:var(--bg-primary)}.error-boundary-content{max-width:500px;text-align:center}.error-boundary-icon{width:96px;height:96px;border-radius:var(--radius-full);background:var(--color-error-light);color:var(--color-error);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-6)}.error-boundary h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-3);color:var(--text-primary)}.error-boundary p{color:var(--text-secondary);margin-bottom:var(--spacing-6);line-height:1.6}.error-boundary-details{text-align:left;background:var(--bg-elevated);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-6);font-size:var(--font-size-sm)}.error-boundary-details summary{cursor:pointer;font-weight:var(--font-weight-medium);color:var(--text-tertiary)}.error-boundary-details pre{margin-top:var(--spacing-3);padding:var(--spacing-3);background:var(--color-neutral-900);color:var(--color-error);border-radius:var(--radius-md);overflow-x:auto;font-size:var(--font-size-xs)}.error-boundary-actions{display:flex;gap:var(--spacing-3);justify-content:center;flex-wrap:wrap}.landing-page{min-height:100vh;overflow-x:hidden}.landing-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-6)}.landing-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#fffaf5e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light)}.landing-header .landing-container{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-6)}.landing-logo{display:flex;align-items:center;gap:var(--spacing-2)}.logo-bee{font-size:32px}.logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.landing-nav{display:flex;gap:var(--spacing-6)}.landing-nav a{color:var(--text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.landing-nav a:hover{color:var(--color-primary-600)}.landing-nav-actions{display:flex;gap:var(--spacing-3)}.landing-hero{min-height:100vh;padding-top:100px;position:relative;background:var(--gradient-hero);overflow:hidden}.hero-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-mesh);pointer-events:none}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:center;min-height:calc(100vh - 100px);padding:var(--spacing-12) var(--spacing-6)}.hero-text{max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--gradient-primary-soft);border-radius:var(--radius-full);color:var(--color-primary-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-6);border:1px solid rgba(249,115,22,.2)}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-weight-extrabold);line-height:1.1;margin-bottom:var(--spacing-6);letter-spacing:var(--letter-spacing-tight)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--font-size-xl);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-8)}.hero-cta{display:flex;gap:var(--spacing-4);flex-wrap:wrap;margin-bottom:var(--spacing-8)}.hero-trust{display:flex;align-items:center;gap:var(--spacing-4)}.trust-avatars{display:flex;align-items:center}.trust-avatars span{width:40px;height:40px;border-radius:var(--radius-full);background:var(--bg-card);border:2px solid white;display:flex;align-items:center;justify-content:center;font-size:18px;margin-left:-10px;box-shadow:var(--shadow-sm)}.trust-avatars span:first-child{margin-left:0}.trust-avatars span:last-child{background:var(--gradient-primary);color:#fff;font-size:12px;font-weight:var(--font-weight-bold)}.hero-trust p{color:var(--text-tertiary);font-size:var(--font-size-sm)}.hero-visual{display:flex;justify-content:center;align-items:center}.demo-phone{width:320px;background:var(--bg-card);border-radius:40px;padding:var(--spacing-4);box-shadow:var(--shadow-xl),0 0 60px #f9731626;border:1px solid var(--border-light);position:relative}.phone-notch{width:100px;height:30px;background:var(--color-neutral-900);border-radius:20px;margin:0 auto var(--spacing-4)}.demo-card{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);border-radius:24px;padding:var(--spacing-5);color:#fff;margin-bottom:var(--spacing-4)}.demo-card-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.demo-company-logo{width:48px;height:48px;background:#fff3;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-xl)}.demo-company-info{flex:1;display:flex;flex-direction:column}.demo-company{font-size:var(--font-size-xs);opacity:.8;text-transform:uppercase;letter-spacing:1px}.demo-role{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.demo-match{display:flex;align-items:center;gap:4px;background:#fff3;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-full);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.demo-card-body{margin-top:var(--spacing-3)}.demo-salary{font-size:var(--font-size-base);margin-bottom:var(--spacing-3);opacity:.9}.demo-tags{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.demo-tags span{padding:var(--spacing-1) var(--spacing-3);background:#fff3;border-radius:var(--radius-full);font-size:var(--font-size-xs)}.demo-swipe-hint{text-align:center;margin-top:var(--spacing-4);font-weight:var(--font-weight-medium)}.hint-like{color:#ffffffe6}.demo-actions{display:flex;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-2)}.demo-btn{width:56px;height:56px;border-radius:var(--radius-full);border:none;cursor:pointer;font-size:24px;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.demo-btn-nope{background:#fff;color:var(--color-error)}.demo-btn-star{background:#fff;color:var(--color-warning)}.demo-btn-like{background:var(--color-success);color:#fff}.hero-scroll-indicator{position:absolute;bottom:var(--spacing-8);left:50%;transform:translate(-50%);color:var(--text-tertiary)}.landing-stats{background:var(--color-neutral-900);padding:var(--spacing-12) var(--spacing-6)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-8);text-align:center}.stat-item{color:#fff}.stat-value{display:block;font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-2)}.stat-label{color:var(--color-neutral-400);font-size:var(--font-size-sm)}.landing-features{padding:var(--spacing-20) var(--spacing-6);background:var(--bg-secondary)}.section-header{text-align:center;margin-bottom:var(--spacing-16)}.section-header h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-3)}.section-header p{color:var(--text-secondary);font-size:var(--font-size-lg)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-8)}.feature-card{background:var(--bg-card);padding:var(--spacing-8);border-radius:var(--radius-2xl);border:1px solid var(--border-light);transition:all var(--transition-normal)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-200)}.feature-icon{width:64px;height:64px;border-radius:var(--radius-xl);background:var(--gradient-primary-soft);display:flex;align-items:center;justify-content:center;color:var(--color-primary-600);margin-bottom:var(--spacing-5)}.feature-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3)}.feature-card p{color:var(--text-secondary);line-height:1.6}.landing-how-it-works{padding:var(--spacing-20) var(--spacing-6);background:var(--bg-primary)}.how-it-works-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-6);position:relative}.how-step{text-align:center;position:relative}.step-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary-500);margin-bottom:var(--spacing-4)}.step-icon{width:80px;height:80px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto var(--spacing-5);box-shadow:var(--shadow-lg),var(--shadow-glow)}.step-content h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.step-content p{color:var(--text-secondary);font-size:var(--font-size-sm)}.step-connector{position:absolute;top:60px;right:-30px;width:60px;height:2px;background:var(--gradient-primary)}.landing-testimonials{padding:var(--spacing-20) var(--spacing-6);background:var(--bg-secondary)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-8)}.testimonial-card{background:var(--bg-card);padding:var(--spacing-8);border-radius:var(--radius-2xl);border:1px solid var(--border-light)}.testimonial-stars{display:flex;gap:4px;color:var(--color-warning);margin-bottom:var(--spacing-4)}.testimonial-text{font-size:var(--font-size-lg);line-height:1.7;margin-bottom:var(--spacing-6);color:var(--text-primary)}.testimonial-author{display:flex;align-items:center;gap:var(--spacing-3)}.author-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--gradient-primary-soft);display:flex;align-items:center;justify-content:center;font-size:24px}.author-info{display:flex;flex-direction:column}.author-name{font-weight:var(--font-weight-semibold)}.author-role{font-size:var(--font-size-sm);color:var(--text-tertiary)}.landing-faq{padding:var(--spacing-20) var(--spacing-6);background:var(--bg-primary)}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-3)}.faq-item{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);overflow:hidden}.faq-question{width:100%;padding:var(--spacing-5) var(--spacing-6);display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:left;color:var(--text-primary)}.faq-question:hover{background:var(--bg-elevated)}.faq-answer{overflow:hidden}.faq-answer p{padding:0 var(--spacing-6) var(--spacing-5);color:var(--text-secondary);line-height:1.7}.faq-item.open{border-color:var(--color-primary-300);box-shadow:var(--shadow-sm)}.landing-final-cta{padding:var(--spacing-20) var(--spacing-6);background:var(--bg-secondary)}.cta-card{background:var(--gradient-primary);border-radius:var(--radius-3xl);padding:var(--spacing-12);display:grid;grid-template-columns:1fr auto;gap:var(--spacing-8);align-items:center;color:#fff;overflow:hidden;position:relative}.cta-content h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.cta-content p{opacity:.9;margin-bottom:var(--spacing-6);max-width:500px}.cta-buttons{margin-bottom:var(--spacing-6)}.cta-buttons .btn{background:#fff;color:var(--color-primary-600)}.cta-buttons .btn:hover{background:var(--color-neutral-100)}.cta-features{display:flex;gap:var(--spacing-6);flex-wrap:wrap;font-size:var(--font-size-sm);opacity:.9}.cta-features span{display:flex;align-items:center;gap:var(--spacing-2)}.cta-visual{position:relative;width:200px;height:200px}.floating-cards{position:relative;width:100%;height:100%}.float-card{position:absolute;width:60px;height:60px;background:#fff3;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:28px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.float-card-1{top:10%;left:20%}.float-card-2{top:50%;right:10%}.float-card-3{bottom:10%;left:30%}.landing-footer{background:var(--color-neutral-900);color:#fff;padding:var(--spacing-16) var(--spacing-6) var(--spacing-8)}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-12);margin-bottom:var(--spacing-12)}.footer-brand{max-width:300px}.footer-brand .landing-logo{margin-bottom:var(--spacing-4)}.footer-brand .logo-text{color:#fff}.footer-brand p{color:var(--color-neutral-400);font-size:var(--font-size-sm)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-8)}.footer-col h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4);color:#fff}.footer-col a{display:block;color:var(--color-neutral-400);text-decoration:none;font-size:var(--font-size-sm);padding:var(--spacing-1) 0;transition:color var(--transition-fast)}.footer-col a:hover{color:var(--color-primary-400)}.footer-bottom{padding-top:var(--spacing-8);border-top:1px solid var(--color-neutral-800);text-align:center;color:var(--color-neutral-500);font-size:var(--font-size-sm)}@media(max-width:1023px){.landing-nav{display:none}.hero-content{grid-template-columns:1fr;text-align:center;padding-top:var(--spacing-8)}.hero-text{max-width:100%}.hero-cta,.hero-trust{justify-content:center}.hero-visual{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}.how-it-works-grid{grid-template-columns:1fr;gap:var(--spacing-10)}.step-connector{display:none}.testimonials-grid{grid-template-columns:1fr}.cta-card{grid-template-columns:1fr;text-align:center}.cta-visual{display:none}.cta-features{justify-content:center}.footer-content{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.landing-header .landing-container{padding:var(--spacing-3) var(--spacing-4)}.logo-bee{font-size:28px}.hero-title{font-size:clamp(2rem,8vw,3rem)}.hero-cta{flex-direction:column;width:100%}.hero-cta .btn{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-6)}.stat-value{font-size:var(--font-size-3xl)}.section-header h2{font-size:var(--font-size-2xl)}.feature-card{padding:var(--spacing-6)}.footer-links{grid-template-columns:1fr;gap:var(--spacing-6)}}[data-theme=dark] .landing-header{background:#171717e6}[data-theme=dark] .landing-hero{background:var(--bg-primary)}[data-theme=dark] .demo-phone{background:var(--bg-card);border-color:var(--border-light)}[data-theme=dark] .phone-notch{background:var(--color-neutral-700)}[data-theme=dark] .demo-btn-nope,[data-theme=dark] .demo-btn-star{background:var(--bg-elevated)}[data-theme=dark] .trust-avatars span{border-color:var(--bg-primary)}.match-celebration{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000}.match-content{text-align:center;padding:var(--spacing-8)}.match-hearts{display:flex;justify-content:center;gap:var(--spacing-4);font-size:48px;margin-bottom:var(--spacing-4)}.match-text{font-size:clamp(2.5rem,8vw,4rem);font-weight:var(--font-weight-extrabold);background:linear-gradient(135deg,gold,#f97316,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(249,115,22,.5);margin-bottom:var(--spacing-4)}.match-subtitle{color:#fff;font-size:var(--font-size-xl);margin-bottom:var(--spacing-6);opacity:.9}.match-avatar{margin-bottom:var(--spacing-6)}.match-company-logo,.match-user-avatar{width:80px;height:80px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:var(--font-weight-bold);color:#fff;margin:0 auto;box-shadow:0 0 30px #f9731680}.match-actions{display:flex;flex-direction:column;gap:var(--spacing-3);align-items:center}.swipe-btn-star{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;border:none}.swipe-btn-secondary.saved{background:linear-gradient(135deg,#fdba74,#f97316);color:#fff;border:none}.swipe-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) var(--spacing-4)}.swipe-counter{color:var(--text-tertiary);font-size:var(--font-size-xs)}.swipe-keyboard-hint{color:var(--text-tertiary);font-size:var(--font-size-xs);opacity:.7}@media(max-width:767px){.swipe-keyboard-hint{display:none}}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-error);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 4px #ef444466;animation:notification-pulse 2s ease-in-out infinite}@keyframes notification-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.nav-bottom-item,.sidebar-nav-item{position:relative}.unread-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:11px;font-weight:var(--font-weight-bold);min-width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 6px;margin-left:auto}.share-button{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-xl);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.share-button:hover{background:var(--gradient-primary-soft);border-color:var(--color-primary-300);color:var(--color-primary-600)}.nav-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--layout-sidebar-width);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--glass-border);display:flex;flex-direction:column;z-index:var(--z-sticky);transition:width .3s cubic-bezier(.4,0,.2,1),background .3s ease;box-shadow:4px 0 24px #00000005}.nav-sidebar.collapsed{width:var(--layout-sidebar-collapsed-width)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);border-bottom:1px solid var(--glass-border)}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-2)}.logo-icon{font-size:24px}.logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:var(--letter-spacing-tight)}.sidebar-toggle{width:28px;height:28px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);background:var(--bg-elevated);border:1px solid var(--border-light);transition:all var(--transition-fast)}.sidebar-toggle:hover{color:var(--text-primary);background:var(--gradient-primary-soft);border-color:var(--color-primary-300)}.sidebar-user{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);margin:var(--spacing-3);background:#f973160d;border:1px solid rgba(249,115,22,.1);border-radius:var(--radius-xl)}.sidebar-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);flex-shrink:0}.sidebar-user-info{display:flex;flex-direction:column;min-width:0}.sidebar-user-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:var(--font-size-xs);color:var(--text-tertiary)}.sidebar-nav{flex:1;padding:var(--spacing-3);overflow-y:auto}.sidebar-nav-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-1)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--spacing-3);padding:12px 16px;border-radius:var(--radius-lg);color:var(--text-secondary);font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden}.sidebar-nav-item:hover{background:#00000008;color:var(--text-primary);transform:translate(4px)}[data-theme=dark] .sidebar-nav-item:hover{background:#ffffff0d}.sidebar-nav-item.active{background:linear-gradient(135deg,#fff0e6,#ffeee0);color:#f97316;font-weight:600}[data-theme=dark] .sidebar-nav-item.active{background:#f9731626;color:#f97316}.sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:#f97316;border-top-right-radius:4px;border-bottom-right-radius:4px}.sidebar-footer{padding:var(--spacing-3);border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:var(--spacing-1)}.sidebar-action{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-xl);color:var(--text-secondary);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);width:100%}.sidebar-action:hover{background:var(--bg-secondary);color:var(--text-primary)}.sidebar-logout:hover{background:var(--color-error-light);color:var(--color-error)}.nav-bottom{position:fixed;bottom:0;left:0;right:0;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-border);padding:var(--spacing-2) 0;padding-bottom:max(var(--spacing-2),env(safe-area-inset-bottom));z-index:var(--z-sticky)}.nav-bottom-list{list-style:none;display:flex;justify-content:space-around;align-items:center;max-width:640px;margin:0 auto}.nav-bottom-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);color:var(--text-tertiary);text-decoration:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);min-width:64px;line-height:1.2;position:relative;border-radius:var(--radius-xl)}.nav-bottom-item:hover{color:var(--color-primary-500);background:var(--gradient-primary-soft)}.nav-bottom-item.active{color:var(--color-primary-600);font-weight:var(--font-weight-semibold)}.nav-bottom-item.active:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:var(--gradient-primary);border-radius:0 0 var(--radius-full) var(--radius-full)}.nav-bottom-item svg{width:22px;height:22px;transition:transform var(--transition-spring)}.nav-bottom-item:hover svg{transform:scale(1.08)}@media(min-width:1024px){.nav-bottom{display:none}}[title]{position:relative}.tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--color-neutral-900);color:#fff;font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);margin-bottom:var(--spacing-2)}[title]:hover .tooltip{opacity:1}@media(min-width:1024px){.swipe-container-full{max-width:1100px!important;width:100%!important}.swipe-card.swipe-card-full{width:100%!important;max-width:1100px!important}.swipe-card-content-wrapper{flex-direction:row!important;display:flex!important;height:100%}.swipe-card-column-left{width:400px!important;min-width:400px!important;max-width:400px!important;display:flex!important;flex-direction:column!important;border-right:1px solid var(--border-light)!important}.swipe-card-column-left .swipe-card-hero{flex:1!important;min-height:200px!important;height:auto!important}.swipe-card-column-right{flex:1!important;overflow-y:auto!important;padding:var(--spacing-6)!important}.desktop-only-grid{display:flex!important}.mobile-hint{display:none!important}.desktop-hint{display:flex!important;position:static!important;background:transparent!important;margin-top:auto!important;padding:var(--spacing-4) var(--spacing-5)!important;border-top:1px solid var(--border-light)!important}.swipe-actions-full{padding:var(--spacing-4) var(--spacing-6)!important;gap:var(--spacing-4)!important}}.swipe-page-layout{display:flex;flex-direction:column;gap:var(--spacing-6);height:100%;max-width:1200px;margin:0 auto;padding:var(--spacing-4)}@media(min-width:1024px){.swipe-page-layout{flex-direction:row;gap:var(--spacing-8);padding:0;align-items:stretch;min-height:calc(100vh - 100px)}}.swipe-card-container{flex:0 0 auto}@media(min-width:1024px){.swipe-card-container{flex:0 0 380px;display:flex;align-items:center}}.job-card-modern{background:linear-gradient(180deg,#f97316,#ea580c);border-radius:var(--radius-3xl);padding:var(--spacing-8);color:#fff;display:flex;flex-direction:column;min-height:480px;position:relative;box-shadow:0 20px 40px #f973164d}.job-card-logo-area{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-8)}.job-card-company-logo{width:72px;height:72px;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:var(--font-weight-bold);border:1px solid rgba(255,255,255,.3)}.job-card-company-name-small{font-size:var(--font-size-sm);opacity:.9}.job-card-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.job-card-logo-large{width:100px;height:100px;background:#fff;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:var(--font-weight-bold);color:#f97316;margin-bottom:var(--spacing-6);box-shadow:0 8px 24px #00000026}.job-card-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-2)}.job-card-meta{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-base);opacity:.9;margin-bottom:var(--spacing-4)}.meta-dot{opacity:.5}.job-card-match-badge{background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-2xl);padding:var(--spacing-3) var(--spacing-5);display:flex;flex-direction:column;align-items:center}.match-label{font-size:var(--font-size-xs);opacity:.8}.match-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.swipe-details-panel{flex:1;background:var(--bg-card);border-radius:var(--radius-3xl);padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-5);border:1px solid var(--border-light);overflow-y:auto}@media(min-width:1024px){.swipe-details-panel{padding:var(--spacing-8)}}.details-section{display:flex;flex-direction:column;gap:var(--spacing-2)}.details-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-2)}.details-section-title svg{color:var(--color-primary-500)}.details-text{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.tech-stack-pills{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.tech-pill{padding:var(--spacing-2) var(--spacing-4);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.requirements-list-modern{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-2)}.requirements-list-modern li{display:flex;align-items:center;gap:var(--spacing-2);color:var(--text-secondary);font-size:var(--font-size-base)}.req-check{color:var(--color-primary-500);flex-shrink:0}.swipe-action-buttons{display:flex;gap:var(--spacing-4);margin-top:auto;padding-top:var(--spacing-4)}.swipe-btn-skip,.swipe-btn-apply{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-2xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal)}.swipe-btn-skip{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-light)}.swipe-btn-skip:hover{background:var(--bg-elevated);color:var(--text-primary)}.swipe-btn-apply{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;box-shadow:0 4px 12px #f973164d}.swipe-btn-apply:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f9731666}.ai-loading{display:flex;align-items:center;gap:var(--spacing-2);color:var(--text-tertiary);font-size:var(--font-size-sm)}.swipe-empty-state{display:flex;align-items:center;justify-content:center;min-height:400px}.swipe-empty-content{text-align:center;padding:var(--spacing-8)}.swipe-empty-icon{font-size:64px;margin-bottom:var(--spacing-4)}.swipe-empty-content h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.swipe-empty-content p{color:var(--text-secondary)}.swipe-canvas-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 80px);background:var(--bg-page);padding:20px;position:relative;overflow:hidden}.unified-card{width:100%;max-width:400px;background:#fff;border-radius:32px;box-shadow:0 20px 40px #00000014,0 0 0 1px #0000000a;overflow:hidden;position:relative;display:flex;flex-direction:column;height:auto;min-height:600px}@media(min-width:1024px){.unified-card{max-width:1200px;flex-direction:row;height:650px}}.card-brand-column{flex:0 0 auto;width:100%;background:linear-gradient(135deg,#fff5eb,#fff);padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid var(--border-light);position:relative}@media(min-width:1024px){.card-brand-column{width:35%;height:100%;border-bottom:none;border-right:1px solid var(--border-light);justify-content:center}}.brand-logo-large{width:100px;height:100px;background:#fff;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:var(--color-primary-500);box-shadow:0 10px 30px #f9731626;margin-bottom:24px}.brand-info{text-align:center}.brand-name{font-size:18px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.brand-role{font-size:24px;font-weight:800;color:var(--text-primary);line-height:1.2;margin-bottom:24px}.match-ring-container{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-top:auto}@media(min-width:1024px){.match-ring-container{width:90px;height:90px}}.match-ring-value{font-size:28px;font-weight:800;color:var(--color-primary-600)}.match-ring-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);margin-top:2px}.card-content-column{flex:1;padding:32px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}@media(min-width:1024px){.card-content-column{padding:40px}}.content-section{display:flex;flex-direction:column;gap:12px}.section-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:700;color:var(--text-tertiary)}.ai-insight-box{background:#f0f9ff;border:1px solid #BAE6FD;border-radius:16px;padding:16px;position:relative}.ai-insight-text{font-size:14px;line-height:1.6;color:#0369a1;margin:0}.tech-cloud{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{padding:6px 14px;background:var(--bg-secondary);border-radius:100px;font-size:13px;font-weight:500;color:var(--text-secondary);border:1px solid transparent;transition:all .2s}.tech-tag:hover{border-color:var(--color-primary-200);background:var(--color-primary-50);color:var(--color-primary-700)}.description-text{font-size:15px;line-height:1.7;color:var(--text-secondary)}.floating-action-bar{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:16px;z-index:100;padding:16px 32px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;box-shadow:0 12px 48px #00000026;border:1px solid rgba(255,255,255,.6)}@media(min-width:1024px){.floating-action-bar{bottom:40px;gap:24px;padding:20px 40px}}.action-btn-circle{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;border:none;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px #0000001a;position:relative}@media(min-width:1024px){.action-btn-circle{width:72px;height:72px;font-size:28px}}.action-btn-circle:after{content:attr(data-key);position:absolute;bottom:-24px;left:50%;transform:translate(-50%);font-size:11px;color:var(--text-tertiary);background:var(--bg-secondary);padding:2px 8px;border-radius:4px;font-weight:600;opacity:0;transition:opacity .2s}@media(min-width:1024px){.action-btn-circle:hover:after{opacity:1}}.btn-pass{background:#fff;color:#ef4444;border:2px solid #FEE2E2}.btn-pass:hover{transform:scale(1.12);background:#fef2f2;border-color:#fecaca;box-shadow:0 8px 24px #ef444433}.btn-apply{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 8px 24px #f9731659}.btn-apply:hover{transform:scale(1.12);box-shadow:0 12px 32px #f9731673}.btn-undo{width:52px;height:52px;background:#fff;color:#64748b;font-size:20px;border:1px solid var(--border-light)}@media(min-width:1024px){.btn-undo{width:56px;height:56px}}.btn-undo:hover{transform:rotate(-30deg) scale(1.05);background:var(--bg-secondary);box-shadow:0 6px 16px #0000001a}.swipe-empty-v2 h2{border-radius:16px;padding:8px 16px;text-align:center;flex-shrink:0}.match-label-v2{display:block;font-size:11px;opacity:.8;margin-bottom:2px}.match-value-v2{display:block;font-size:20px;font-weight:700}.details-panel-v2{flex:1;background:#fff;border-radius:28px;padding:32px;display:flex;flex-direction:column;gap:24px;box-shadow:0 4px 12px #0000000f}.panel-section-v2{display:flex;flex-direction:column;gap:8px}.section-title-v2{font-size:18px;font-weight:700;color:#1a1a1a;margin:0}.section-text-v2{font-size:15px;color:#666;line-height:1.5;margin:0}.tech-pills-v2{display:flex;flex-wrap:wrap;gap:8px}.tech-pill-v2{padding:8px 16px;background:transparent;border:1.5px solid #e0e0e0;border-radius:24px;font-size:14px;color:#444;font-weight:500;transition:all .2s ease;cursor:default}.tech-pill-v2:hover{border-color:#f97316;color:#f97316;background:#f973160d}.requirements-v2{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.requirements-v2 li{display:flex;align-items:center;gap:10px;font-size:14px;color:#444}.check-icon-v2{width:20px;height:20px;background:#f97316;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.action-buttons-v2{display:flex;gap:16px;margin-top:auto;padding-top:16px}.btn-skip-v2,.btn-apply-v2{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:16px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-skip-v2{background:#e5e5e5;color:#666}.btn-skip-v2:hover{background:#d5d5d5;color:#333}.btn-apply-v2{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 4px 16px #f9731659}.btn-apply-v2:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f9731673}.ai-loading-v2{display:flex;align-items:center;gap:8px;color:#999;font-size:14px}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swipe-empty-v2{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px;background:#fff;border-radius:24px}.swipe-empty-v2 .empty-icon{font-size:56px;margin-bottom:16px}.swipe-empty-v2 h2{font-size:20px;font-weight:700;margin:0 0 8px}.swipe-empty-v2 p{color:#666;margin:0}.card-glow{position:relative;background:var(--bg-card);transition:all .3s cubic-bezier(.4,0,.2,1)}.card-glow:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:linear-gradient(135deg,#f9731600,#f9731600);z-index:-1;transition:all .4s ease;opacity:0}.card-glow:hover:before{background:linear-gradient(135deg,#f973164d,#ea580c33,#f973164d);opacity:1;filter:blur(8px)}.card-glow:hover{box-shadow:0 8px 32px #f973161f,0 4px 16px #0000000f;transform:translateY(-4px)}.stat-card-enhanced{background:linear-gradient(135deg,#fffffff2,#ffffffd9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);position:relative;overflow:hidden}.stat-card-enhanced:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.stat-card-enhanced:hover:after{transform:scaleX(1)}[data-theme=dark] .stat-card-enhanced{background:linear-gradient(135deg,#27272af2,#27272ad9);border-color:#ffffff1a}.stat-icon-enhanced{position:relative;width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.stat-icon-enhanced:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:inherit;filter:blur(12px);opacity:.4;transform:scale(1.1);z-index:-1}.stat-card-enhanced:hover .stat-icon-enhanced{transform:scale(1.1) rotate(5deg)}.section-header-decorated{display:flex;align-items:center;gap:16px;margin-bottom:24px}.section-header-decorated h2,.section-header-decorated h3{font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap}.section-header-decorated:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--color-primary-300) 0%,transparent 100%);border-radius:1px}[data-theme=dark] .section-header-decorated:after{background:linear-gradient(90deg,var(--color-primary-600) 0%,transparent 100%)}.avatar-ring{position:relative;display:inline-flex;padding:3px;border-radius:50%;background:linear-gradient(135deg,#f97316,#ea580c,#f97316);background-size:200% 200%;animation:avatarGradientShift 3s ease infinite}.avatar-ring:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:inherit;filter:blur(6px);opacity:.5;z-index:-1;animation:avatarPulse 2s ease-in-out infinite}.avatar-ring-inner{border-radius:50%;background:var(--bg-card);padding:3px}@keyframes avatarGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes avatarPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.match-new-indicator{position:absolute;top:-4px;right:-4px;width:14px;height:14px;background:var(--color-success);border-radius:50%;border:2px solid var(--bg-card);animation:matchIndicatorPulse 1.5s ease-in-out infinite}@keyframes matchIndicatorPulse{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 6px #22c55e00}}.badge-gradient{background:linear-gradient(135deg,#ff9a56,#f97316);color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:0 2px 8px #f973164d;transition:all .2s ease}.badge-gradient:hover{transform:scale(1.05);box-shadow:0 4px 12px #f9731666}.skill-badge-enhanced{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:12px;background:linear-gradient(135deg,#f973161a,#ea580c0d);color:var(--color-primary-700);font-size:14px;font-weight:500;border:1px solid rgba(249,115,22,.2);transition:all .25s ease}.skill-badge-enhanced:hover{background:linear-gradient(135deg,#f9731626,#ea580c1a);border-color:#f9731666;transform:translateY(-2px);box-shadow:0 4px 12px #f9731626}[data-theme=dark] .skill-badge-enhanced{background:linear-gradient(135deg,#f9731626,#ea580c1a);color:var(--color-primary-300);border-color:#f9731640}.panel-section-improved{padding:20px;background:linear-gradient(180deg,rgba(255,255,255,.5) 0%,transparent 100%);border-radius:16px;margin-bottom:16px;border:1px solid rgba(0,0,0,.04);transition:all .2s ease}.panel-section-improved:hover{background:linear-gradient(180deg,rgba(249,115,22,.03) 0%,transparent 100%);border-color:#f973161a}[data-theme=dark] .panel-section-improved{background:linear-gradient(180deg,rgba(39,39,42,.5) 0%,transparent 100%);border-color:#ffffff0f}[data-theme=dark] .panel-section-improved:hover{background:linear-gradient(180deg,rgba(249,115,22,.05) 0%,transparent 100%)}.welcome-section{position:relative;padding:32px;margin:-16px -16px 24px;border-radius:24px;background:linear-gradient(135deg,rgba(249,115,22,.08) 0%,rgba(255,154,86,.05) 50%,transparent 100%);overflow:hidden}.welcome-section:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,rgba(249,115,22,.1) 0%,transparent 70%);transform:translate(30%,-30%)}.welcome-section h1{position:relative;z-index:1}[data-theme=dark] .welcome-section{background:linear-gradient(135deg,rgba(249,115,22,.12) 0%,rgba(255,154,86,.06) 50%,transparent 100%)}.cta-card-animated{position:relative;overflow:hidden;border-radius:28px!important}.cta-card-animated:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;border-radius:inherit;background:linear-gradient(135deg,#fff6,#ffffff1a,#fff6);background-size:200% 200%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ctaBorderShift 4s linear infinite}@keyframes ctaBorderShift{0%{background-position:0% 50%}to{background-position:200% 50%}}.nav-active-indicator{position:absolute;left:0;width:4px;height:100%;background:var(--gradient-primary);border-radius:0 4px 4px 0;transform:scaleY(0);transform-origin:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.sidebar-nav-item.active .nav-active-indicator{transform:scaleY(.6)}.notification-badge-enhanced{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:11px;font-weight:700;border-radius:11px;box-shadow:0 2px 8px #ef444466;animation:badgeEntrance .3s cubic-bezier(.34,1.56,.64,1)}@keyframes badgeEntrance{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.match-card-new{position:relative}.match-card-new:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gradient-primary);border-radius:4px 0 0 4px}.profile-header-gradient{position:relative;overflow:hidden}.profile-header-gradient:before{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(135deg,#f973161a,#ea580c0d);border-radius:24px 24px 0 0;z-index:0}.profile-header-gradient>*{position:relative;z-index:1}.social-link-enhanced{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:14px;color:var(--text-primary);text-decoration:none;transition:all .25s ease}.social-link-enhanced:hover{border-color:var(--color-primary-300);background:linear-gradient(135deg,rgba(249,115,22,.05) 0%,transparent 100%);transform:translate(4px);box-shadow:-4px 0 0 var(--color-primary-500)}.social-link-enhanced svg{color:var(--color-primary-500);transition:transform .2s ease}.social-link-enhanced:hover svg{transform:scale(1.1)}.filter-pill-enhanced{position:relative;padding:12px 24px;border-radius:28px;background:var(--bg-card);border:1.5px solid var(--border-light);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .25s ease;overflow:hidden}.filter-pill-enhanced:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-primary);opacity:0;transition:opacity .25s ease}.filter-pill-enhanced:hover{border-color:var(--color-primary-400);color:var(--color-primary-600)}.filter-pill-enhanced.active{border-color:transparent;color:#fff}.filter-pill-enhanced.active:before{opacity:1}.filter-pill-enhanced span{position:relative;z-index:1}.typing-indicator{display:flex;align-items:center;gap:4px;padding:12px 16px}.typing-dot{width:8px;height:8px;background:var(--color-primary-400);border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.count-up-value{display:inline-block;font-variant-numeric:tabular-nums}.ai-tip-card{position:relative;overflow:hidden}.ai-tip-card:before{content:"";position:absolute;top:0;right:0;width:150px;height:150px;background:radial-gradient(circle,rgba(249,115,22,.08) 0%,transparent 70%);pointer-events:none}.ai-tip-card:after{content:"✨";position:absolute;top:12px;right:12px;font-size:20px;opacity:.5;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:.5;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(15deg)}}.nav-bottom-enhanced{background:linear-gradient(180deg,#fffffff2,#fff);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.06);box-shadow:0 -4px 24px #0000000f}[data-theme=dark] .nav-bottom-enhanced{background:linear-gradient(180deg,#18181bf2,#18181b);border-top-color:#ffffff14;box-shadow:0 -4px 24px #0000004d}.page-title-enhanced{font-size:32px;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:28px}.quick-actions-bar{display:flex;gap:12px;padding:16px;background:var(--bg-card);border-radius:20px;border:1px solid var(--border-light);margin-bottom:24px}.quick-action-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:transparent;border:none;border-radius:14px;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .25s ease}.quick-action-btn:hover{background:var(--gradient-primary-soft);color:var(--color-primary-600)}.quick-action-btn svg{transition:transform .2s ease}.quick-action-btn:hover svg{transform:scale(1.15)}.match-list-container{display:flex;flex-direction:column;gap:var(--spacing-4)}.match-card-content{display:flex;gap:var(--spacing-4)}.match-avatar-wrapper{position:relative}.match-avatar-ring{padding:0;transition:all .2s ease}.match-avatar-ring.has-unread{padding:3px;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:calc(var(--radius-xl) + 3px)}.match-avatar{width:56px;height:56px;border-radius:var(--radius-xl);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);overflow:hidden;position:relative;z-index:1}.match-avatar.unread-mode{background:#fff;color:var(--color-primary-600)}.match-avatar-img{width:100%;height:100%;object-fit:cover}.match-new-indicator{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:var(--color-error);border:2px solid white;border-radius:50%;z-index:2}.match-details{flex:1;min-width:0}.match-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-1)}.match-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--text-primary)}.match-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.match-message-preview{font-size:var(--font-size-sm);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-meta-row{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-3);align-items:center}.match-meta-item{font-size:var(--font-size-xs);color:var(--text-tertiary)}.match-actions{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--border-light)}.job-tags-container{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:16px}.job-tag-item{background:#fff;display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:13px;color:var(--text-secondary);font-weight:500;box-shadow:var(--shadow-sm)}.job-salary-text{font-size:18px;font-weight:700;color:var(--text-primary)}.match-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.match-overlay-content{text-align:center;color:#fff}.match-overlay-title{font-size:4rem;margin-bottom:1rem;font-weight:800;background:linear-gradient(135deg,#f97316,#fdba74);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.match-overlay-text{font-size:1.5rem;opacity:.9}.loading-full-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh}.loading-text{margin-top:20px;color:var(--text-secondary);font-size:var(--font-size-sm)}