@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100;200;300;400;500;600;700;800&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-tertiary: #1a1a2e;--bg-glass: rgba(26, 26, 46, .6);--bg-card: rgba(26, 26, 46, .4);--text-primary: #ffffff;--text-secondary: #b4b4c7;--text-tertiary: #8a8aa0;--text-muted: #6b6b80;--accent-primary: #00d4ff;--accent-primary-hover: #00bfea;--accent-secondary: #7c3aed;--accent-tertiary: #f471b5;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-error: #ef4444;--gradient-primary: linear-gradient(135deg, #00d4ff 0%, #7c3aed 100%);--gradient-secondary: linear-gradient(135deg, #7c3aed 0%, #f471b5 100%);--gradient-glow: linear-gradient(135deg, rgba(0, 212, 255, .3) 0%, rgba(124, 58, 237, .3) 100%);--border-color: rgba(180, 180, 199, .1);--border-glow: rgba(0, 212, 255, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(0, 212, 255, .3);--shadow-glow-hover: 0 0 30px rgba(0, 212, 255, .5);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-backdrop: blur(20px);--navbar-bg: rgba(10, 10, 15, .8);--container-padding: 2rem;--section-padding: 5rem 0}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7;color:var(--text-primary);background:var(--bg-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(0,212,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(124,58,237,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(244,113,181,.1) 0%,transparent 50%);z-index:-2;animation:backgroundFloat 20s ease-in-out infinite}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:50px 50px;z-index:-1;animation:gridMove 30s linear infinite}.container{max-width:1200px;margin:0 auto;padding:0 var(--container-padding)}.app{min-height:100vh;position:relative}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:clamp(2.5rem,5vw,4rem);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{color:var(--text-secondary);font-size:1.1rem;line-height:1.7}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-mono{font-family:JetBrains Mono,monospace}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);box-shadow:var(--shadow-md);transition:all .3s ease}.glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow);border-color:var(--border-glow)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:600;font-size:.95rem;text-decoration:none;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{box-shadow:var(--shadow-glow-hover);transform:translateY(-2px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:var(--shadow-glow)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-ghost:hover{background:var(--glass-bg);border-color:var(--accent-primary);color:var(--accent-primary)}section{padding:var(--section-padding);position:relative}.floating-tech{position:fixed;opacity:.1;font-size:2rem;color:var(--accent-primary);animation:floatTech 20s ease-in-out infinite;z-index:-1;pointer-events:none}.floating-tech:nth-child(1){top:10%;left:10%;animation-delay:0s}.floating-tech:nth-child(2){top:20%;right:15%;animation-delay:2s}.floating-tech:nth-child(3){bottom:30%;left:20%;animation-delay:4s}.floating-tech:nth-child(4){bottom:20%;right:10%;animation-delay:6s}.floating-tech:nth-child(5){top:50%;left:5%;animation-delay:8s}@keyframes backgroundFloat{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(1deg)}66%{transform:translate(-20px,20px) rotate(-1deg)}}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes floatTech{0%,to{transform:translateY(0) rotate(0);opacity:.1}50%{transform:translateY(-20px) rotate(180deg);opacity:.3}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--accent-primary)}50%{box-shadow:0 0 20px var(--accent-primary),0 0 30px var(--accent-primary)}}@media (max-width: 768px){:root{--container-padding: 1rem;--section-padding: 3rem 0}.floating-tech{display:none}}@media (max-width: 480px){:root{--container-padding: .75rem;--section-padding: 2rem 0}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--navbar-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);padding:1rem 0}.navbar-scrolled{padding:.75rem 0;background:#0a0c10f2;box-shadow:0 8px 32px #0000004d;border-bottom-color:#00d4ff33}.navbar-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s ease}.navbar-logo:hover{transform:translateY(-1px)}.logo-content{display:flex;flex-direction:column;align-items:flex-start}.logo-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:2px}.logo-title{font-size:.75rem;color:var(--accent-primary);font-weight:500;font-family:JetBrains Mono,monospace;line-height:1}.logo-indicator{width:8px;height:8px;background:var(--accent-success);border-radius:50%;animation:pulse-indicator 2s ease-in-out infinite}@keyframes pulse-indicator{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.navbar-nav{display:flex;align-items:center;gap:.5rem}.nav-item{position:relative;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-radius:12px;color:var(--text-secondary);font-weight:500;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.nav-item:hover{background:var(--glass-bg);color:var(--text-primary);transform:translateY(-1px)}.nav-item-active{background:var(--glass-bg);color:var(--accent-primary);border:1px solid var(--glass-border)}.nav-icon{font-size:1rem;opacity:.8}.nav-label{font-weight:500}.nav-indicator{position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--accent-primary);border-radius:1px;transform:translate(-50%);transition:width .3s ease}.nav-item-active .nav-indicator{width:60%}.navbar-cta{display:flex;align-items:center}.cta-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-primary);color:var(--bg-primary);border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.cta-button:hover{background:var(--accent-primary-hover);color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff4d}.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;width:32px;height:32px;background:transparent;border:none;cursor:pointer;position:relative}.mobile-menu-btn span{display:block;width:20px;height:2px;background:var(--text-primary);border-radius:1px;transition:all .3s ease;transform-origin:center}.mobile-menu-btn span:nth-child(1){transform:translateY(-6px)}.mobile-menu-btn span:nth-child(3){transform:translateY(6px)}.mobile-menu-open span:nth-child(1){transform:rotate(45deg)}.mobile-menu-open span:nth-child(2){opacity:0}.mobile-menu-open span:nth-child(3){transform:rotate(-45deg)}.mobile-nav{position:fixed;top:100%;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border-color);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:999}.mobile-nav-open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav-content{padding:2rem;display:flex;flex-direction:column;gap:1rem}.mobile-nav-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:transparent;border:none;border-radius:12px;color:var(--text-secondary);font-weight:500;font-size:1rem;cursor:pointer;transition:all .3s ease;text-align:left}.mobile-nav-item:hover,.mobile-nav-active{background:var(--glass-bg);color:var(--accent-primary)}.mobile-nav-icon{font-size:1.2rem}.mobile-nav-label{font-weight:500}.mobile-nav-cta{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.mobile-cta-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:var(--accent-primary);color:var(--bg-primary);border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.mobile-cta-button:hover{background:var(--accent-primary-hover);color:var(--bg-primary);transform:translateY(-1px)}.mobile-nav-overlay{position:fixed;inset:0;background:#00000080;z-index:998;opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}@media (max-width: 968px){.navbar-nav,.navbar-cta{display:none}.mobile-menu-btn{display:flex}}@media (max-width: 768px){.navbar-container{padding:0 1rem}.logo-name{font-size:1.1rem}.logo-title{font-size:.7rem}}@media (max-width: 480px){.navbar{padding:.75rem 0}.mobile-nav-content{padding:1.5rem}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.theme-toggle{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.2rem}.theme-toggle:hover{background:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.1)}.theme-toggle:hover .theme-toggle-icon{transform:rotate(15deg)}.theme-toggle-icon{transition:transform .3s ease}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:120px 0 80px;background:var(--bg-primary)}.hero-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,212,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 20s linear infinite;opacity:.3}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.floating-elements{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating-element{position:absolute;font-size:2rem;opacity:.6;animation:float 6s ease-in-out infinite}.floating-element:nth-child(1){top:15%;left:10%;animation-delay:0s}.floating-element:nth-child(2){top:25%;right:15%;animation-delay:1s}.floating-element:nth-child(3){bottom:30%;left:20%;animation-delay:2s}.floating-element:nth-child(4){bottom:20%;right:10%;animation-delay:3s}.floating-element:nth-child(5){top:45%;left:5%;animation-delay:4s}.floating-element:nth-child(6){top:60%;right:25%;animation-delay:5s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.hero-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;width:100%;z-index:2;position:relative}.hero-main{display:flex;flex-direction:column;gap:2rem}.hero-intro{display:flex;flex-direction:column;gap:1.5rem}.status-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50px;-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);width:fit-content;font-size:.9rem;font-weight:500;color:var(--text-secondary)}.status-indicator{width:8px;height:8px;background:var(--accent-success);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.hero-heading{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.1;margin:0}.greeting{display:block;font-size:clamp(1.2rem,2.5vw,1.8rem);color:var(--text-secondary);font-weight:500;margin-bottom:.5rem}.name{display:block;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;white-space:nowrap}.role-container{display:flex;align-items:center;gap:.5rem;font-size:clamp(1.2rem,3vw,2rem);font-weight:600;color:var(--text-primary);font-family:JetBrains Mono,monospace}.role-prefix{color:var(--accent-primary);font-weight:400}.typing-role{color:var(--accent-secondary);min-width:300px}.cursor{color:var(--accent-primary);animation:blink 1s infinite;font-weight:300}.hero-description{font-size:1.25rem;line-height:1.7;color:var(--text-secondary);max-width:90%;margin:0}.hero-metrics{display:flex;gap:2rem;padding:1.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop)}.metric{text-align:center;flex:1}.metric-value{display:block;font-size:1.75rem;font-weight:700;color:var(--accent-primary);font-family:JetBrains Mono,monospace;margin-bottom:.25rem}.metric-label{font-size:.9rem;color:var(--text-tertiary);font-weight:500}.hero-cta{display:flex;gap:1rem;margin-top:1rem}.cta-primary,.cta-secondary{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;font-size:1rem;transition:all .3s ease;cursor:pointer;border:none;text-decoration:none}.cta-primary{background:var(--accent-primary);color:var(--bg-primary)}.cta-primary:hover{background:var(--accent-primary-hover);transform:translateY(-2px);box-shadow:0 8px 20px #00d4ff4d}.cta-secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop)}.cta-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.hero-social{display:flex;gap:1rem;margin-top:1rem}.social-item{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-secondary);text-decoration:none;transition:all .3s ease;-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop)}.social-item:hover{color:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.terminal-window{width:100%;max-width:500px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-lg)}.terminal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.terminal-title{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--text-secondary);font-weight:500}.terminal-body{padding:1.5rem;font-family:JetBrains Mono,monospace;font-size:.9rem;line-height:1.6}.terminal-line{display:flex;align-items:center;margin-bottom:.75rem}.prompt{color:var(--accent-primary);margin-right:.75rem;font-weight:600}.command{color:var(--text-primary);font-weight:500}.terminal-output{margin:1rem 0 1.5rem 1.5rem}.output-line{display:flex;align-items:center;margin-bottom:.5rem}.key{color:var(--accent-secondary);margin-right:.5rem;min-width:80px}.value{color:var(--accent-success)}.terminal-line.current{margin-bottom:0}.cursor-line{color:var(--accent-primary);animation:blink 1s infinite;font-weight:300}.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-tertiary);font-size:.9rem;animation:bounce 2s ease-in-out infinite}.scroll-mouse{width:24px;height:40px;border:2px solid var(--text-tertiary);border-radius:12px;position:relative}.scroll-wheel{width:2px;height:8px;background:var(--text-tertiary);border-radius:1px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:scroll-wheel 2s ease-in-out infinite}@keyframes scroll-wheel{0%,to{opacity:0;transform:translate(-50%) translateY(0)}50%{opacity:1;transform:translate(-50%) translateY(8px)}}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@media (max-width: 968px){.hero-wrapper{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-visual{order:-1}.terminal-window{max-width:400px}.hero-metrics{justify-content:center}.status-badge{align-self:center}}@media (max-width: 768px){.hero-section{padding:100px 0 60px}.hero-cta{flex-direction:column;align-items:center}.cta-primary,.cta-secondary{width:100%;max-width:280px;justify-content:center}.hero-metrics{flex-direction:column;gap:1rem}.typing-role{min-width:auto}.floating-element{font-size:1.5rem}.hero-heading{font-size:clamp(2rem,4vw,3.5rem)}}.cursor-blink{color:var(--accent-primary);animation:blink 1s infinite;font-weight:300}.hero-subtitle{font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:600;color:var(--text-primary);margin-bottom:1rem}.subtitle-prefix{color:var(--accent-primary);font-weight:400}.rotating-role{color:var(--accent-secondary);position:relative}.hero-tagline{font-size:1.25rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem;max-width:90%}.hero-stats{display:flex;align-items:center;gap:2rem;margin-bottom:2.5rem;padding:1.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop)}.stat-item{text-align:center}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:var(--accent-primary);font-family:JetBrains Mono,monospace}.stat-label{font-size:.9rem;color:var(--text-tertiary);margin-top:.25rem}.stat-divider{width:1px;height:40px;background:var(--border-color)}.hero-actions{display:flex;gap:1rem;margin-bottom:2rem}.social-links{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-secondary);text-decoration:none;transition:all .3s ease;-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop)}.social-link:hover{color:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.code-window{width:100%;max-width:500px;background:var(--bg-secondary);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-lg)}.window-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.control.close{background:#ff5f57}.control.minimize{background:#ffbd2e}.control.maximize{background:#28ca42}.window-title{font-size:.9rem;color:var(--text-secondary)}.code-content{padding:1.5rem;font-family:JetBrains Mono,monospace;font-size:.9rem;line-height:1.6}.code-line{display:flex;align-items:center;margin-bottom:.5rem}.line-number{color:var(--text-muted);margin-right:1.5rem;min-width:1.5rem;text-align:right;-webkit-user-select:none;user-select:none}.keyword{color:#ff79c6}.variable{color:#8be9fd}.property{color:#50fa7b}.string{color:#f1fa8c}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:3}.scroll-arrow{color:var(--text-secondary);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 968px){.hero-content{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-visual{order:-1}.hero-stats{justify-content:center}}@media (max-width: 768px){.hero{padding-top:100px}.hero-stats{flex-direction:column;gap:1rem}.stat-divider{width:40px;height:1px}.hero-actions{flex-direction:column;align-items:center}.social-links{justify-content:center}}@media (max-width: 480px){.hero-tagline{font-size:1.1rem}.code-window{max-width:100%}.window-header{padding:.75rem 1rem}.code-content{padding:1rem;font-size:.8rem}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}[data-theme=dark] .hero{background:linear-gradient(135deg,#1e293b,#334155,#475569)}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.floating-shapes{position:relative;width:100%;height:100%}.shape{position:absolute;background:#ffffff1a;border-radius:50%;animation:float 6s ease-in-out infinite}.shape-1{width:80px;height:80px;top:20%;left:10%;animation-delay:0s}.shape-2{width:120px;height:120px;top:60%;right:15%;animation-delay:2s}.shape-3{width:60px;height:60px;top:10%;right:30%;animation-delay:4s}.shape-4{width:100px;height:100px;bottom:20%;left:20%;animation-delay:1s}.shape-5{width:140px;height:140px;top:40%;left:70%;animation-delay:3s}.shape-6{width:90px;height:90px;bottom:30%;right:40%;animation-delay:5s}.hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text{text-align:left}.hero-greeting{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.2rem;animation:fadeInUp 1s ease}.wave{font-size:2rem;animation:wave 2s ease-in-out infinite;transform-origin:70% 70%}.greeting-text{color:#ffffffe6;font-weight:500}.hero-title{font-size:3.5rem;margin-bottom:1rem;font-weight:700;animation:fadeInUp 1s ease .2s both;display:flex;align-items:center;gap:.2rem}.name{background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cursor{animation:blink 1s infinite;color:#3b82f6;font-weight:300}.hero-roles{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.5rem;animation:fadeInUp 1s ease .4s both}.role-prefix{color:#fffc}.rotating-text{position:relative;height:2rem;overflow:hidden}.role{position:absolute;left:0;top:0;opacity:0;transform:translateY(100%);transition:all .5s ease;color:#60a5fa;font-weight:600}.role.active{opacity:1;transform:translateY(0)}.hero-description{font-size:1.2rem;margin-bottom:2rem;opacity:.9;line-height:1.7;animation:fadeInUp 1s ease .6s both}.hero-buttons{display:flex;gap:1rem;animation:fadeInUp 1s ease .8s both}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:12px 30px;text-decoration:none;border-radius:50px;font-weight:600;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-icon{transition:transform .3s ease}.btn:hover .btn-icon{transform:scale(1.2)}.hero-visual{display:flex;justify-content:center;align-items:center}.code-window{background:var(--bg-tertiary);border-radius:12px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:450px;overflow:hidden;animation:slideInRight 1s ease .4s both}.window-header{background:var(--bg-secondary);padding:1rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--border-color)}.window-controls{display:flex;gap:.5rem}.control.red{background:#ff5f57}.control.yellow{background:#ffbd2e}.control.green{background:#28ca42}.window-title{color:var(--text-secondary);font-size:.9rem;font-weight:500}.code-content{padding:1.5rem;font-family:Fira Code,Monaco,Cascadia Code,monospace;font-size:.9rem;line-height:1.6}.code-line{display:flex;gap:1rem;margin-bottom:.5rem;animation:typeWriter .5s ease}.code-line:nth-child(1){animation-delay:1s}.code-line:nth-child(2){animation-delay:1.2s}.code-line:nth-child(3){animation-delay:1.4s}.code-line:nth-child(4){animation-delay:1.6s}.code-line:nth-child(5){animation-delay:1.8s}.line-number{color:var(--text-tertiary);opacity:.6;-webkit-user-select:none;user-select:none;min-width:20px}.code{color:var(--text-primary)}.keyword{color:#c678dd;font-weight:700}.variable{color:#61dafb}.property{color:#e06c75}.string{color:#98c379}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes typeWriter{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.btn{display:inline-block;padding:12px 30px;text-decoration:none;border-radius:50px;font-weight:600;transition:all .3s ease;border:2px solid transparent}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 10px 25px #2563eb4d}.btn-secondary{background:transparent;color:#fff;border:2px solid white}.btn-secondary:hover{background:#fff;color:var(--accent-primary);transform:translateY(-2px)}section{padding:80px 0}.section-title{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:var(--text-primary);position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:var(--accent-primary);border-radius:2px}.sparkle-icon{position:absolute;top:-8px;right:-35px;font-size:1.2rem;animation:sparkleFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(59,130,246,.6));cursor:pointer;transition:all .3s ease}.sparkle-icon:hover{transform:scale(1.1);filter:drop-shadow(0 0 12px rgba(59,130,246,.8))}.sparkle-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:radial-gradient(circle,rgba(59,130,246,.3) 0%,transparent 70%);border-radius:50%;animation:sparkleGlow 2s ease-in-out infinite alternate}.sparkle-icon:after{content:attr(data-tooltip);position:absolute;top:-35px;left:50%;transform:translate(-50%);background:var(--bg-tertiary);color:var(--text-primary);padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px var(--shadow);border:1px solid var(--border-color);opacity:0;visibility:hidden;transition:all .3s ease;z-index:10}.sparkle-icon:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-5px)}.sparkle-icon:after:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--bg-tertiary)}.section-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:3rem}.section-header .section-title{margin-bottom:0}.about{background:var(--bg-secondary);position:relative;overflow:hidden}.neural-canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3;z-index:1}.about:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(147,51,234,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,.1) 0%,transparent 50%);animation:aiBackground 10s ease-in-out infinite alternate}.ai-badge{background:linear-gradient(45deg,#3b82f6,#8b5cf6);color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;margin-right:.5rem;animation:pulse 2s ease-in-out infinite}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;position:relative;z-index:2}.about-left,.about-right{display:flex;flex-direction:column;gap:1.5rem}.dev-card{background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 8px 32px var(--shadow);overflow:hidden;animation:slideInLeft .8s ease-out}.dev-card .card-header{background:var(--bg-primary);padding:12px 16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.dev-card .card-controls{display:flex;gap:8px}.dev-card .control-dot{width:12px;height:12px;border-radius:50%}.dev-card .control-dot.red{background:#ff5f56}.dev-card .control-dot.yellow{background:#ffbd2e}.dev-card .control-dot.green{background:#27ca3f}.dev-card .card-title{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.dev-card .card-body{padding:16px;background:var(--bg-primary)}.dev-card .json-content{font-family:Fira Code,monospace;font-size:.85rem;line-height:1.5;color:var(--text-primary);white-space:pre-wrap;overflow-x:auto}.ai-metrics{background:var(--bg-tertiary);border-radius:16px;padding:1.5rem;border:1px solid rgba(59,130,246,.2);box-shadow:0 8px 32px var(--shadow)}.ai-metrics h3{margin-bottom:1rem;color:var(--text-primary);font-size:1.1rem}.metrics-grid{display:flex;flex-direction:column;gap:1rem}.metric-item{display:flex;flex-direction:column;gap:.5rem}.metric-value{font-size:1.5rem;font-weight:700;color:var(--accent-primary)}.metric-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.metric-bar{height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.metric-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:3px;animation:fillMetric 1s ease-out .5s both}.neural-terminal{background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 8px 32px var(--shadow);overflow:hidden;animation:slideInRight .8s ease-out}.neural-terminal .terminal-header{background:var(--bg-primary);padding:12px 16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.neural-terminal .terminal-controls{display:flex;gap:8px}.neural-terminal .control{width:12px;height:12px;border-radius:50%}.neural-terminal .control.minimize{background:#ffbd2e}.neural-terminal .control.maximize{background:#27ca3f}.neural-terminal .control.close{background:#ff5f56}.neural-terminal .terminal-title{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.neural-terminal .terminal-body{padding:16px;background:var(--bg-primary);font-family:Fira Code,monospace;font-size:.85rem;line-height:1.6}.terminal-line{display:flex;gap:8px;margin-bottom:4px}.prompt{color:var(--accent-primary);font-weight:600}.command{color:var(--text-primary)}.output{color:var(--text-secondary)}.output.success{color:#10b981}.cursor{color:var(--accent-primary)}.typing-cursor{animation:blink 1s infinite}.bio-summary{background:var(--bg-tertiary);border-radius:16px;padding:1.5rem;border:1px solid rgba(16,185,129,.2);box-shadow:0 8px 32px var(--shadow)}.summary-content p{color:var(--text-primary);line-height:1.6;margin-bottom:1rem}.summary-stats{display:flex;flex-direction:column;gap:.5rem}.stat-badge{display:flex;align-items:center;gap:.5rem;padding:8px 12px;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color)}.stat-icon{font-size:1rem}.stat-text{font-size:.85rem;font-weight:500;color:var(--text-secondary)}@keyframes fillMetric{0%{width:0}to{width:var(--width, 100%)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes sparkleFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(5deg)}50%{transform:translateY(-4px) rotate(-3deg)}75%{transform:translateY(-6px) rotate(2deg)}}@keyframes sparkleGlow{0%{opacity:.4;transform:translate(-50%,-50%) scale(.8)}to{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.neural-profile{position:relative;background:var(--bg-tertiary);border-radius:20px;padding:2rem;border:1px solid rgba(59,130,246,.2);box-shadow:0 10px 40px #0000001a;overflow:hidden}.neural-network{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3}.neural-node{position:absolute;width:8px;height:8px;background:linear-gradient(45deg,#3b82f6,#8b5cf6);border-radius:50%;animation:neuralPulse 3s ease-in-out infinite}.node-1{top:20%;left:20%;animation-delay:0s}.node-2{top:30%;right:20%;animation-delay:.6s}.node-3{bottom:40%;left:30%;animation-delay:1.2s}.node-4{bottom:20%;right:30%;animation-delay:1.8s}.node-5{top:50%;left:50%;animation-delay:2.4s}.neural-connection{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.5),transparent);animation:dataFlow 4s ease-in-out infinite}.conn-1{top:25%;left:25%;width:50%;transform:rotate(30deg);animation-delay:0s}.conn-2{top:35%;left:30%;width:40%;transform:rotate(-20deg);animation-delay:1s}.conn-3{bottom:35%;left:35%;width:30%;transform:rotate(45deg);animation-delay:2s}.conn-4{bottom:25%;left:40%;width:35%;transform:rotate(-30deg);animation-delay:3s}.profile-core{text-align:center;position:relative;z-index:2}.avatar-container{position:relative;display:inline-block;margin-bottom:1.5rem}.avatar-ring{width:100px;height:100px;border:3px solid;border-image:linear-gradient(45deg,#3b82f6,#8b5cf6,#10b981) 1;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:rotate 10s linear infinite}.avatar-icon{width:80px;height:80px;background:linear-gradient(45deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;position:relative;z-index:2}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border:2px solid rgba(59,130,246,.3);border-radius:50%;animation:pulseRing 2s ease-out infinite}.ai-status{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-primary);font-weight:600}.status-indicator{width:8px;height:8px;background:#10b981;border-radius:50%;animation:statusBlink 1.5s ease-in-out infinite}.personality-matrix{background:var(--bg-tertiary);border-radius:20px;padding:1.5rem;margin-top:1.5rem;border:1px solid rgba(59,130,246,.2)}.personality-matrix h3{color:var(--text-primary);margin-bottom:1rem;text-align:center}.traits-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.trait-bubble{background:var(--bg-primary);border:2px solid rgba(59,130,246,.3);border-radius:15px;padding:1rem;text-align:center;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer}.trait-bubble:hover{transform:translateY(-5px);border-color:#3b82f6cc;box-shadow:0 10px 30px #3b82f633}.trait-emoji{font-size:1.5rem;display:block;margin-bottom:.5rem}.trait-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.trait-particles{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(59,130,246,.1) 1px,transparent 1px);background-size:10px 10px;opacity:0;animation:particles 3s ease-in-out infinite}.ai-terminal{background:var(--bg-tertiary);border-radius:12px;border:1px solid rgba(59,130,246,.2);overflow:hidden;margin-bottom:1.5rem;box-shadow:0 10px 40px #0000001a}.terminal-header{background:var(--bg-primary);padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--border-color)}.terminal-controls{display:flex;gap:.5rem}.control{width:12px;height:12px;border-radius:50%}.minimize{background:#fbbf24}.maximize{background:#10b981}.close{background:#ef4444}.terminal-title{color:var(--text-secondary);font-family:Fira Code,monospace;font-size:.9rem}.terminal-body{padding:1rem;font-family:Fira Code,monospace;font-size:.9rem}.output-line{margin-bottom:.5rem;display:flex;gap:.5rem}.prompt{color:#3b82f6;font-weight:700}.typing-text{color:var(--text-secondary);animation:typewriter 3s steps(30) infinite}.result{color:#10b981}.skill-constellation{background:var(--bg-tertiary);border-radius:20px;padding:2rem;border:1px solid rgba(59,130,246,.2);position:relative;margin-bottom:1.5rem}.skill-constellation h3{color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.constellation-container{position:relative;height:200px;margin-bottom:1rem}.skill-star{position:absolute;cursor:pointer;transition:all .3s ease}.skill-star.frontend{top:20%}.skill-star[data-skill=React]{left:10%}.skill-star[data-skill=JavaScript]{left:30%}.skill-star[data-skill=TypeScript]{right:30%}.skill-star.backend{top:60%}.skill-star[data-skill="Node.js"]{left:20%}.skill-star[data-skill=Python]{right:20%}.skill-star.database{bottom:20%;left:50%;transform:translate(-50%)}.star-core{width:16px;height:16px;background:linear-gradient(45deg,#3b82f6,#8b5cf6);border-radius:50%;position:relative;z-index:2}.star-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:radial-gradient(circle,rgba(59,130,246,.4),transparent);border-radius:50%;animation:starGlow 2s ease-in-out infinite}.skill-label{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.5rem;font-size:.8rem;color:var(--text-secondary);white-space:nowrap;opacity:0;transition:opacity .3s ease}.skill-star:hover .skill-label{opacity:1}.skill-star:hover{transform:scale(1.2)}.constellation-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.constellation-path{fill:none;stroke:#3b82f64d;stroke-width:1;stroke-dasharray:5,5;animation:pathFlow 4s ease-in-out infinite}.bio-generator{background:var(--bg-tertiary);border-radius:20px;padding:2rem;border:1px solid rgba(59,130,246,.2)}.bio-generator h3{color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.bio-text{margin-bottom:1.5rem}.bio-text p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.highlight{color:var(--accent-primary);font-weight:600}.bio-stats{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.stat-chip{background:linear-gradient(45deg,#3b82f61a,#8b5cf61a);border:1px solid rgba(59,130,246,.3);border-radius:25px;padding:.75rem 1rem;text-align:center;min-width:80px;transition:all .3s ease}.stat-chip:hover{transform:translateY(-2px);box-shadow:0 5px 15px #3b82f633}.stat-value{display:block;font-size:1.2rem;font-weight:700;color:var(--accent-primary)}.stat-label{display:block;font-size:.7rem;color:var(--text-tertiary);margin-top:.25rem}@keyframes aiBackground{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}@keyframes neuralPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes dataFlow{0%{opacity:0;transform:scaleX(0)}50%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulseRing{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.3}}@keyframes particles{0%,to{opacity:0}50%{opacity:1}}@keyframes typewriter{0%{width:0}50%{width:100%}to{width:0}}@keyframes starGlow{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}@keyframes pathFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:20}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-card{background:var(--bg-tertiary);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px var(--shadow);transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px var(--shadow-hover)}.project-content{padding:2rem}.project-title{font-size:1.3rem;margin-bottom:1rem;color:var(--text-primary)}.project-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:var(--bg-secondary);color:var(--text-tertiary);padding:4px 12px;border-radius:12px;font-size:.8rem}.project-link{color:var(--accent-primary);text-decoration:none;font-weight:600;transition:color .3s ease}.project-link:hover{color:var(--accent-secondary)}.contact{background:var(--bg-secondary)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-info h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.contact-info p{color:var(--text-secondary);margin-bottom:2rem}.contact-details p{margin-bottom:.5rem;color:var(--text-tertiary)}.contact-form{background:var(--bg-tertiary);padding:2rem;border-radius:12px;box-shadow:0 4px 20px var(--shadow)}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--bg-primary);color:var(--text-primary);transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary)}.form-group textarea{resize:vertical;min-height:120px}.footer{background:var(--bg-tertiary);color:var(--text-primary);padding:2rem 0}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.social-links{display:flex;gap:1.5rem}.social-links a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.social-links a:hover{color:var(--accent-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.nav-container{flex-direction:column;gap:1rem}.nav-right,.nav-menu{gap:1rem}.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-text{text-align:center}.hero-title{font-size:2.5rem}.hero-roles{justify-content:center}.hero-buttons{justify-content:center;flex-direction:column;align-items:center}.code-window{max-width:350px}.about-content,.contact-content{grid-template-columns:1fr;gap:2rem}.about-left{order:2}.about-right{order:1}.traits-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.constellation-container{height:150px}.bio-stats{flex-direction:column;align-items:center}.projects-grid{grid-template-columns:1fr}.footer-content{text-align:center;flex-direction:column}}@media (max-width: 480px){.container{padding:0 15px}.hero{padding:1rem}.hero-title{font-size:2rem}.hero-roles{font-size:1.2rem}.hero-buttons{flex-direction:column;width:100%}.btn{width:100%;justify-content:center}.section-title{font-size:2rem}.traits-grid{grid-template-columns:1fr;gap:.8rem}.constellation-container{height:120px}.skill-star{position:relative!important;display:inline-block;margin:.5rem}.neural-profile,.personality-matrix,.ai-terminal,.skill-constellation,.bio-generator{padding:1rem}.avatar-icon{width:60px;height:60px;font-size:2rem}.avatar-ring{width:80px;height:80px}.pulse-ring{width:100px;height:100px}section{padding:60px 0}.code-window{max-width:280px}.code-content{padding:1rem;font-size:.8rem}}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--text-primary);margin-bottom:1rem}.section-number{color:var(--accent-primary);font-family:JetBrains Mono,monospace;font-size:1rem;margin-right:1rem}.section-subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.about-section{padding:var(--section-padding);position:relative}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:4rem}.about-text{display:flex;flex-direction:column;gap:2rem}.about-description p{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:1.5rem}.current-focus h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.3rem}.current-focus ul{list-style:none;padding:0}.current-focus li{color:var(--text-secondary);margin-bottom:.75rem;padding-left:1.5rem;position:relative}.current-focus li:before{content:"▸";color:var(--accent-primary);position:absolute;left:0;font-weight:700}.skills-word-map{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);position:relative;overflow:hidden}.skills-word-map:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(0,212,255,.03) 0%,transparent 70%);pointer-events:none}.skills-title{display:flex;align-items:center;gap:.75rem;margin:0;color:var(--text-primary);font-size:1.2rem;font-weight:600;z-index:2;position:relative}.word-cloud{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:center;align-items:center;padding:1.5rem;position:relative;z-index:2}.word-item{display:inline-block;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;text-align:center;line-height:1.2;opacity:0;animation:fadeInUp .6s ease-out forwards;border-radius:6px;padding:.2rem .4rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.word-primary{font-size:clamp(1.8rem,3vw,2.5rem);color:var(--accent-primary);font-weight:800;text-shadow:0 0 15px rgba(0,212,255,.4)}.word-primary:hover{transform:scale(1.05) translateY(-3px);text-shadow:0 0 20px rgba(0,212,255,.6);color:var(--accent-primary)}.word-secondary{font-size:clamp(1.2rem,2vw,1.6rem);color:var(--text-primary);font-weight:700}.word-secondary:hover{transform:scale(1.05) translateY(-2px);color:var(--accent-primary);text-shadow:0 0 10px rgba(0,212,255,.4)}.word-tertiary{font-size:clamp(.9rem,1.5vw,1.2rem);color:var(--text-secondary);font-weight:600}.word-tertiary:hover{transform:scale(1.03) translateY(-1px);color:var(--text-primary);text-shadow:0 0 8px rgba(180,180,199,.3)}.word-minor{font-size:clamp(.75rem,1vw,.95rem);color:var(--text-tertiary);font-weight:500}.word-minor:hover{transform:scale(1.02) translateY(-1px);color:var(--text-secondary)}.skills-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:.5rem;flex-wrap:wrap;z-index:2;position:relative}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-tertiary)}.legend-dot{width:6px;height:6px;border-radius:50%}.legend-dot.primary{background:var(--accent-primary);box-shadow:0 0 6px #00d4ff66}.legend-dot.secondary{background:var(--text-primary);box-shadow:0 0 4px #ffffff4d}.legend-dot.tertiary{background:var(--text-secondary);box-shadow:0 0 3px #b4b4c733}.legend-dot.minor{background:var(--text-tertiary);box-shadow:0 0 2px #8a8aa033}@media (max-width: 968px){.word-cloud{padding:1rem;gap:.5rem 1rem}.skills-legend{gap:1rem}}@media (max-width: 768px){.skills-word-map{padding:1rem}.word-cloud{padding:.75rem;gap:.4rem .8rem}.skills-legend{gap:.75rem}.legend-item{font-size:.75rem}}.experience-timeline{margin:4rem 0}.timeline-title{text-align:center;font-size:2rem;color:var(--text-primary);margin-bottom:3rem}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--accent-primary);transform:translate(-50%)}.timeline-item{position:relative;margin-bottom:3rem}.timeline-item:nth-child(odd) .timeline-content{margin-right:calc(50% + 2rem);text-align:right}.timeline-item:nth-child(2n) .timeline-content{margin-left:calc(50% + 2rem)}.timeline-marker{position:absolute;left:50%;top:1rem;width:16px;height:16px;background:var(--accent-primary);border:4px solid var(--bg-primary);border-radius:50%;transform:translate(-50%);z-index:2}.timeline-date{position:absolute;top:1rem;font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--accent-primary);background:var(--bg-tertiary);padding:.5rem 1rem;border-radius:20px;border:1px solid var(--accent-primary);white-space:nowrap;transform:translateY(-50%)}.timeline-item:nth-child(odd) .timeline-date{left:calc(50% + 2rem)}.timeline-item:nth-child(2n) .timeline-date{right:calc(50% + 2rem)}.timeline-content{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop)}.timeline-header{margin-bottom:.5rem}.timeline-header h4{color:var(--text-primary);font-size:1.2rem;margin:0}.timeline-company{color:var(--text-secondary);font-weight:600;margin-bottom:1rem}.timeline-achievements{list-style:none;padding:0;margin-bottom:1rem}.timeline-achievements li{color:var(--text-secondary);margin-bottom:.5rem;padding-left:1.5rem;position:relative}.timeline-achievements li:before{content:"✓";color:var(--accent-success);position:absolute;left:0;font-weight:700}.timeline-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-badge{background:var(--accent-primary);color:var(--bg-primary);padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.education-card{max-width:600px;margin:0 auto;padding:2rem}.education-content h3{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.5rem}.education-details h4{color:var(--text-primary);margin-bottom:.5rem}.institution{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1rem}.education-meta{display:flex;gap:2rem}.duration,.cgpa{color:var(--accent-primary);font-family:JetBrains Mono,monospace;font-weight:600}.projects-section{padding:var(--section-padding)}.project-filters{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}.filter-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop)}.filter-btn:hover,.filter-btn.active{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem}.project-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);transition:all .3s ease}.project-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-glow)}.project-card.featured{border-color:var(--accent-primary);box-shadow:0 0 20px #00d4ff33}.project-image{position:relative;height:200px;background:var(--bg-tertiary);overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:1rem}.project-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);text-decoration:none;transition:all .3s ease}.project-link:hover{background:var(--accent-primary);color:var(--bg-primary)}.project-content{padding:1.5rem}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.project-title{color:var(--text-primary);font-size:1.3rem;margin:0}.featured-badge{background:var(--accent-primary);color:var(--bg-primary);padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.project-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.project-achievements{margin-bottom:1rem}.achievement-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;color:var(--text-secondary)}.achievement-icon{color:var(--accent-success);font-weight:700}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:var(--bg-tertiary);color:var(--text-secondary);padding:.25rem .75rem;border-radius:12px;font-size:.8rem;border:1px solid var(--border-color)}.project-footer{display:flex;justify-content:flex-end}.learn-more-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:var(--accent-primary);cursor:pointer;font-weight:600;transition:all .3s ease}.learn-more-btn:hover{gap:1rem}.projects-cta{text-align:center;padding:3rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop)}.cta-content h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.cta-content p{color:var(--text-secondary);margin-bottom:2rem}.contact-section{padding:var(--section-padding)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:3rem}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-intro h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.contact-intro p{color:var(--text-secondary);line-height:1.7}.contact-methods{display:flex;flex-direction:column;gap:1.5rem}.contact-method{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);transition:all .3s ease}.contact-method:hover{border-color:var(--accent-primary);transform:translate(8px)}.method-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--accent-primary);color:var(--bg-primary);border-radius:12px}.method-info h4{color:var(--text-primary);margin:0 0 .25rem;font-size:1rem}.method-info p{color:var(--text-secondary);margin:0;font-size:.9rem}.social-connect h4{color:var(--text-primary);margin-bottom:1rem}.social-connect .social-links{display:flex;gap:1rem}.contact-form-container{display:flex;justify-content:center}.contact-form{width:100%;max-width:500px;padding:2rem}.contact-form h3{color:var(--text-primary);margin-bottom:2rem;text-align:center;font-size:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:var(--text-primary);margin-bottom:.5rem;font-weight:600}.form-group input,.form-group textarea{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:.875rem;color:var(--text-primary);font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #00d4ff1a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.submit-btn{width:100%;justify-content:center;margin-top:1rem}.submit-btn.submitting{opacity:.8;cursor:not-allowed;position:relative}.submit-btn.submitting:hover{background:var(--accent-primary);transform:none}.loading-spinner{display:inline-flex;align-items:center;margin-right:.5rem}.spinner-ring{width:18px;height:18px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-message{display:flex;align-items:center;gap:.5rem;padding:1rem;border-radius:8px;margin-top:1rem;font-size:.9rem;font-weight:500}.form-message.success{background:#10b9811a;color:var(--success-color, #10b981);border:1px solid rgba(16,185,129,.2)}.form-message.error{background:#ef44441a;color:var(--error-color, #ef4444);border:1px solid rgba(239,68,68,.2)}@media (max-width: 968px){.about-content,.contact-content{grid-template-columns:1fr;gap:2rem}.timeline:before{left:2rem}.timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(2n) .timeline-content{margin-left:4rem;margin-right:0;text-align:left}.timeline-marker{left:2rem}.timeline-item:nth-child(odd) .timeline-date,.timeline-item:nth-child(2n) .timeline-date{left:4.5rem;right:auto;top:.5rem}.timeline-header{flex-direction:column;gap:.5rem}}@media (max-width: 768px){.projects-grid,.form-row{grid-template-columns:1fr}.project-filters{flex-direction:column;align-items:center}.education-meta{flex-direction:column;gap:.5rem}}