@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--color-bg:linear-gradient(135deg,#f8fafc,#e2e8f0);--color-surface:#fffffff2;--color-surface-elevated:#fffffffa;--color-glass:#ffffffb3;--color-primary:#3b82f6;--color-primary-light:#dbeafe;--color-primary-dark:#1d4ed8;--color-secondary:#6366f1;--color-accent:#06b6d4;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-text:#0f172a;--color-text-muted:#64748b;--color-text-light:#94a3b8;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-border-dark:#cbd5e1;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-xl:0 25px 50px -12px #00000040;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1);--transition:all 0.25s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.35s cubic-bezier(0.4,0,0.2,1);--transition-bounce:all 0.4s cubic-bezier(0.68,-0.55,0.265,1.55);--spacing-xs:8px;--spacing-sm:12px;--spacing:20px;--spacing-lg:32px;--spacing-xl:48px;--spacing-2xl:64px;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:var(--color-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--color-text)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.01em;line-height:1.3;margin-bottom:.5rem}h1{font-size:clamp(2rem,5vw,3rem);font-weight:800}h2{font-size:clamp(1.5rem,4vw,2rem);font-weight:700}h3{font-size:clamp(1.25rem,3vw,1.5rem)}h3,h4{font-weight:600}h4{font-size:clamp(1.1rem,2.5vw,1.25rem)}h5{font-size:1.1rem}h5,h6{font-weight:500}h6{font-size:1rem}p{color:#0f172a;color:var(--color-text);margin-bottom:1rem}a{color:#3b82f6;color:var(--color-primary);text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}a:hover{color:#1d4ed8;color:var(--color-primary-dark)}.container{animation:fadeInUp .6s ease-out;margin:0 auto;max-width:900px;padding:20px;padding:var(--spacing);width:100%}.page-container{display:flex;flex-direction:column;min-height:100vh}.content-wrapper{display:flex;flex:1 1;flex-direction:column}.nav-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;background:var(--color-surface-elevated);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border);padding:1rem 0;position:sticky;top:0;z-index:1020;z-index:var(--z-sticky)}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px;padding:0 var(--spacing)}.nav-logo{color:#3b82f6;color:var(--color-primary);font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{display:flex;gap:2rem;list-style:none}.nav-link{color:#0f172a;color:var(--color-text);font-weight:500;position:relative;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.nav-link:after{background:#3b82f6;background:var(--color-primary);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width all .25s cubic-bezier(.4,0,.2,1);transition:width var(--transition);width:0}.nav-link.active:after,.nav-link:hover:after{width:100%}.nav-link:hover{color:#3b82f6;color:var(--color-primary)}.home-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px;padding:var(--spacing)}.home-content{max-width:900px;opacity:0;transform:translateY(30px);transition:all .35s cubic-bezier(.4,0,.2,1);transition:var(--transition-slow);width:100%}.home-content.animate-in{opacity:1;transform:translateY(0)}.home-title{-webkit-text-fill-color:#0000;animation:slideInDown .8s cubic-bezier(.25,.46,.45,.94) .2s both;background:linear-gradient(135deg,#3b82f6,#06b6d4);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;letter-spacing:-.02em;margin-bottom:48px;margin-bottom:var(--spacing-xl);text-align:center}.home-sections{display:flex;flex-direction:column;gap:32px;gap:var(--spacing-lg)}.home-loading{color:#64748b;color:var(--color-text-muted);padding:4rem 2rem;text-align:center}.home-loading p{font-size:1.1rem;margin-top:1rem}.user-profile-section{animation:slideInLeft .8s cubic-bezier(.25,.46,.45,.94) .4s both}.profile-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;background:var(--color-surface-elevated);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);overflow:hidden;padding:32px;padding:var(--spacing-lg);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.profile-card:before{background:linear-gradient(90deg,#3b82f6,#06b6d4);background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:20px 20px 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.profile-card:hover{border-color:#dbeafe;border-color:var(--color-primary-light);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.profile-header{align-items:center;display:flex;gap:20px;gap:var(--spacing);margin-bottom:32px;margin-bottom:var(--spacing-lg)}.profile-avatar-container{flex-shrink:0;position:relative}.profile-avatar{background:#fffffff2;background:var(--color-surface);border:4px solid #f1f5f9;border:4px solid var(--color-border-light);border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);height:80px;object-fit:cover;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:80px}.profile-avatar:hover{border-color:#dbeafe;border-color:var(--color-primary-light);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-md);transform:scale(1.05)}.profile-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#dbeafe,#f1f5f9);background:linear-gradient(135deg,var(--color-primary-light),var(--color-border-light));border:4px solid #f1f5f9;border:4px solid var(--color-border-light);border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);display:flex;height:80px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:80px}.avatar-icon{color:#64748b;color:var(--color-text-muted);font-size:2rem}.avatar-status-indicator{animation:pulse 2s infinite;background:#10b981;background:var(--color-success);border:3px solid #fff;border-radius:50%;bottom:4px;height:16px;position:absolute;right:4px;width:16px}.profile-info{flex:1 1;min-width:0}.profile-welcome{color:#0f172a;color:var(--color-text);font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:.5rem}.username{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#06b6d4);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text}.profile-stats{display:flex;flex-direction:column;gap:.5rem}.profile-stat-item{align-items:center;display:flex;font-size:.95rem;gap:.5rem}.profile-stat-value{background:#dbeafe;background:var(--color-primary-light);border-radius:6px;color:#3b82f6;color:var(--color-primary);font-size:.85rem;font-weight:600;padding:.25rem .5rem}.saved-profile-indicator{align-items:center;color:#10b981;color:var(--color-success);display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.check-icon{align-items:center;background:#10b981;background:var(--color-success);border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;width:18px}.profile-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:20px;margin-top:var(--spacing)}.cofounder-suggestion-card{animation:fadeInUp .6s ease-out both;background:#fffffffa;background:var(--color-surface-elevated);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);margin-bottom:20px;margin-bottom:var(--spacing);overflow:hidden;padding:0;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.cofounder-suggestion-card:before{background:linear-gradient(90deg,#3b82f6,#06b6d4);background:linear-gradient(90deg,var(--color-primary),var(--color-accent));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity all .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition)}.cofounder-suggestion-card:hover{border-color:#dbeafe;border-color:var(--color-primary-light);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.cofounder-suggestion-card:hover:before{opacity:1}.card-header{justify-content:space-between;margin-bottom:12px;margin-bottom:var(--spacing-sm);padding:20px 20px 0;padding:var(--spacing) var(--spacing) 0}.avatar-section,.card-header{align-items:center;display:flex}.avatar-wrapper{display:inline-block;position:relative}.user-avatar{background:#fffffff2;background:var(--color-surface);border:3px solid #f1f5f9;border:3px solid var(--color-border-light);border-radius:50%;height:56px;object-fit:cover;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:56px}.user-avatar:hover{border-color:#dbeafe;border-color:var(--color-primary-light);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);transform:scale(1.05)}.status-indicator{border:3px solid #fff;border-radius:50%;bottom:2px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);height:14px;position:absolute;right:2px;width:14px}.status-indicator.online{animation:pulse 2s infinite;background:#10b981;background:var(--color-success)}.match-indicator,.match-score{align-items:center;display:flex}.match-score{background:linear-gradient(135deg,#3b82f6,#06b6d4);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);color:#fff;flex-direction:column;min-width:70px;padding:.75rem 1rem}.match-score:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-md)}.score-value{font-size:1.25rem;font-weight:700;line-height:1;margin-bottom:.125rem}.score-label{font-size:.75rem;font-weight:500;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.card-body{padding:0 20px 12px;padding:0 var(--spacing) var(--spacing-sm)}.user-info{margin-bottom:20px;margin-bottom:var(--spacing)}.username-link{text-decoration:none}.username,.username-link{transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.username{color:#3b82f6;color:var(--color-primary);font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.username-link:hover .username{color:#06b6d4;color:var(--color-accent);transform:translateX(4px)}.user-headline{color:#64748b;color:var(--color-text-muted);font-size:.95rem;font-weight:400;line-height:1.5;margin:0}.strengths-section{background:#fffffff2;background:var(--color-surface);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:12px;border-radius:var(--radius);margin-top:20px;margin-top:var(--spacing);padding:12px;padding:var(--spacing-sm)}.strengths-header{align-items:center;display:flex;gap:.5rem;margin-bottom:12px;margin-bottom:var(--spacing-sm)}.strengths-icon{font-size:1rem}.strengths-title{color:#0f172a;color:var(--color-text);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.strengths-grid{display:flex;flex-wrap:wrap;gap:.5rem}.strength-pill{background:linear-gradient(135deg,#dbeafe,#ffffffe6);background:linear-gradient(135deg,var(--color-primary-light),#ffffffe6);border:1px solid #dbeafe;border:1px solid var(--color-primary-light);border-radius:9999px;border-radius:var(--radius-full);color:#1d4ed8;color:var(--color-primary-dark);font-size:.8rem;font-weight:600;padding:.4rem .75rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.strength-pill:hover{background:linear-gradient(135deg,#3b82f6,#06b6d4);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-1px)}.strength-pill.overflow{background:#f1f5f9;background:var(--color-border-light);border-color:#e2e8f0;border-color:var(--color-border);color:#64748b;color:var(--color-text-muted)}.strength-pill.overflow:hover{background:#64748b;background:var(--color-text-muted);color:#fff}.card-footer{background:#fffffff2;background:var(--color-surface);border-top:1px solid #f1f5f9;border-top:1px solid var(--color-border-light);padding:20px;padding:var(--spacing)}.connect-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:12px;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.connect-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left all .25s cubic-bezier(.4,0,.2,1);transition:left var(--transition);width:100%}.connect-button:hover:before{left:100%}.connect-button:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.connect-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.connect-button.loading{pointer-events:none}.connect-icon{font-size:1rem;line-height:1}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:initial;height:16px;width:16px}@media (max-width:768px){.card-header{align-items:center;flex-direction:column;gap:12px;gap:var(--spacing-sm);text-align:center}.match-score{min-width:80px}.strengths-grid{justify-content:center}.user-info{text-align:center}}@media (max-width:480px){.cofounder-suggestion-card{margin-bottom:12px;margin-bottom:var(--spacing-sm)}.card-body,.card-footer,.card-header{padding:12px;padding:var(--spacing-sm)}.user-avatar{height:48px;width:48px}.username{font-size:1.1rem}.strength-pill{font-size:.75rem;padding:.3rem .6rem}}.career-hub-section{animation:slideInRight .8s cubic-bezier(.25,.46,.45,.94) .6s both;opacity:0;transform:translateY(30px);transition:all .35s cubic-bezier(.4,0,.2,1);transition:var(--transition-slow)}.career-hub-section.visible{opacity:1;transform:translateY(0)}.hub-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;background:var(--color-surface-elevated);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);overflow:hidden;padding:32px;padding:var(--spacing-lg);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.hub-card:before{background:radial-gradient(circle,#06b6d4 0,#0000 70%);background:radial-gradient(circle,var(--color-accent) 0,#0000 70%);border-radius:50%;content:"";height:100px;opacity:.1;position:absolute;right:0;top:0;transform:translate(30px,-30px);width:100px}.hub-card:hover{border-color:#06b6d4;border-color:var(--color-accent);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.hub-header{margin-bottom:20px;margin-bottom:var(--spacing)}.hub-title-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.hub-title{align-items:center;color:#0f172a;color:var(--color-text);display:flex;font-size:1.75rem;font-weight:700;gap:.5rem}.hub-icon{animation:bounce 2s infinite;font-size:2rem}.hub-badge{align-items:center;animation:pulse 3s infinite;background:linear-gradient(135deg,#06b6d4,#6366f1);background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);color:#fff;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.5rem 1rem}.ai-icon{font-size:1rem}.hub-description{color:#64748b;color:var(--color-text-muted);font-size:1.05rem;line-height:1.6;margin:0}.hub-features{margin:20px 0;margin:var(--spacing) 0}.feature-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.feature-item{align-items:center;background:#fffffff2;background:var(--color-surface);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:12px;border-radius:var(--radius);display:flex;gap:.75rem;padding:1rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.feature-item:hover{border-color:#dbeafe;border-color:var(--color-primary-light);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);transform:translateY(-2px)}.feature-icon{flex-shrink:0;font-size:1.5rem}.feature-text{color:#0f172a;color:var(--color-text);font-weight:500}.hub-actions{display:flex;flex-wrap:wrap;gap:1rem}.hub-btn{flex:1 1;min-width:200px}.auth-section{animation:slideInUp .8s cubic-bezier(.25,.46,.45,.94) .4s both}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;background:var(--color-surface-elevated);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);margin:0 auto;max-width:500px;overflow:hidden;padding:48px;padding:var(--spacing-xl);position:relative;text-align:center}.auth-card:before{animation:rotate 20s linear infinite;background:conic-gradient(from 0deg,#0000,#dbeafe,#0000);background:conic-gradient(from 0deg,#0000,var(--color-primary-light),#0000);content:"";height:200%;left:-50%;opacity:.1;position:absolute;top:-50%;width:200%}.auth-header{margin-bottom:32px;margin-bottom:var(--spacing-lg);position:relative;z-index:2}.auth-title{color:#0f172a;color:var(--color-text);font-size:2rem;font-weight:700;margin-bottom:1rem}.auth-description{color:#64748b;color:var(--color-text-muted);font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:400px}.auth-form{margin-bottom:32px;margin-bottom:var(--spacing-lg)}.auth-benefits,.auth-form{position:relative;z-index:2}.benefits-grid{grid-gap:1rem;border-top:1px solid #f1f5f9;border-top:1px solid var(--color-border-light);display:grid;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.benefit-item{align-items:center;display:flex;gap:.75rem;text-align:left}.benefit-icon{flex-shrink:0;font-size:1.25rem;text-align:center;width:24px}.benefit-text{color:#64748b;color:var(--color-text-muted);font-weight:500}.btn{align-items:center;border:1px solid #0000;border-radius:12px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;line-height:1.2;min-height:44px;overflow:hidden;padding:.875rem 1.5rem;position:relative;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left all .25s cubic-bezier(.4,0,.2,1);transition:left var(--transition);width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#3b82f6,#6366f1);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);color:#fff}.btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background:#fffffff2;background:var(--color-surface);border-color:#3b82f6;border-color:var(--color-primary);color:#3b82f6;color:var(--color-primary)}.btn-secondary:hover{background:#dbeafe;background:var(--color-primary-light);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);transform:translateY(-2px)}.btn-github{background:#24292e;color:#fff;font-size:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;width:100%}.btn-github:hover{background:#1a1e22;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-logout{background:#fffffff2;background:var(--color-surface);border-color:#ef4444;border-color:var(--color-error);color:#ef4444;color:var(--color-error)}.btn-logout:hover{background:#ef44441a;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);transform:translateY(-2px)}.btn-disabled{background:#f1f5f9;background:var(--color-border-light);color:#94a3b8;color:var(--color-text-light);cursor:not-allowed;opacity:.6}.btn-loading{opacity:.8;pointer-events:none}.btn-icon{font-size:1rem;line-height:1}.btn-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:initial;height:16px;width:16px}.btn-sm{font-size:.85rem;min-height:36px;padding:.5rem .75rem}.auth-login-button,.disabled-button,.logout-button,.primary-button,.secondary-button{@apply btn btn-github}.checkbox-container{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.5rem 0;text-align:left}.checkbox-input{opacity:0;pointer-events:none;position:absolute}.checkbox-custom{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:4px;flex-shrink:0;height:20px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:20px}.checkbox-input:checked+.checkbox-custom{background:#3b82f6;background:var(--color-primary);border-color:#3b82f6;border-color:var(--color-primary)}.checkbox-input:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:.8rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-label{color:#64748b;color:var(--color-text-muted);font-size:.9rem;line-height:1.4}.auth-checkbox-label,.checkmark-custom{@apply checkbox-custom}.section-block,section{animation:fadeIn .6s ease-out;background:#fffffff2;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);margin-bottom:20px;margin-bottom:var(--spacing);padding:24px;padding:calc(var(--spacing)*1.2);transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.section-block:hover,section:hover{border-color:#dbeafe;border-color:var(--color-primary-light);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.job-card{background:#fffffff2;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);margin-bottom:20px;margin-bottom:var(--spacing);overflow:hidden;padding:20px;padding:var(--spacing);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.job-card:before{background:linear-gradient(135deg,#3b82f6,#06b6d4);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity all .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition);z-index:1}.job-card:hover{border-color:#3b82f6;border-color:var(--color-primary);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-xl);transform:translateY(-6px) scale(1.02)}.job-card:hover:before{opacity:.03}.job-card>*{position:relative;z-index:2}.job-card-header{align-items:flex-start;animation:slideInLeft .6s ease-out .1s both;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.job-title{color:#3b82f6;color:var(--color-primary);cursor:default;font-size:1.25rem;font-weight:700;margin:0;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.job-title:hover{color:#06b6d4;color:var(--color-accent);transform:translateX(4px)}.company-name{animation:slideInLeft .6s ease-out .2s both;color:#64748b;color:var(--color-text-muted);font-size:1rem;font-weight:500;margin:0 0 1.5rem}.company-name,.match-score{transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.match-score{animation:fadeIn .6s ease-out .3s both;background:linear-gradient(135deg,#dbeafe,#fff);background:linear-gradient(135deg,var(--color-primary-light),#fff);border:1px solid #dbeafe;border:1px solid var(--color-primary-light);border-radius:8px;color:#1d4ed8;color:var(--color-primary-dark);font-size:.9rem;font-weight:600;padding:.5rem 1rem;white-space:nowrap}.match-score:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);transform:translateY(-2px) scale(1.05)}.ai-analysis-badge{align-items:center;animation:slideInLeft .6s ease-out .4s both;background:linear-gradient(135deg,#dbeafe,#ffffffe6);background:linear-gradient(135deg,var(--color-primary-light),#ffffffe6);border:1px solid #dbeafe;border:1px solid var(--color-primary-light);border-radius:12px;border-radius:var(--radius);color:#1d4ed8;color:var(--color-primary-dark);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.ai-analysis-badge:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);transform:translateY(-2px)}.job-link-button{animation:fadeIn .6s ease-out .7s both;margin-top:1rem}.page-header-section{align-items:center;animation:slideInLeft .8s ease-out .1s both;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--color-border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.page-title{-webkit-text-fill-color:#0000;animation:slideInLeft .8s ease-out .2s both;background:linear-gradient(135deg,#3b82f6,#06b6d4);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3rem);font-weight:800;margin:2rem 0;text-align:center}.expandable-content{animation:fadeIn .6s ease-out .6s both;overflow:hidden;transition:max-height all .35s cubic-bezier(.4,0,.2,1) ease-in-out;transition:max-height var(--transition-slow) ease-in-out}.expandable-content.expanded{max-height:2000px}.expandable-content:not(.expanded):after{background:linear-gradient(180deg,#0000,#fffffff2);background:linear-gradient(to bottom,#0000,var(--color-surface));bottom:0;content:"";height:60px;left:0;pointer-events:none;position:absolute;right:0}.read-more-button{background:none;border:none;color:#3b82f6;color:var(--color-primary);cursor:pointer;font-weight:600;margin-top:.5rem;padding:.5rem 0;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.read-more-button:after{background:#3b82f6;background:var(--color-primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width all .25s cubic-bezier(.4,0,.2,1);transition:width var(--transition);width:0}.read-more-button:hover{color:#06b6d4;color:var(--color-accent);transform:translateX(4px)}.read-more-button:hover:after{width:100%}.job-list-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.job-list-container .job-card{animation-delay:0s;animation-delay:calc(var(--index, 0)*.1s)}@media (min-width:800px){.job-list-container{grid-template-columns:repeat(2,1fr)}}.loading{animation:fadeIn .6s ease-out;background:#fffffff2;background:var(--color-surface);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);color:#64748b;color:var(--color-text-muted);font-size:1.1rem;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.loading:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#4f46e51a,#0000);content:"";height:100%;left:-200px;position:absolute;top:0;width:200px}.loading-spinner-large{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;border:3px solid var(--color-border);border-top-color:var(--color-primary);height:32px;margin:0 auto 1rem;width:32px}.loading-dots{display:inline-flex;gap:.25rem;margin-left:.5rem}.loading-dots span{animation:bounce 1.4s ease-in-out infinite both;background-color:#3b82f6;background-color:var(--color-primary);border-radius:50%;height:6px;width:6px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}.error-message{background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--color-error);border-radius:12px;border-radius:var(--radius);color:#ef4444;color:var(--color-error)}.error-message,.info-message{animation:fadeIn .6s ease-out;padding:1rem 1.5rem;text-align:center}.info-message{background:#fffffff2;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius);color:#64748b;color:var(--color-text-muted)}.success-message{animation:fadeIn .6s ease-out;background:#10b9811a;border:1px solid #10b981;border:1px solid var(--color-success);border-radius:12px;border-radius:var(--radius);color:#10b981;color:var(--color-success);padding:1rem 1.5rem;text-align:center}.cv-manager-section{background:#fffffff2;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);margin-bottom:20px;margin-bottom:var(--spacing);padding:32px;padding:var(--spacing-lg)}.cv-upload-area{border:2px dashed #e2e8f0;border:2px dashed var(--color-border);border-radius:12px;border-radius:var(--radius);cursor:pointer;padding:2rem;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.cv-upload-area.dragover,.cv-upload-area:hover{background:#dbeafe;background:var(--color-primary-light);border-color:#3b82f6;border-color:var(--color-primary)}.file-input{display:none}.upload-icon{font-size:3rem}.upload-icon,.upload-text{color:#64748b;color:var(--color-text-muted);margin-bottom:1rem}.file-info{background:#fffffff2;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius);justify-content:space-between;margin-top:1rem;padding:1rem}.file-details,.file-info{align-items:center;display:flex}.file-details{gap:.5rem}.file-icon{color:#10b981;color:var(--color-success);font-size:1.2rem}.file-name{color:#0f172a;color:var(--color-text);font-weight:500}.file-size{color:#64748b;color:var(--color-text-muted);font-size:.9rem}.remove-file-btn{background:none;border:none;border-radius:4px;color:#ef4444;color:var(--color-error);cursor:pointer;padding:.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.remove-file-btn:hover{background:#ef44441a}.form-group{margin-bottom:1.5rem}.form-label{color:#0f172a;color:var(--color-text);display:block;font-weight:500;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{background:#fffffff2;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius);font-size:1rem;padding:.75rem 1rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{min-height:120px;resize:vertical}.form-error{color:#ef4444;color:var(--color-error);font-size:.875rem;margin-top:.25rem}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050;z-index:var(--z-modal)}.modal-content{animation:scaleIn .3s ease-out;background:#fffffff2;background:var(--color-surface);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;padding:var(--spacing-lg);width:90%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--spacing);padding-bottom:20px;padding-bottom:var(--spacing)}.modal-title{font-size:1.5rem;font-weight:600;margin:0}.modal-close{background:none;border:none;color:#64748b;color:var(--color-text-muted);cursor:pointer;font-size:1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.modal-close:hover{color:#0f172a;color:var(--color-text)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-primary{color:#3b82f6;color:var(--color-primary)}.text-secondary{color:#6366f1;color:var(--color-secondary)}.text-muted{color:#64748b;color:var(--color-text-muted)}.text-success{color:#10b981;color:var(--color-success)}.text-error{color:#ef4444;color:var(--color-error)}.bg-primary{background-color:#3b82f6;background-color:var(--color-primary)}.bg-secondary{background-color:#6366f1;background-color:var(--color-secondary)}.bg-surface{background-color:#fffffff2;background-color:var(--color-surface)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.p-0{padding:0}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@media (max-width:768px){.container,.home-container{padding:1rem}.home-title{font-size:clamp(2rem,8vw,3rem);margin-bottom:20px;margin-bottom:var(--spacing)}.profile-header{gap:1rem;text-align:center}.profile-actions,.profile-header{flex-direction:column}.btn{width:100%}.hub-title-container{align-items:flex-start;flex-direction:column;gap:.5rem}.feature-grid{grid-template-columns:1fr}.hub-actions{flex-direction:column}.hub-btn{width:100%}.benefits-grid{gap:.75rem}.job-card-header,.page-header-section{align-items:flex-start;flex-direction:column}.job-card-header{gap:.5rem}.job-list-container{grid-template-columns:1fr}.nav-links{display:none}.modal-content{padding:20px;padding:var(--spacing);width:95%}.profile-header-content{flex-direction:column;gap:1rem;text-align:center}.profile-name-container{align-items:center;flex-direction:column;gap:.75rem}.profile-name{font-size:1.3rem}.profile-avatar-placeholder-main,.profile-main-avatar{height:56px;width:56px}.avatar-initials{font-size:1rem}.header-content{align-items:flex-start;flex-direction:column;text-align:center}.header-actions{justify-content:center;width:100%}.header-actions .btn{flex:1 1;min-width:120px}.section-content,.section-header{padding:1rem}.active-connection-item,.pending-request-item,.sent-request-item,.suggestion-item{flex-direction:column;gap:.75rem;text-align:center}.item-header{flex-direction:column;gap:.25rem;text-align:center}.item-actions{justify-content:center;width:100%}.item-actions .btn{flex:1 1}.cv-matcher-title-section{text-align:center}.matcher-subtitle{justify-content:center}.matcher-button{font-size:1rem;min-width:100%;padding:.875rem 1.5rem}.matcher-features{flex-direction:column;gap:1rem}.results-count-badge{font-size:.8rem;padding:.4rem .75rem}.generation-title-section{text-align:center}.generation-status{justify-content:center}.actions-container{flex-direction:column}.actions-container .btn{width:100%}}@media (max-width:480px){.profile-avatar,.profile-avatar-placeholder{height:60px;width:60px}.avatar-icon{font-size:1.5rem}.profile-welcome{font-size:1.25rem}.hub-title{font-size:1.5rem}.auth-card{padding:20px;padding:var(--spacing)}.btn{font-size:.9rem;padding:.75rem 1rem}.profile-avatar-placeholder-main,.profile-main-avatar{height:48px;width:48px}.avatar-initials{font-size:.9rem}.profile-name{font-size:1.2rem}.profile-headline{font-size:.9rem}.github-link-badge{font-size:.75rem;padding:.3rem .6rem}.empty-actions,.error-actions{flex-direction:column;width:100%}.empty-actions .btn,.error-actions .btn{width:100%}.count-badge{font-size:.75rem;padding:.2rem .4rem}.matcher-features .feature-item{font-size:.8rem}.section-header-content h3{font-size:1.1rem}.section-description{font-size:.9rem}.generation-counter,.limit-reached-badge{font-size:.8rem;padding:.4rem .75rem}}.btn:focus-visible,.checkbox-container:focus-visible,.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible,a:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.btn,.modal-overlay,.nav-bar{display:none!important}.container{max-width:none;padding:0}.job-card,.section-block{border:1px solid #ccc;box-shadow:none}}@media (prefers-contrast:high){:root{--color-border:#000;--color-text-muted:#333;--shadow:none;--shadow-lg:none;--shadow-xl:none}.btn{border:2px solid}}@media (prefers-color-scheme:dark){:root{--color-bg:linear-gradient(135deg,#0f172a,#1e293b);--color-surface:#1e293bf2;--color-surface-elevated:#1e293bfa;--color-text:#f8fafc;--color-text-muted:#94a3b8;--color-border:#334155;--color-border-light:#475569}}.profile-page-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:var(--color-bg);min-height:100vh;opacity:0;padding:20px;padding:var(--spacing);transform:translateY(30px);transition:all .35s cubic-bezier(.4,0,.2,1);transition:var(--transition-slow)}.profile-page-container.animate-in{opacity:1;transform:translateY(0)}.profile-page-header{animation:slideInDown .8s ease-out .2s both;margin-bottom:32px;margin-bottom:var(--spacing-lg)}.header-content{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--color-border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding-bottom:20px;padding-bottom:var(--spacing);position:relative}.header-content:after{animation:expandWidth 1s ease-out .5s both;background:linear-gradient(90deg,#3b82f6,#06b6d4);background:linear-gradient(90deg,var(--color-primary),var(--color-accent));bottom:-2px;content:"";height:2px;left:0;position:absolute;width:0}.header-actions{display:flex;flex-wrap:wrap;gap:.75rem}.profile-header-section{background:#fffffffa;background:var(--color-surface-elevated);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);margin-bottom:20px;margin-bottom:var(--spacing);overflow:hidden;padding:20px;padding:var(--spacing);position:relative}.profile-header-section:before{background:linear-gradient(90deg,#3b82f6,#06b6d4);background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:16px 16px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.profile-header-content{align-items:center;display:flex;gap:20px;gap:var(--spacing)}.profile-avatar-section{flex-shrink:0}.profile-avatar-wrapper{display:inline-block;position:relative}.profile-main-avatar{background:#fffffff2;background:var(--color-surface);border:2px solid #f1f5f9;border:2px solid var(--color-border-light);border-radius:50%;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);height:64px;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);width:64px}.profile-main-avatar:hover{border-color:#dbeafe;border-color:var(--color-primary-light);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);transform:scale(1.05)}.profile-main-avatar.loading{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.profile-avatar-placeholder-main{align-items:center;background:linear-gradient(135deg,#dbeafe,#06b6d4);background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent));border:2px solid #f1f5f9;border:2px solid var(--color-border-light);border-radius:50%;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);display:flex;height:64px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:64px}.profile-avatar-placeholder-main:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);transform:scale(1.05)}.avatar-initials{color:#1d4ed8;color:var(--color-primary-dark);font-size:1.2rem;font-weight:700;text-transform:uppercase}.avatar-status-dot{animation:pulse 2s infinite;background:#10b981;background:var(--color-success);border:2px solid #fff;border-radius:50%;bottom:2px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);height:12px;position:absolute;right:2px;width:12px}.profile-info-section{flex:1 1;min-width:0}.profile-name-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.profile-name{color:#0f172a;color:var(--color-text);font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.github-link-badge{align-items:center;background:#fffffff2;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius);color:#64748b;color:var(--color-text-muted);display:inline-flex;font-size:.8rem;font-weight:500;gap:.4rem;padding:.4rem .75rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.github-link-badge:hover{background:#dbeafe;background:var(--color-primary-light);border-color:#dbeafe;border-color:var(--color-primary-light);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);color:#3b82f6;color:var(--color-primary);transform:translateY(-1px)}.github-icon{transition:transform .2s ease}.profile-headline{color:#64748b;color:var(--color-text-muted);font-size:1rem;font-weight:400;line-height:1.4;margin:0}.profile-content-grid{grid-gap:32px;grid-gap:var(--spacing-lg);display:grid;gap:32px;gap:var(--spacing-lg);grid-template-columns:2fr 1fr;margin:0 auto;max-width:1400px}.profile-main-content{animation:slideInLeft .8s ease-out .4s both}.profile-sidebar{animation:slideInRight .8s ease-out .6s both}.profile-empty-state,.profile-error-state,.profile-loading{align-items:center;animation:fadeIn .6s ease-out;background:#fffffff2;background:var(--color-surface);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:48px;padding:var(--spacing-xl);text-align:center}.profile-empty-state p,.profile-error-state p,.profile-loading p{color:#64748b;color:var(--color-text-muted);font-size:1.1rem;margin-top:1rem}.empty-icon,.error-icon{font-size:4rem;margin-bottom:1rem}.empty-actions,.error-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.connections-section{background:#fffffff2;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);margin-bottom:20px;margin-bottom:var(--spacing);overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.connections-section:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.section-header{align-items:center;background:#fffffffa;background:var(--color-surface-elevated);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:20px;padding:var(--spacing)}.section-header h3{align-items:center;color:#0f172a;color:var(--color-text);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.section-icon{font-size:1.2rem}.count-badge{background:#3b82f6;background:var(--color-primary);border-radius:9999px;border-radius:var(--radius-full);color:#fff;font-size:.8rem;font-weight:600;min-width:24px;padding:.25rem .5rem;text-align:center}.count-badge.urgent{animation:pulse 2s infinite;background:#f59e0b;background:var(--color-warning)}.count-badge.success{background:#10b981;background:var(--color-success)}.section-content{padding:20px;padding:var(--spacing)}.section-empty,.section-error,.section-loading{align-items:center;color:#64748b;color:var(--color-text-muted);display:flex;flex-direction:column;padding:2rem 1rem;text-align:center}.section-loading .loading-spinner-large{margin-bottom:1rem}.section-error{color:#ef4444;color:var(--color-error)}.section-empty{color:#94a3b8;color:var(--color-text-light)}.section-empty small{margin-top:.5rem}.items-container{display:flex;flex-direction:column;gap:.75rem}.active-connection-item,.pending-request-item,.sent-request-item,.suggestion-item{align-items:center;animation:fadeInUp .6s ease-out both;background:#fffffff2;background:var(--color-surface);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:12px;border-radius:var(--radius);display:flex;gap:1rem;padding:1rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.active-connection-item:hover,.pending-request-item:hover,.sent-request-item:hover,.suggestion-item:hover{border-color:#dbeafe;border-color:var(--color-primary-light);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);transform:translateY(-2px)}.item-avatar-container{flex-shrink:0;position:relative}.item-avatar{border:2px solid #f1f5f9;border:2px solid var(--color-border-light);border-radius:50%;height:48px;object-fit:cover;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:48px}.item-avatar:hover{border-color:#dbeafe;border-color:var(--color-primary-light);transform:scale(1.05)}.avatar-status{border:2px solid #fff;border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}.avatar-status.online{background:#10b981;background:var(--color-success)}.avatar-status.pending{background:#f59e0b;background:var(--color-warning)}.avatar-status.connected{background:#3b82f6;background:var(--color-primary)}.avatar-status.sent{background:#3b82f6;background:var(--color-info)}.item-content{flex:1 1;min-width:0}.item-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.25rem}.item-name-link{color:#3b82f6;color:var(--color-primary);font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.item-name-link:hover{color:#06b6d4;color:var(--color-accent);text-decoration:underline}.item-name{color:#0f172a;color:var(--color-text);font-weight:600}.match-score-badge{background:linear-gradient(135deg,#dbeafe,#fff);background:linear-gradient(135deg,var(--color-primary-light),#fff);border:1px solid #dbeafe;border:1px solid var(--color-primary-light);border-radius:6px;color:#1d4ed8;color:var(--color-primary-dark);font-size:.8rem;font-weight:600;padding:.25rem .5rem}.connection-status,.request-time{color:#64748b;color:var(--color-text-muted);font-size:.8rem}.item-headline,.item-message{color:#64748b;color:var(--color-text-muted);font-size:.9rem;margin:.25rem 0}.item-strengths{margin-top:.5rem}.strengths-label{color:#64748b;color:var(--color-text-muted);display:block;font-size:.8rem;margin-bottom:.25rem}.strengths-tags{display:flex;flex-wrap:wrap;gap:.25rem}.strength-tag{background:#f1f5f9;background:var(--color-border-light);border-radius:4px;color:#0f172a;color:var(--color-text);font-size:.75rem;font-weight:500;padding:.2rem .4rem}.strength-tag.more{background:#dbeafe;background:var(--color-primary-light);color:#1d4ed8;color:var(--color-primary-dark)}.item-links{margin-top:.5rem}.external-link{align-items:center;color:#3b82f6;color:var(--color-primary);display:inline-flex;font-size:.9rem;gap:.25rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.external-link:hover{color:#06b6d4;color:var(--color-accent)}.link-icon{font-size:.8rem}.item-actions{display:flex;flex-shrink:0;gap:.5rem}.experience-section{animation:fadeInUp .6s ease-out .8s both}.experience-badge{align-items:center;background:#dbeafe;background:var(--color-primary-light);border:1px solid #dbeafe;border:1px solid var(--color-primary-light);border-radius:12px;border-radius:var(--radius);color:#1d4ed8;color:var(--color-primary-dark);display:flex;gap:.75rem;margin-top:1rem;padding:1rem 1.5rem}.experience-icon{font-size:1.5rem}.experience-text{font-size:1.1rem;font-weight:600}.generation-title-section{display:flex;flex-direction:column;gap:.5rem}.generation-status{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.generation-counter{align-items:center;background:#dbeafe;background:var(--color-primary-light);border:1px solid #dbeafe;border:1px solid var(--color-primary-light);border-radius:12px;border-radius:var(--radius);color:#1d4ed8;color:var(--color-primary-dark);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.counter-icon{font-size:1rem}.limit-reached-badge{align-items:center;background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--color-error);border-radius:12px;border-radius:var(--radius);color:#ef4444;color:var(--color-error);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.limit-icon{font-size:1rem}.generation-content{animation:fadeInUp .8s ease-out .4s both}.generation-actions{animation:fadeInUp .8s ease-out .6s both;margin-top:32px;margin-top:var(--spacing-lg)}.actions-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.generation-info{color:#64748b;color:var(--color-text-muted);font-size:.9rem;margin-top:1rem;text-align:center}.cv-matcher-title-section{display:flex;flex-direction:column;gap:.5rem}.matcher-subtitle{align-items:center;color:#64748b;color:var(--color-text-muted);display:flex;font-size:1rem;font-weight:500;gap:.5rem}.subtitle-icon{font-size:1.2rem}.cv-manager-wrapper{animation:fadeInUp .8s ease-out .4s both}.matcher-trigger-section{animation:fadeInUp .8s ease-out .6s both}.section-header-content{margin-bottom:20px;margin-bottom:var(--spacing)}.section-header-content h3{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.section-description{color:#64748b;color:var(--color-text-muted);line-height:1.6}.matcher-action-container{align-items:center;display:flex;flex-direction:column;gap:20px;gap:var(--spacing);text-align:center}.matcher-button{animation:scaleIn .6s ease-out .8s both;font-size:1.1rem;min-width:300px;padding:1rem 2rem}.matcher-features{animation:fadeInUp .6s ease-out 1s both;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.matcher-features .feature-item{align-items:center;color:#64748b;color:var(--color-text-muted);display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.matcher-features .feature-icon{font-size:1.1rem}.results-section{animation:fadeInUp .8s ease-out .8s both}.results-count-badge{align-items:center;animation:pulse 2s infinite;background:#10b981;background:var(--color-success);border-radius:12px;border-radius:var(--radius);color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.count-icon{font-size:1rem}.results-content{margin-top:20px;margin-top:var(--spacing)}.section-empty .empty-content,.section-error .error-content{margin-left:1rem}.section-empty h4,.section-error h4{font-size:1.1rem;margin:0 0 .5rem}.section-empty p,.section-error p{margin:0 0 .5rem}.section-empty small{color:#94a3b8;color:var(--color-text-light);font-size:.85rem}.language-stats-list{grid-gap:.75rem;display:grid;gap:.75rem;list-style:none;margin:0;padding:0}.language-stats-item{align-items:center;display:flex;gap:1rem}.lang-label{color:#3b82f6;color:var(--color-primary);font-weight:600;min-width:90px}.lang-bar-container{background:#f1f5f9;background:var(--color-border-light);border-radius:8px;flex:1 1;height:12px;margin-right:.5rem;overflow:hidden;position:relative}.lang-bar{border-radius:8px;display:block;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.lang-percent{color:#64748b;color:var(--color-text-muted);font-size:.95rem;font-weight:500;min-width:40px;text-align:right}.projects-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.project-card{background:#fffffff2;background:var(--color-surface);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.5rem;min-height:120px;padding:1rem 1.25rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.project-card:hover{border-color:#dbeafe;border-color:var(--color-primary-light);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.project-title{color:#3b82f6;color:var(--color-primary);font-size:1.07rem;font-weight:600;margin-bottom:.25rem}.project-highlight{color:#64748b;color:var(--color-text-muted);font-size:.97rem}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.accent-tag,.tag{background:linear-gradient(90deg,#dbeafe,#06b6d4);background:linear-gradient(90deg,var(--color-primary-light),var(--color-accent));border:none;border-radius:6px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-xs);color:#1d4ed8;color:var(--color-primary-dark);display:inline-block;font-size:.95rem;font-weight:600;letter-spacing:.01em;padding:.4em .85em;transition:background .2s}.accent-tag:hover{background:linear-gradient(90deg,#06b6d4,#3b82f6);background:linear-gradient(90deg,var(--color-accent),var(--color-primary));color:#fff}.accent-keyword{color:#06b6d4;color:var(--color-accent);display:block;font-size:1.08em;font-weight:700;margin-top:1em}.accent-list{list-style:disc inside;margin:.5em 0 1em 1.2em;padding:0}.accent-description p{color:#0f172a;color:var(--color-text);margin-bottom:.7em}@keyframes expandWidth{0%{width:0}to{width:100%}}@media (max-width:1024px){.profile-content-grid{gap:20px;gap:var(--spacing);grid-template-columns:1fr}.profile-sidebar{order:-1}}@media (max-width:768px){.profile-page-container{padding:1rem}.header-content{align-items:flex-start;flex-direction:column;text-align:center}.header-actions{justify-content:center;width:100%}.header-actions .btn{flex:1 1;min-width:120px}.section-content,.section-header{padding:1rem}.active-connection-item,.pending-request-item,.sent-request-item,.suggestion-item{flex-direction:column;gap:.75rem;text-align:center}.item-header{flex-direction:column;gap:.25rem;text-align:center}.item-actions{justify-content:center;width:100%}.item-actions .btn{flex:1 1}.cv-matcher-title-section{text-align:center}.matcher-subtitle{justify-content:center}.matcher-button{font-size:1rem;min-width:100%;padding:.875rem 1.5rem}.matcher-features{flex-direction:column;gap:1rem}.results-count-badge{font-size:.8rem;padding:.4rem .75rem}.generation-title-section{text-align:center}.generation-status{justify-content:center}.actions-container{flex-direction:column}.actions-container .btn{width:100%}}@media (max-width:480px){.empty-actions,.error-actions{flex-direction:column;width:100%}.empty-actions .btn,.error-actions .btn{width:100%}.count-badge{font-size:.75rem;padding:.2rem .4rem}.matcher-features .feature-item{font-size:.8rem}.section-header-content h3{font-size:1.1rem}.section-description{font-size:.9rem}.generation-counter,.limit-reached-badge{font-size:.8rem;padding:.4rem .75rem}}.cofounder-suggestion-card.enhanced{animation:fadeInUp .6s ease-out both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;background:var(--color-surface-elevated);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);margin-bottom:20px;margin-bottom:var(--spacing);overflow:hidden;padding:0;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.cofounder-suggestion-card.enhanced:before{background:linear-gradient(90deg,#3b82f6,#06b6d4);background:linear-gradient(90deg,var(--color-primary),var(--color-accent));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity all .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition)}.cofounder-suggestion-card.enhanced:hover{border-color:#dbeafe;border-color:var(--color-primary-light);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-xl);transform:translateY(-6px)}.cofounder-suggestion-card.enhanced:hover:before{opacity:1}.match-indicator.enhanced{align-items:center;display:flex;flex-direction:column;gap:.5rem}.match-progress{background:#ffffff4d;height:4px;margin-top:.25rem;overflow:hidden;width:70px}.match-progress,.match-progress-bar{border-radius:9999px;border-radius:var(--radius-full)}.match-progress-bar{background:#3b82f6;background:var(--color-primary);height:100%;position:relative;transition:width .8s cubic-bezier(.4,0,.2,1)}.match-progress-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.experience-badge-small{align-items:center;background:#fffffff2;background:var(--color-surface);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:12px;border-radius:var(--radius);color:#64748b;color:var(--color-text-muted);display:inline-flex;font-size:.8rem;font-weight:500;gap:.4rem;margin-top:.5rem;padding:.3rem .6rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.experience-badge-small:hover{background:#dbeafe;background:var(--color-primary-light);border-color:#dbeafe;border-color:var(--color-primary-light);color:#1d4ed8;color:var(--color-primary-dark);transform:translateY(-1px)}.experience-badge-small .experience-icon{font-size:.9rem}.matching-areas-section{background:linear-gradient(135deg,#dbeafe,#ffffffe6);background:linear-gradient(135deg,var(--color-primary-light),#ffffffe6);border:1px solid #dbeafe;border:1px solid var(--color-primary-light);border-radius:12px;border-radius:var(--radius);margin:12px 0;margin:var(--spacing-sm) 0;overflow:hidden;padding:12px;padding:var(--spacing-sm);position:relative}.matching-areas-section:before{background:radial-gradient(circle,#3b82f61a 0,#0000 70%);border-radius:50%;content:"";height:100%;position:absolute;right:-50%;top:-50%;width:100%}.matching-areas-header{align-items:center;display:flex;gap:.5rem;margin-bottom:12px;margin-bottom:var(--spacing-sm);position:relative;z-index:2}.matching-icon{color:#3b82f6;color:var(--color-primary);font-size:1rem}.matching-title{color:#1d4ed8;color:var(--color-primary-dark);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.matching-areas-list{display:flex;flex-direction:column;gap:.4rem;position:relative;z-index:2}.matching-area-item{align-items:center;background:#fffc;border:1px solid #3b82f633;border-radius:6px;display:flex;justify-content:space-between;padding:.4rem .6rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.matching-area-item:hover{background:#fff;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);transform:translateX(4px)}.area-name{color:#0f172a;color:var(--color-text);font-size:.8rem;font-weight:500;text-transform:capitalize}.area-score{background:#fff;border:1px solid #dbeafe;border:1px solid var(--color-primary-light);border-radius:4px;color:#3b82f6;color:var(--color-primary);font-size:.8rem;font-weight:700;padding:.2rem .4rem}.common-tech-section{background:#fffffff2;background:var(--color-surface);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:12px;border-radius:var(--radius);margin:12px 0;margin:var(--spacing-sm) 0;padding:12px;padding:var(--spacing-sm);position:relative}.common-tech-section:before{background:linear-gradient(135deg,#06b6d4,#3b82f6);background:linear-gradient(135deg,var(--color-accent),var(--color-primary));border-radius:0 12px 12px 0;border-radius:0 var(--radius) var(--radius) 0;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.common-tech-header{align-items:center;display:flex;gap:.5rem;margin-bottom:12px;margin-bottom:var(--spacing-sm);margin-left:12px;margin-left:var(--spacing-sm)}.tech-icon{color:#06b6d4;color:var(--color-accent);font-size:1rem}.tech-title{color:#0f172a;color:var(--color-text);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.common-tech-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-left:12px;margin-left:var(--spacing-sm)}.tech-pill{background:linear-gradient(135deg,#06b6d4,#06b6d41a);background:linear-gradient(135deg,var(--color-accent),#06b6d41a);border:1px solid #06b6d44d;border-radius:9999px;border-radius:var(--radius-full);color:#06b6d4;color:var(--color-accent);font-size:.75rem;font-weight:600;overflow:hidden;padding:.3rem .6rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.tech-pill:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left all .25s cubic-bezier(.4,0,.2,1);transition:left var(--transition);width:100%}.tech-pill:hover:before{left:100%}.tech-pill:hover{background:#06b6d4;background:var(--color-accent);border-color:#06b6d4;border-color:var(--color-accent);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-2px)}.tech-pill.common{background:linear-gradient(135deg,#10b981,#10b9811a);background:linear-gradient(135deg,var(--color-success),#10b9811a);border-color:#10b9814d;color:#10b981;color:var(--color-success)}.tech-pill.common:hover{background:#10b981;background:var(--color-success);border-color:#10b981;border-color:var(--color-success);color:#fff}.roles-section{background:#fffffff2;background:var(--color-surface);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:12px;border-radius:var(--radius);margin:12px 0;margin:var(--spacing-sm) 0;padding:12px;padding:var(--spacing-sm)}.roles-header{align-items:center;display:flex;gap:.5rem;margin-bottom:12px;margin-bottom:var(--spacing-sm)}.roles-icon{color:#6366f1;color:var(--color-secondary);font-size:1rem}.roles-title{color:#0f172a;color:var(--color-text);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.roles-list{display:flex;flex-wrap:wrap;gap:.4rem}.role-pill{background:linear-gradient(135deg,#6366f1,#6366f11a);background:linear-gradient(135deg,var(--color-secondary),#6366f11a);border:1px solid #6366f14d;border-radius:9999px;border-radius:var(--radius-full);color:#6366f1;color:var(--color-secondary);font-size:.75rem;font-weight:600;padding:.3rem .6rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.role-pill:hover{background:#6366f1;background:var(--color-secondary);border-color:#6366f1;border-color:var(--color-secondary);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-2px)}.connect-button.excellent{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-md)}.connect-button.excellent:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.connect-button.high{background:linear-gradient(135deg,#3b82f6,#6366f1);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.connect-button.medium{background:linear-gradient(135deg,#f59e0b,#d97706)}.connect-button.medium:hover{background:linear-gradient(135deg,#d97706,#b45309)}.connect-button.low{background:linear-gradient(135deg,#6b7280,#4b5563)}.connect-button.low:hover{background:linear-gradient(135deg,#4b5563,#374151)}.score-breakdown-toggle{border-top:1px solid #f1f5f9;border-top:1px solid var(--color-border-light);margin-top:12px;margin-top:var(--spacing-sm);padding-top:12px;padding-top:var(--spacing-sm)}.breakdown-toggle-btn{align-items:center;background:none;border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius);color:#3b82f6;color:var(--color-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between;padding:.5rem 1rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.breakdown-toggle-btn:hover{background:#dbeafe;background:var(--color-primary-light);border-color:#3b82f6;border-color:var(--color-primary);transform:translateY(-1px)}.toggle-arrow{transition:transform all .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition)}.breakdown-toggle-btn[aria-expanded=true] .toggle-arrow{transform:rotate(180deg)}.score-breakdown{animation:slideInUp .3s ease-out;background:#fffffff2;background:var(--color-surface);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:12px;border-radius:var(--radius);margin-top:12px;margin-top:var(--spacing-sm);padding:20px;padding:var(--spacing)}.score-breakdown h4{align-items:center;color:#0f172a;color:var(--color-text);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:20px;margin-bottom:var(--spacing)}.score-breakdown h4:before{content:"📊";font-size:1.2rem}.breakdown-grid{grid-gap:.75rem;display:grid;gap:.75rem}.breakdown-item{align-items:center;display:flex;gap:1rem;justify-content:space-between}.breakdown-category{color:#0f172a;color:var(--color-text);font-size:.85rem;font-weight:500;min-width:120px;text-transform:capitalize}.breakdown-score{align-items:center;display:flex;flex:1 1;gap:.5rem}.breakdown-bar{background:#f1f5f9;background:var(--color-border-light);flex:1 1;height:8px;overflow:hidden}.breakdown-bar,.breakdown-fill{border-radius:9999px;border-radius:var(--radius-full)}.breakdown-fill{background:linear-gradient(90deg,#3b82f6,#06b6d4);background:linear-gradient(90deg,var(--color-primary),var(--color-accent));height:100%;position:relative;transition:width .8s cubic-bezier(.4,0,.2,1)}.breakdown-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.breakdown-value{color:#3b82f6;color:var(--color-primary);font-size:.8rem;font-weight:600;min-width:35px;text-align:right}.suggestions-stats{animation:fadeInUp .6s ease-out .2s both;background:#fffffff2;background:var(--color-surface);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:12px;border-radius:var(--radius);margin-bottom:20px;margin-bottom:var(--spacing);padding:20px;padding:var(--spacing)}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.stat-item{align-items:center;background:#fffffffa;background:var(--color-surface-elevated);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:12px;border-radius:var(--radius);display:flex;flex-direction:column;padding:.75rem;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.stat-item:hover{border-color:#dbeafe;border-color:var(--color-primary-light);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);transform:translateY(-2px)}.stat-value{color:#3b82f6;color:var(--color-primary);font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:#64748b;color:var(--color-text-muted);font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.footer-info{align-items:center;display:flex;gap:.5rem}.match-strength{font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.stats-grid{gap:.75rem;grid-template-columns:1fr}.breakdown-item{flex-direction:column;gap:.5rem;text-align:center}.breakdown-score{max-width:200px;width:100%}.breakdown-category{min-width:auto;text-align:center}.common-tech-list{margin-left:0}.common-tech-list,.roles-list{justify-content:center}}@media (max-width:480px){.role-pill,.tech-pill{font-size:.7rem;padding:.25rem .5rem}.common-tech-section,.matching-areas-section,.roles-section{margin:8px 0;margin:var(--spacing-xs) 0;padding:8px;padding:var(--spacing-xs)}.area-name,.area-score{font-size:.75rem}.matching-title,.roles-title,.tech-title{font-size:.8rem}.stat-value{font-size:1.25rem}.stat-label{font-size:.75rem}}
/*# sourceMappingURL=main.152dd717.css.map*/