@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--brand-50:#f0f9ff;--brand-100:#e0f2fe;--brand-200:#bae6fd;--brand-300:#7dd3fc;--brand-400:#38bdf8;--brand-500:#0ea5e9;--brand-600:#0284c7;--brand-700:#0369a1;--violet-50:#f5f3ff;--violet-100:#ede9fe;--violet-200:#ddd6fe;--violet-300:#c4b5fd;--violet-400:#a78bfa;--violet-500:#8b5cf6;--violet-600:#7c3aed;--violet-700:#6d28d9;--emerald-50:#ecfdf5;--emerald-100:#d1fae5;--emerald-200:#a7f3d0;--emerald-300:#6ee7b7;--emerald-400:#34d399;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-300:#fcd34d;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--rose-50:#fff1f2;--rose-100:#ffe4e6;--rose-200:#fecdd3;--rose-300:#fda4af;--rose-400:#fb7185;--rose-500:#f43f5e;--rose-600:#e11d48;--bg-deep:#0b1220;--bg-base:#0f1a2e;--bg-elevated:#131b2e;--bg-card:#0f1a2ed9;--bg-card-hover:#1b2740f2;--bg-input:#1b2740e6;--bg-input-hover:#293a5cf2;--bg-overlay:#0b1220e6;--border-subtle:#00c9a70d;--border-default:#293a5c66;--border-strong:#00c9a733;--border-focus:#00c9a773;--border-brand:#00c9a740;--text-primary:#eaeef4;--text-secondary:#cbd5e1;--text-muted:#8892b0;--text-subtle:#4a5568;--text-inverse:#0b1220;--accent-cyan:#3ddcb8;--accent-violet:#00c9a7;--accent-emerald:#10b981;--accent-amber:#eab308;--accent-rose:#ef4444;--gradient-brand:linear-gradient(135deg, #3ddcb8 0%, #00c9a7 100%);--gradient-brand-soft:linear-gradient(135deg, #3ddcb81f 0%, #00c9a71f 100%);--gradient-emerald:linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--gradient-emerald-soft:linear-gradient(135deg, #22c55e1f 0%, #16a34a1f 100%);--gradient-violet:linear-gradient(135deg, #00c9a7 0%, #00a98f 100%);--gradient-surface:linear-gradient(180deg, #ffffff05 0%, #fff0 100%);--shadow-xs:0 1px 2px #0006;--shadow-sm:0 2px 4px -1px #0006, 0 1px 2px -1px #0000004d;--shadow-md:0 8px 16px -4px #020c1bcc, 0 4px 8px -4px #020c1b99;--shadow-lg:0 20px 40px -12px #020c1be6, 0 8px 16px -8px #020c1bb3;--shadow-xl:0 32px 64px -16px #020c1bf2, 0 16px 32px -16px #020c1bcc;--shadow-glow:0 0 40px #00c9a726;--shadow-glow-violet:0 0 40px #4fc3f726;--shadow-inner:inset 0 2px 4px #0000004d;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:.12s cubic-bezier(.4, 0, .2, 1);--transition-base:.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);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Sora", "Space Grotesk", "Inter", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--fs-xs:.7rem;--fs-sm:.8rem;--fs-base:.9rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:2rem;--fs-4xl:2.5rem;--fs-5xl:3.5rem;--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;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-popover:400;--z-toast:500}[data-theme=light]{--bg-deep:#eef2f6;--bg-base:#f8fafc;--bg-elevated:#fff;--bg-card:#ffffffd9;--bg-card-hover:#f1f5f9f2;--bg-input:#f1f5f9e6;--bg-input-hover:#fff;--bg-overlay:#ffffffe6;--border-subtle:#00c9a70f;--border-default:#e2e8f0cc;--border-strong:#00a98f29;--border-focus:#00c9a766;--border-brand:#00c9a740;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-subtle:#94a3b8;--text-inverse:#fff;--shadow-xs:0 1px 2px #0f172a0f;--shadow-sm:0 2px 4px -1px #0f172a14, 0 1px 2px -1px #0f172a0a;--shadow-md:0 8px 16px -4px #0f172a1a, 0 4px 8px -4px #0f172a0f;--shadow-lg:0 20px 40px -12px #0f172a26, 0 8px 16px -8px #0f172a14;--shadow-xl:0 32px 64px -16px #0f172a2e, 0 16px 32px -16px #0f172a1a;--shadow-glow:0 0 40px #00c9a71f;--shadow-glow-violet:0 0 40px #4fc3f71f;--shadow-inner:inset 0 2px 4px #0f172a0a;--gradient-brand:linear-gradient(135deg, #00c9a7 0%, #00a98f 100%);--gradient-brand-soft:linear-gradient(135deg, #00c9a71a 0%, #00a98f1a 100%);--gradient-emerald:linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--gradient-emerald-soft:linear-gradient(135deg, #22c55e1a 0%, #16a34a1a 100%);--gradient-violet:linear-gradient(135deg, #00c9a7 0%, #00a98f 100%);--gradient-surface:linear-gradient(180deg, #00000005 0%, #0000 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-slow), color var(--transition-slow);background-image:radial-gradient(80% 50% at 50% -20%,#38bdf80f 0%,#0000 50%),radial-gradient(60% 40% at 100% 100%,#a78bfa0d 0%,#0000 50%),radial-gradient(50% 50% at 0 0,#10b98108 0%,#0000 50%);background-attachment:fixed;line-height:1.65}[data-theme=light] body{background-image:radial-gradient(80% 50% at 50% -20%,#0284c70d 0%,#0000 50%),radial-gradient(60% 40% at 100% 100%,#7c3aed0a 0%,#0000 50%)}::selection{background:var(--brand-500);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg-base);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}:focus-visible{ring:2px solid var(--accent-cyan);ring-offset:2px;ring-offset-color:var(--bg-base);outline:none}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.glass:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg)}.glass-strong{background:var(--bg-elevated);-webkit-backdrop-filter:blur(30px);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.glass-panel{background:linear-gradient(180deg, var(--bg-card) 0%, var(--bg-elevated) 100%);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), var(--shadow-glow)}.card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.text-display{font-family:var(--font-display);letter-spacing:-.03em;font-weight:700;line-height:1.1}.text-heading{font-family:var(--font-display);letter-spacing:-.01em;font-weight:600;line-height:1.25}.text-body{font-family:var(--font-sans);line-height:1.65}.text-mono{font-family:var(--font-mono)}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:600;font-size:var(--fs-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-brand);color:#fff;padding:var(--space-2) var(--space-5);box-shadow:0 4px 14px #38bdf84d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #38bdf873}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-default);padding:var(--space-2) var(--space-5)}.btn-secondary:hover:not(:disabled){background:var(--bg-input-hover);border-color:var(--border-strong)}.btn-ghost{color:var(--text-muted);padding:var(--space-2) var(--space-4);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-input);color:var(--text-primary)}.btn-emerald{background:var(--gradient-emerald);color:#fff;padding:var(--space-2) var(--space-5);box-shadow:0 4px 14px #10b9814d}.btn-emerald:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #10b98173}.btn-violet{background:var(--gradient-violet);color:#fff;padding:var(--space-2) var(--space-5);box-shadow:0 4px 14px #8b5cf64d}.btn-violet:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf673}.btn-icon{padding:var(--space-2);border-radius:var(--radius-sm)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--fs-xs);gap:var(--space-1)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--fs-base)}.input{background:var(--bg-input);border:1px solid var(--border-default);width:100%;color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--fs-sm);transition:all var(--transition-fast)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--border-focus);background:var(--bg-input-hover);outline:none}.input::placeholder{color:var(--text-subtle)}.input-error{border-color:var(--rose-500)}.input-error:focus{box-shadow:0 0 0 3px #f43f5e33}.textarea{background:var(--bg-input);border:1px solid var(--border-default);width:100%;color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--fs-sm);resize:vertical;min-height:80px;transition:all var(--transition-fast);line-height:1.6}.textarea:hover{border-color:var(--border-strong)}.textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--border-focus);background:var(--bg-input-hover);outline:none}.select{background:var(--bg-input);border:1px solid var(--border-default);width:100%;color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--fs-sm);cursor:pointer;transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}.select:hover{border-color:var(--border-strong)}.select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--border-focus);background:var(--bg-input-hover);outline:none}.label{font-size:var(--fs-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);font-weight:600;display:block}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--fs-xs);letter-spacing:.02em;font-weight:600;display:inline-flex}.badge-primary{background:var(--gradient-brand-soft);color:var(--brand-400);border:1px solid var(--border-brand)}.badge-emerald{background:var(--gradient-emerald-soft);color:var(--emerald-400);border:1px solid #10b9814d}.badge-amber{color:var(--amber-400);background:#f59e0b1f;border:1px solid #f59e0b40}.badge-rose{color:var(--rose-400);background:#f43f5e1f;border:1px solid #f43f5e40}.badge-violet{color:var(--violet-400);background:#8b5cf61f;border:1px solid #8b5cf640}.badge-muted{background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border-default)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{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 pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:var(--shadow-glow)}50%{box-shadow:var(--shadow-glow-violet)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out forwards}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out forwards}.animate-slide-in-right{animation:slideInRight var(--transition-base) ease-out forwards}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out forwards}.animate-pulse-soft{animation:2s ease-in-out infinite pulse}.stagger-1{animation-delay:0s}.stagger-2{animation-delay:60ms}.stagger-3{animation-delay:.12s}.stagger-4{animation-delay:.18s}.stagger-5{animation-delay:.24s}.stagger-6{animation-delay:.3s}.skeleton{background:linear-gradient(90deg, var(--bg-input) 25%, var(--bg-elevated) 50%, var(--bg-input) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.drag-overlay{opacity:.4;transform:rotate(3deg)}.drag-preview{box-shadow:var(--shadow-xl);border-color:var(--accent-cyan)!important}@media print{body{color:#000!important;background:#fff!important}.no-print{display:none!important}.print-only{display:block!important}.glass,.glass-strong,.glass-panel,.card,.card-elevated{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:none!important}.btn{display:none!important}.resume-paper{box-shadow:none!important;border:none!important;max-width:none!important;margin:0!important;padding:0!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.flex-1{flex:1}.flex-auto{flex:auto}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mt-auto{margin-top:auto}.w-full{width:100%}.h-full{height:100%}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.text-xs{font-size:var(--fs-xs)}.text-sm{font-size:var(--fs-sm)}.text-base{font-size:var(--fs-base)}.text-md{font-size:var(--fs-md)}.text-lg{font-size:var(--fs-lg)}.text-xl{font-size:var(--fs-xl)}.text-2xl{font-size:var(--fs-2xl)}.text-3xl{font-size:var(--fs-3xl)}.text-4xl{font-size:var(--fs-4xl)}.text-5xl{font-size:var(--fs-5xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-subtle{color:var(--text-subtle)}.text-brand{color:var(--accent-cyan)}.text-emerald{color:var(--accent-emerald)}.text-amber{color:var(--accent-amber)}.text-rose{color:var(--accent-rose)}.text-violet{color:var(--accent-violet)}.bg-base{background:var(--bg-base)}.bg-elevated{background:var(--bg-elevated)}.bg-card{background:var(--bg-card)}.bg-input{background:var(--bg-input)}.border-subtle{border-color:var(--border-subtle)}.border-default{border-color:var(--border-default)}.border-strong{border-color:var(--border-strong)}.transition-fast{transition:all var(--transition-fast)}.transition-base{transition:all var(--transition-base)}.transition-slow{transition:all var(--transition-slow)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.z-sticky{z-index:var(--z-sticky)}.z-modal{z-index:var(--z-modal)}.badge-muted{background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border-default);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:600}.aurora-glow{filter:blur(120px);opacity:.07;pointer-events:none;z-index:0;width:45vw;height:45vw;transition:opacity var(--transition-slow);border-radius:50%;position:fixed}[data-theme=light] .aurora-glow{opacity:.04}.aurora-1{background:radial-gradient(circle, var(--accent-cyan) 0%, transparent 70%);animation:25s ease-in-out infinite alternate aurora-float-1;top:-15vw;left:-15vw}.aurora-2{background:radial-gradient(circle, var(--accent-violet) 0%, transparent 70%);animation:25s ease-in-out infinite alternate aurora-float-2;bottom:-15vw;right:-15vw}@keyframes aurora-float-1{0%{transform:translate(0)scale(1)}50%{transform:translate(6vw,4vw)scale(1.1)}to{transform:translate(-3vw,8vw)scale(.95)}}@keyframes aurora-float-2{0%{transform:translate(0)scale(1.05)}50%{transform:translate(-5vw,-6vw)scale(.9)}to{transform:translate(4vw,3vw)scale(1.15)}}.glass-panel{background:linear-gradient(135deg,#10182699 0%,#0a0f1acc 100%);border:1px solid #ffffff0f;box-shadow:0 15px 35px -10px #0006,0 5px 15px -5px #0003,inset 0 1px #ffffff0d}[data-theme=light] .glass-panel{background:linear-gradient(135deg,#fffc 0%,#f8fafce6 100%);border:1px solid #0f172a0d}.glass-panel:hover{border-color:#38bdf840;box-shadow:0 25px 45px -12px #00000080,0 0 35px #38bdf814,inset 0 1px #ffffff14}.btn-ghost:hover{background:#ffffff0a;transform:translateY(-.5px)}.animate-glow{animation:4s ease-in-out infinite premium-glow-pulse}@keyframes premium-glow-pulse{0%,to{box-shadow:0 4px 14px #10b98159}50%{box-shadow:0 4px 25px #38bdf873}}.score-card-layout{align-items:flex-start;gap:28px;display:flex}.score-ring-wrapper{border-right:1px solid var(--border-default);flex-shrink:0;justify-content:center;padding-right:24px;display:flex}.score-info-wrapper{flex:300px;min-width:280px}@media (width<=768px){.score-card-layout{flex-direction:column;align-items:center}.score-ring-wrapper{border-right:none;border-bottom:1px solid var(--border-default);width:100%;padding-bottom:20px;padding-right:0}}.app-header{z-index:200;margin:16px 24px 0;padding:14px 24px;position:sticky;top:16px}.app-header-container{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}@media (width<=900px){.app-header{margin:10px 12px 0;padding:12px 16px}.app-header-container{text-align:center;flex-direction:column;align-items:stretch}.header-left,.header-center,.header-right{text-align:center;justify-content:center!important}}.resume-paper{color:#1e293b;width:100%;max-width:850px;min-height:1100px;box-shadow:var(--shadow-xl);box-sizing:border-box;background:#fff;border-radius:6px;padding:48px 56px}@media (width<=768px){.resume-paper{border-radius:4px;min-height:auto!important;padding:24px 16px!important}}