@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--bg-base: #080f1a;--bg-surface: #0f1e2e;--bg-card: #152032;--bg-card-hover: #1a2a40;--border: rgba(99, 179, 237, .12);--border-hover: rgba(99, 179, 237, .28);--accent: #38bdf8;--accent-glow: rgba(56, 189, 248, .12);--text-primary: #f0f6ff;--text-secondary: #8da8c0;--text-muted: #4e6880;--navbar-bg: rgba(8, 15, 26, .85);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--transition: .2s ease}.light-mode{--bg-base: #f4f7fb;--bg-surface: #eaf0f7;--bg-card: #ffffff;--bg-card-hover: #f0f6ff;--border: rgba(14, 116, 165, .15);--border-hover: rgba(14, 116, 165, .35);--accent: #0284c7;--accent-glow: rgba(2, 132, 199, .08);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--navbar-bg: rgba(244, 247, 251, .88)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}ul{list-style:none}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{text-decoration:underline}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased}.app{background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;transition:background-color .3s ease,color .3s ease}.container{max-width:1080px;margin:0 auto;padding:0 24px}h1,h2,h3{line-height:1.3}.highlight{color:var(--accent);font-weight:500}.navbar{position:sticky;top:0;z-index:100;background:var(--navbar-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:.875rem 0;transition:background .3s ease,border-color .3s ease}.navbar .container{display:flex;justify-content:space-between;align-items:center}.nav-right{display:flex;align-items:center;gap:.75rem}.avatar-small{width:2rem;height:2rem;border-radius:50%;object-fit:cover;border:1.5px solid var(--border-hover)}.nav-links{display:flex;gap:.25rem}.nav-link{color:var(--text-secondary);padding:.4rem .8rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;transition:color var(--transition),background var(--transition)}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:var(--bg-card);text-decoration:none}.theme-toggle{display:flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;font-size:1rem;line-height:1;transition:background var(--transition),border-color var(--transition),transform var(--transition);flex-shrink:0}.theme-toggle:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:rotate(20deg) scale(1.05)}.hero{padding:5rem 0 4rem}.profile-container{display:flex;flex-direction:column;align-items:center;gap:2.5rem}.profile-info{display:flex;align-items:center;gap:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem 2.5rem;width:fit-content;transition:background .3s ease,border-color .3s ease}.avatar{width:7rem;height:7rem;border-radius:50%;object-fit:cover;border:3px solid var(--accent);flex-shrink:0}.profile-details h3{font-size:1.3rem;font-weight:600;color:var(--text-primary);margin-bottom:.3rem}.profile-details p{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.6}.hero-content{width:100%}.hero-content h1{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:600;text-align:center;margin-bottom:2rem}.app:not(.light-mode) .hero-content h1{background:linear-gradient(135deg,#f0f6ff 30%,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.light-mode .hero-content h1{background:linear-gradient(135deg,#0f172a 30%,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.975rem}.hero-content p a{font-weight:500}.experience{padding:4rem 0;border-top:1px solid var(--border)}.experience h2{font-size:1.6rem;font-weight:600;margin-bottom:2.5rem;text-align:center;color:var(--text-primary)}.timeline{display:flex;flex-direction:column;gap:1.25rem}.job{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem 1.75rem;transition:border-color var(--transition),background var(--transition)}.job:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.job-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;margin-bottom:1rem;padding-bottom:.875rem;border-bottom:1px solid var(--border)}.job-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);flex:0 0 auto}.company{font-size:.9rem;font-weight:500;color:var(--accent);flex:1 1 auto}.date{font-size:.8rem;color:var(--text-muted);background:var(--accent-glow);border:1px solid var(--border);padding:.2rem .65rem;border-radius:99px;white-space:nowrap;flex:0 0 auto}.job li{display:flex;gap:.6rem;margin-bottom:.6rem;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.job li:last-child{margin-bottom:0}.bullet{color:var(--accent);flex-shrink:0;margin-top:.05rem}.tech-stack{margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border);color:var(--text-muted)!important;font-size:.825rem!important}.tech-stack strong{color:var(--text-secondary);font-weight:500}footer{padding:2.5rem 0;border-top:1px solid var(--border);text-align:center}.social-links{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-size:1rem;transition:color var(--transition),border-color var(--transition),background var(--transition)}.social-link:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-glow);text-decoration:none}footer p{color:var(--text-muted);font-size:.85rem}@media (max-width: 768px){.hero{padding:3rem 0 2.5rem}.hero-content h1{font-size:1.5rem}.profile-info{flex-direction:column;text-align:center;max-width:100%;padding:1.25rem}.nav-links{gap:0}.nav-link{padding:.4rem .5rem;font-size:.85rem}.job-header{flex-direction:column;gap:.35rem}.date{align-self:flex-start}.job{padding:1.25rem}}.item[data-v-40a5c0e5]{margin-top:2rem;display:flex;position:relative}.details[data-v-40a5c0e5]{flex:1;margin-left:1rem}i[data-v-40a5c0e5]{display:flex;place-items:center;place-content:center;width:32px;height:32px;color:var(--color-text)}h3[data-v-40a5c0e5]{font-size:1.2rem;font-weight:500;margin-bottom:.4rem;color:var(--color-heading)}@media (min-width: 1024px){.item[data-v-40a5c0e5]{margin-top:0;padding:.4rem 0 1rem calc(var(--section-gap) / 2)}i[data-v-40a5c0e5]{top:calc(50% - 25px);left:-26px;position:absolute;border:1px solid var(--color-border);background:var(--color-background);border-radius:8px;width:50px;height:50px}.item[data-v-40a5c0e5]:before{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;bottom:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-40a5c0e5]:after{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;top:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-40a5c0e5]:first-of-type:before{display:none}.item[data-v-40a5c0e5]:last-of-type:after{display:none}}