@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&family=JetBrains+Mono:wght@500;700&display=swap";:root{--color-bg-primary: #030304;--color-bg-secondary: #0a0a0f;--color-bg-glass: rgba(20, 20, 30, .6);--backdrop-blur: blur(16px);--color-bg-card: var(--color-bg-glass);--color-accent-primary: #00d4ff;--color-accent-secondary: #8B5CF6;--color-accent-gold: #FFD700;--gradient-primary: linear-gradient(135deg, #00d4ff 0%, #0072ff 100%);--gradient-gold: linear-gradient(135deg, #FFD700 0%, #FDB931 100%);--gradient-dark: linear-gradient(180deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%);--color-danger: #EF4444;--color-danger-glow: rgba(239, 68, 68, .4);--color-success: #10B981;--color-success-glow: rgba(16, 185, 129, .4);--color-text-primary: #F8FAFC;--color-text-secondary: #94A3B8;--color-text-muted: #475569;--color-text-inverse: #000000;--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .15);--glow-primary: 0 0 20px rgba(0, 212, 255, .15);--font-family-base: "Inter", system-ui, sans-serif;--font-family-display: "Space Grotesk", system-ui, sans-serif;--font-family-data: "JetBrains Mono", monospace;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 48px;--font-size-hero: 72px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--z-modal: 50;--z-toast: 100;--transition-base: .2s cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);background-color:var(--color-bg-primary);background-image:radial-gradient(circle at 50% 0%,#1a1a2e 0%,transparent 40%),radial-gradient(circle at 100% 100%,#0f172a 0%,transparent 30%);background-attachment:fixed;color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display);font-weight:700;color:var(--color-text-primary);line-height:1.1;letter-spacing:-.02em}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}button{cursor:pointer;border:none;background:none;font-family:inherit}input,select,textarea,.input{font-family:inherit;background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-base);width:100%;transition:all var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 1px var(--color-accent-primary)}input::placeholder{color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-fast);font-size:var(--font-size-base);gap:var(--space-2);min-height:48px;line-height:1}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--color-accent-primary);color:var(--color-text-inverse);box-shadow:none}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-secondary{background:transparent;color:var(--color-accent-primary);border:2px solid var(--color-accent-primary);border-width:1px}.btn-secondary:hover:not(:disabled){background:#1fe0e61a}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-danger{background:#ef444426;color:var(--color-danger);border:1px solid var(--color-danger)}.btn-danger:hover:not(:disabled){background:#ef444440;box-shadow:var(--glow-danger)}.btn-success{background:var(--color-success-real);color:var(--color-bg-primary)}.btn:disabled,.btn-primary:disabled{background:var(--color-bg-tertiary);color:var(--color-text-muted);border-color:transparent;cursor:not-allowed;transform:none;opacity:.6}.btn-full{width:100%}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-4)}.card{background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--space-6)}.match-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.match-card-header{background:var(--color-bg-tertiary);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;text-align:center;border-bottom:1px solid var(--color-border)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-accent{color:var(--color-accent-primary)}.text-gold{color:var(--color-accent-gold)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-danger{color:var(--color-danger)}.chips-display{display:flex;gap:var(--space-1)}.chip{width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-danger);box-shadow:0 0 8px #ef444466}.chip.empty{background:var(--color-bg-tertiary);box-shadow:none;opacity:.3}.skill-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:700;color:var(--color-accent-primary)}.skill-badge.lg{width:48px;height:48px;font-size:var(--font-size-lg)}.table-badge{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);background:var(--color-accent-primary);color:var(--color-bg-primary);font-weight:700;font-size:var(--font-size-lg);border-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.05em}.badge-accent{background:var(--color-accent-primary);color:var(--color-text-inverse);box-shadow:var(--glow-accent)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.modal-title{font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:700}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.app-logo-text{font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:700;color:var(--color-accent-primary);letter-spacing:-.02em}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.grid{display:grid;gap:var(--space-4)}.grid-2{grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.grid-2{grid-template-columns:1fr}}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn var(--transition-base) ease-out}