:root{--bg-primary: #080c14;--bg-secondary: #0d1321;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-cyan: #06b6d4;--accent-cyan-glow: rgba(6, 182, 212, .4);--accent-purple: #a855f7;--accent-purple-glow: rgba(168, 85, 247, .4);--glass-bg: rgba(13, 19, 33, .45);--glass-border: rgba(255, 255, 255, .07);--glass-shadow: rgba(0, 0, 0, .5);--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .25s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;position:relative}.bg-glow{position:fixed;width:50vw;height:50vw;border-radius:50%;filter:blur(120px);opacity:.15;pointer-events:none;z-index:-1;transition:var(--transition-smooth)}.bg-glow-1{background:radial-gradient(circle,var(--accent-purple) 0%,transparent 70%);top:-10%;left:-10%;animation:float-glow-1 25s infinite alternate ease-in-out}.bg-glow-2{background:radial-gradient(circle,var(--accent-cyan) 0%,transparent 70%);bottom:-10%;right:-10%;animation:float-glow-2 30s infinite alternate ease-in-out}@keyframes float-glow-1{0%{transform:translate(0) scale(1)}to{transform:translate(100px,80px) scale(1.2)}}@keyframes float-glow-2{0%{transform:translate(0) scale(1.1)}to{transform:translate(-120px,-60px) scale(.9)}}.navbar-header{position:sticky;top:0;width:100%;z-index:100;background:#080c14b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);transition:var(--transition-smooth)}.navbar-container{max-width:800px;margin:0 auto;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.navbar-brand{font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:700;text-decoration:none;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary) 30%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:var(--transition-fast)}.navbar-brand:hover{opacity:.95;filter:drop-shadow(0 0 8px var(--accent-cyan-glow))}.navbar-toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent;border:none;cursor:pointer;z-index:101}.navbar-toggle .bar{height:2px;width:100%;background-color:var(--text-primary);border-radius:10px;transition:var(--transition-fast)}.nav-list{display:flex;list-style:none;gap:1rem}.nav-link{background:transparent;border:none;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;padding:.5rem 1rem;border-radius:20px;cursor:pointer;position:relative;transition:var(--transition-fast)}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--accent-cyan);background:#06b6d414;font-weight:600;box-shadow:inset 0 0 0 1px #06b6d433}.main-content{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;max-width:800px;width:100%;margin:0 auto}.glass-card{width:100%;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 20px 40px var(--glass-shadow);border-radius:24px;padding:3rem 2.5rem;position:relative;overflow:hidden;transition:var(--transition-smooth)}.glass-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent-purple) 0%,var(--accent-cyan) 100%)}.tab-content{animation:fadeInSlide .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.portrait-container{display:flex;justify-content:center;margin-bottom:2rem}.portrait-image{width:160px;height:160px;border-radius:50%;object-fit:cover;border:4px solid var(--bg-secondary);box-shadow:0 0 30px #0006,0 0 0 2px #ffffff0d;transition:var(--transition-smooth)}.portrait-image:hover{transform:scale(1.04) rotate(1deg);box-shadow:0 0 35px #06b6d44d,0 0 0 2px var(--accent-cyan)}.intro-title{font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:1.5rem;letter-spacing:-.025em;background:linear-gradient(135deg,var(--text-primary) 40%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.typewriter-cursor{display:inline-block;color:var(--accent-cyan);font-weight:300;margin-left:2px;animation:blink-cursor 1s step-end infinite}@keyframes blink-cursor{0%,to{color:transparent}50%{color:var(--accent-cyan)}}.social-links-container{display:flex;justify-content:center;gap:1.25rem;margin-bottom:2rem}.social-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:var(--transition-fast)}.social-icon{width:20px;height:20px;opacity:.8;transition:var(--transition-fast)}.social-button:hover{transform:translateY(-4px) scale(1.08)}.social-button:hover .social-icon{opacity:1}.social-button#link-github:hover{background:#ffffff1a;border-color:#fff6;box-shadow:0 8px 24px #ffffff26}.social-button#link-linkedin:hover{background:#0a66c226;border-color:#0a66c2;box-shadow:0 8px 24px #0a66c259}.social-button#link-linkedin:hover .social-icon{filter:brightness(0) saturate(100%) invert(32%) sepia(91%) saturate(1900%) hue-rotate(189deg)}.social-button#link-twitter:hover{background:#1d9bf026;border-color:#1d9bf0;box-shadow:0 8px 24px #1d9bf059}.social-button#link-twitter:hover .social-icon{filter:brightness(0) saturate(100%) invert(56%) sepia(89%) saturate(1900%) hue-rotate(179deg)}.divider-rule{border:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 20%,rgba(255,255,255,.1) 80%,transparent);margin:2.25rem 0}.description-container{max-width:600px;margin:0 auto}.about-description{font-family:Inter,sans-serif;font-size:1.08rem;line-height:1.8;color:var(--text-secondary);text-align:center}.experience-list{display:flex;flex-direction:column;gap:.5rem}.experience-item{padding:1rem 0;transition:var(--transition-fast)}.experience-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.experience-title{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-primary);background:linear-gradient(90deg,var(--text-primary) 60%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.experience-badge{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:500;padding:.25rem .75rem;border-radius:12px;background:#06b6d414;color:var(--accent-cyan);border:1px solid rgba(6,182,212,.2)}.experience-item:nth-child(3) .experience-badge{background:#a855f714;color:var(--accent-purple);border:1px solid rgba(168,85,247,.2)}.experience-item:nth-child(5) .experience-badge{background:#ffffff08;color:var(--text-secondary);border:1px solid rgba(255,255,255,.08)}.experience-description{font-family:Inter,sans-serif;font-size:1rem;line-height:1.7;color:var(--text-secondary);text-align:left}.app-footer{width:100%;border-top:1px solid var(--glass-border);background:var(--bg-secondary);padding:2rem 1.5rem;margin-top:auto}.footer-container{max-width:800px;margin:0 auto;display:flex;justify-content:center;align-items:center}.app-footer p{font-family:Inter,sans-serif;font-size:.85rem;color:var(--text-muted);text-align:center}@media (max-width: 768px){.navbar-container{padding:1rem 1.25rem}.navbar-toggle{display:flex}.navbar-menu{display:none;position:absolute;top:100%;left:0;width:100%;background:#080c14f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:1.5rem;box-shadow:0 10px 20px #0000004d}.navbar-menu.active{display:block;animation:fadeInSlide .35s cubic-bezier(.16,1,.3,1) forwards}.nav-list{flex-direction:column;align-items:center;gap:1.25rem}.nav-link{width:100%;text-align:center;padding:.75rem}.main-content{padding:1.5rem 1rem}.glass-card{padding:2.25rem 1.5rem;border-radius:20px}.intro-title{font-size:2rem}.portrait-image{width:130px;height:130px}.about-description{font-size:1rem}.experience-title{font-size:1.35rem}.experience-header{flex-direction:column;align-items:flex-start;gap:.25rem}}