@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:1.5;min-height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}button{cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}ul,ol{list-style:none}:root{--color-background: #FAF7F2;--color-surface: #FFFFFF;--color-surface-warm: #FFFCF7;--color-text-primary: #1A1A1A;--color-text-secondary: #5C5C5C;--color-text-muted: #8A8A8A;--color-accent-primary: #C45C2A;--color-accent-warm: #D4A574;--color-accent-cream: #EDE4D3;--color-accent-blue: #5D6B7A;--color-decline: #A67B73;--color-success: #6B8E6B;--color-health-bad: #B85C5C;--color-health-warning: #C49A4C;--color-health-good: #6B8E6B;--font-headline: "Fraunces", "Georgia", serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Space Mono", "SF Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.5rem;--font-size-6xl: 4.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.6;--line-height-relaxed: 1.8;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 14px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(26, 26, 26, .04), 0 1px 2px rgba(26, 26, 26, .06);--shadow-md: 0 4px 12px rgba(26, 26, 26, .08), 0 2px 4px rgba(26, 26, 26, .04);--shadow-lg: 0 12px 32px rgba(26, 26, 26, .1), 0 4px 8px rgba(26, 26, 26, .06);--shadow-xl: 0 24px 48px rgba(26, 26, 26, .12), 0 8px 16px rgba(26, 26, 26, .06);--border-light: 1px solid rgba(26, 26, 26, .08);--border-medium: 1px solid rgba(26, 26, 26, .12);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--container-width: 720px;--container-padding: var(--space-6)}@media (max-width: 768px){:root{--font-size-3xl: 1.75rem;--font-size-4xl: 2rem;--font-size-5xl: 2.5rem;--font-size-6xl: 3rem;--container-padding: var(--space-5)}}body{font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}h1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold)}h3{font-size:var(--font-size-2xl)}p{line-height:var(--line-height-relaxed)}.container{width:100%;max-width:var(--container-width);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out forwards}.slide-up{animation:slideUp .6s ease-out forwards;opacity:0}.slide-up:nth-child(1){animation-delay:.1s}.slide-up:nth-child(2){animation-delay:.2s}.slide-up:nth-child(3){animation-delay:.3s}.slide-up:nth-child(4){animation-delay:.4s}.slide-up:nth-child(5){animation-delay:.5s}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.mono{font-family:var(--font-mono)}.uppercase{text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}::selection{background-color:var(--color-accent-cream);color:var(--color-text-primary)}.divider{width:48px;height:2px;background:var(--color-accent-warm);margin:var(--space-8) auto;border-radius:var(--radius-full)}.button-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#fff;background:var(--color-accent-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.button-primary:hover{background:#b35424;transform:translateY(-1px);box-shadow:var(--shadow-md)}.button-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:transparent;border:var(--border-medium);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.button-secondary:hover{background:var(--color-surface);border-color:#1a1a1a40}.button-linkedin{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#fff;background:#0a66c2;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.button-linkedin:hover{background:#094ea0;transform:translateY(-1px);box-shadow:var(--shadow-md)}.card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md);border:var(--border-light)}.card-minimal{background:var(--color-surface-warm);border-radius:var(--radius-lg);padding:var(--space-6);border:var(--border-light)}.upload-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);background:var(--color-surface);border:2px dashed rgba(26,26,26,.15);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base)}.upload-zone:hover{border-color:var(--color-accent-primary);background:var(--color-surface-warm)}.upload-zone.drag-over{border-color:var(--color-accent-primary);background:var(--color-surface-warm);border-style:solid;transform:scale(1.01)}.upload-icon{font-size:3rem;margin-bottom:var(--space-6);opacity:.7}.logo{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-headline);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}.health-score{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-12) var(--space-8);background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:var(--border-light)}.health-score-label{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-4)}.health-score-value{font-family:var(--font-headline);font-size:var(--font-size-6xl);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--space-4)}.health-good .health-score-value{color:var(--color-health-good)}.health-warning .health-score-value{color:var(--color-health-warning)}.health-bad .health-score-value{color:var(--color-health-bad)}.stat-card{background:var(--color-surface);padding:var(--space-8);border-radius:var(--radius-xl);border-left:4px solid var(--color-accent-warm);box-shadow:var(--shadow-sm)}.stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-3)}.stat-value{font-family:var(--font-headline);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.stat-change{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.stat-change.negative{color:var(--color-health-bad)}.stat-change.positive{color:var(--color-health-good)}.insight-list{display:flex;flex-direction:column;gap:var(--space-4)}.insight-item{display:flex;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--color-surface);border-radius:var(--radius-lg);border:var(--border-light);align-items:flex-start}.insight-icon{flex-shrink:0;width:8px;height:8px;margin-top:8px;background:var(--color-accent-primary);border-radius:var(--radius-full)}.insight-text{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary)}.privacy-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-surface);border-radius:var(--radius-full);border:var(--border-light)}.chart-container{position:relative;width:100%;padding:var(--space-4) 0}.section-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--space-8)}.section-header h2{margin-bottom:var(--space-2)}.section-header p{color:var(--color-text-secondary);font-size:var(--font-size-lg)}@media (max-width: 768px){.card{padding:var(--space-4)}.stat-card{padding:var(--space-3)}.upload-zone{padding:var(--space-10) var(--space-4)}.button-primary,.button-linkedin{padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm)}}@media (max-width: 480px){.container{padding-left:var(--space-4);padding-right:var(--space-4)}.stat-label{font-size:.65rem}.stat-value{font-size:var(--font-size-base)}}
