@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a1a1f;--teal:#2a9d8f;--gold:#e9c46a;--orange:#f4a261;--coral:#e76f51;--dark-teal:#264653;--text:#f0ebe3;--card-bg:#26465340;--font-heading:"Orbitron", monospace;--font-body:"Space Mono", monospace}html{scroll-behavior:smooth;cursor:none}body{background:var(--bg);color:var(--text);font-family:var(--font-body);position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:1;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#2a9d8f03 2px 4px);position:fixed;inset:0}#three-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.section{z-index:2;max-width:1400px;margin:0 auto;padding:100px 5%;position:relative}.section-heading{font-family:var(--font-heading);color:#2a9d8f;text-shadow:0 0 20px #2a9d8f80;margin-bottom:60px;font-size:clamp(1.8rem,4vw,3rem)}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #2a9d8f2e;border-radius:16px;padding:28px;transition:border-color .3s,box-shadow .3s,transform .3s}.glass-card:hover{border-color:#2a9d8f;transform:translateY(-4px);box-shadow:0 0 30px #2a9d8f33}.neon-btn{color:#2a9d8f;font-family:var(--font-heading);letter-spacing:1px;cursor:none;background:0 0;border:1.5px solid #2a9d8f;border-radius:8px;align-items:center;gap:8px;padding:12px 28px;font-size:.85rem;text-decoration:none;transition:background .3s,box-shadow .3s,color .3s;display:inline-flex}.neon-btn:hover{color:#fff;background:#2a9d8f1a;box-shadow:0 0 20px #2a9d8f66}.neon-btn.filled{color:#0a1a1f;background:#2a9d8f}.neon-btn.filled:hover{color:#2a9d8f;background:0 0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}@keyframes pulse{0%,to{box-shadow:0 0 15px #2a9d8f4d}50%{box-shadow:0 0 30px #2a9d8fb3}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{text-shadow:0 0 20px #2a9d8f80}50%{text-shadow:0 0 40px #2a9d8fe6,0 0 60px #2a9d8f66}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a1a1f}::-webkit-scrollbar-thumb{background:#2a9d8f59;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#2a9d8f99}::selection{color:#2a9d8f;background:#2a9d8f40}@media (hover:none) and (pointer:coarse){html{cursor:auto!important}.cursor-dot,.cursor-halo{display:none!important}}.hero-avatar{position:relative}@media (width<=1024px){.desktop-nav,.hero-section{gap:20px!important}.hero-avatar{height:min(65vh,500px)!important}.section{padding:80px 5%}.about-grid{grid-template-columns:1fr 1.3fr!important;gap:40px!important}.stats-grid,.services-grid,.projects-grid,.skills-grid{grid-template-columns:repeat(2,1fr)!important}.connect-grid{grid-template-columns:1fr!important}}@media (width<=768px){.hero-section{grid-template-columns:1fr!important;gap:0!important;padding-top:90px!important}.hero-avatar{width:100%!important;height:52vw!important;min-height:280px!important;max-height:380px!important}.desktop-nav{display:none!important}.hamburger{display:flex!important}.section{padding:70px 4%!important}.section-heading{margin-bottom:40px!important;font-size:clamp(1.4rem,6vw,2rem)!important}.about-grid{grid-template-columns:1fr!important;gap:36px!important}.about-left{justify-content:center!important}.about-right{text-align:left}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.timeline-item{justify-content:flex-start!important;padding-left:40px!important;padding-right:0!important}.timeline-dot{left:12px!important;transform:none!important}.timeline-line-center{left:20px!important}.achievements-grid,.services-grid,.projects-grid{grid-template-columns:1fr!important}.projects-grid>div{grid-column:auto!important}.skills-grid{grid-template-columns:1fr!important}.connect-grid{grid-template-columns:1fr!important;gap:40px!important}div[style*="display: flex"][style*="gap: 16px"]{flex-wrap:wrap!important}.neon-btn{padding:10px 20px!important;font-size:.75rem!important}#three-canvas{opacity:.5}}@media (width<=480px){.section{padding:60px 4%!important}.section-heading{font-size:1.3rem!important}.about-grid,.connect-grid{grid-template-columns:1fr!important}.timeline-line-center{left:20px!important}}