:root{--bg: #000000;--bg-grad: linear-gradient(135deg, #000000 0%, #0a0a0a 100%);--card-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .05);--glass-border-hover: rgba(255, 255, 255, .2);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--muted: #a3b8cc;--accent: #00d2ff;--accent-2: #3a7bd5;--text-main: #f0f4f8;--header-bg: rgba(0, 0, 0, .5);--header-h: 68px}[data-theme=light]{--bg: #f5f7fa;--bg-grad: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);--card-bg: rgba(255, 255, 255, .6);--glass-border: rgba(255, 255, 255, .8);--glass-border-hover: rgba(200, 200, 200, .6);--glass-shadow: 0 8px 32px 0 rgba(100, 100, 111, .2);--muted: #5a6b7c;--accent: #007acc;--accent-2: #2b5ab5;--text-main: #1a202c;--header-bg: rgba(245, 247, 250, .7)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-main);background:var(--bg-grad);background-attachment:fixed;-webkit-font-smoothing:antialiased;line-height:1.6;transition:background .5s ease,color .5s ease}@keyframes avatarPulse{0%,to{box-shadow:0 0 #00d2ff80,0 10px 30px #3a7bd566;transform:translateY(0) rotate(-2deg)}50%{box-shadow:0 0 0 18px #00d2ff00,0 18px 40px #00d2ff80;transform:translateY(-8px) rotate(2deg)}}.avatar{animation:avatarPulse 4s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typing-cursor{display:inline-block;width:3px;height:1.1em;background:var(--accent);margin-left:3px;vertical-align:middle;border-radius:2px;animation:blink 1s step-end infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(60px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.reveal{opacity:0;animation:slideUp .9s cubic-bezier(.22,1,.36,1) forwards;animation-play-state:paused}.reveal.running{animation-play-state:running}@keyframes skillBounce{0%{opacity:0;transform:scale(.5) rotate(-10deg)}70%{transform:scale(1.1) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0)}}.skill-item.visible{animation:skillBounce .5s cubic-bezier(.34,1.56,.64,1) forwards}.skill-item{opacity:0}@keyframes pulse-line{0%{box-shadow:0 0 10px #00d2ff66}to{box-shadow:0 0 25px #3a7bd5cc,0 0 40px #00d2ff66}}header{display:flex;align-items:center;justify-content:space-between;padding:12px 40px;height:var(--header-h);position:sticky;top:0;z-index:200;background:var(--header-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);transition:all .3s ease}.brand{display:flex;gap:12px;align-items:center;flex-shrink:0}.home-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--card-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;transition:all .3s;color:var(--text-main);flex-shrink:0}.home-icon:hover{background:#ffffff1a;transform:scale(1.05)}.brand-name{font-weight:800;font-size:18px;letter-spacing:.5px;display:flex;flex-direction:column;white-space:nowrap}.brand-name strong{background:linear-gradient(90deg,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.header-desc{font-size:11px;font-weight:500;color:var(--muted);margin-top:-2px}.sub-description{font-size:18px;color:var(--accent);font-weight:600;margin-top:4px;letter-spacing:.5px}.desktop-nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;flex-wrap:nowrap}.desktop-nav a{color:var(--text-main);text-decoration:none;padding:6px 10px;border-radius:8px;display:inline-block;transition:all .3s ease;font-weight:500;font-size:13px;white-space:nowrap;position:relative}.desktop-nav a:after{content:"";position:absolute;bottom:2px;left:50%;width:0;height:2px;background:var(--accent);transition:all .3s ease;transform:translate(-50%);border-radius:2px}.desktop-nav a:hover{color:var(--accent);background:#ffffff0d}.desktop-nav a:hover:after{width:70%}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:var(--card-bg);border:1px solid var(--glass-border);border-radius:10px;cursor:pointer;gap:5px;padding:0;flex-shrink:0;transition:all .3s ease;margin-left:auto}.hamburger span{display:block;width:20px;height:2px;background:var(--text-main);border-radius:2px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);transform-origin:center}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hamburger:hover{background:#ffffff14;border-color:var(--accent)}.mobile-nav{display:none;position:fixed;top:var(--header-h);right:0;width:min(300px,85vw);height:calc(100dvh - var(--header-h));background:var(--header-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-left:1px solid var(--glass-border);z-index:199;padding:24px 20px;transform:translate(100%);transition:transform .35s cubic-bezier(.22,1,.36,1);overflow-y:auto}.mobile-nav.open{transform:translate(0)}.mobile-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.mobile-nav a{display:block;padding:14px 16px;color:var(--text-main);text-decoration:none;font-size:16px;font-weight:600;border-radius:12px;border:1px solid transparent;transition:all .25s ease}.mobile-nav a:hover,.mobile-nav a:active{color:var(--accent);background:#00d2ff14;border-color:#00d2ff33}.nav-overlay{display:none;position:fixed;inset:var(--header-h) 0 0 0;background:#00000080;z-index:198;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.theme-toggle{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:50%;width:40px;height:40px;display:grid;place-items:center;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);color:var(--text-main);box-shadow:0 4px 15px #0000001a;flex-shrink:0}.theme-toggle:hover{transform:scale(1.1) rotate(15deg)}.container{width:100%;max-width:1400px;margin:0 auto;padding:40px 5%}section{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;padding:40px;margin-bottom:40px;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:all .3s ease;width:100%}section:hover{border-color:var(--glass-border-hover)}h2{margin:0 0 10px;font-size:28px;font-weight:700;color:var(--text-main)}.sub{color:var(--muted);font-size:16px;margin-bottom:24px}.about{display:flex;gap:35px;align-items:center}.avatar{width:140px;height:140px;border-radius:24px;flex-shrink:0;object-fit:cover;object-position:top center;box-shadow:0 10px 30px #3a7bd566;border:3px solid rgba(0,210,255,.4)}@media (max-width: 768px){.avatar{width:108px;height:108px;border-radius:18px}}@media (max-width: 480px){.avatar{width:90px;height:90px;border-radius:14px}}.about .bio h3{font-size:26px;margin-top:0;margin-bottom:12px;color:var(--text-main)}.about .bio p{font-size:16px;line-height:1.8;color:var(--muted);margin:0}.timeline{position:relative;padding-left:44px}.timeline:before{content:"";position:absolute;top:15px;bottom:0;left:14px;width:4px;border-radius:4px;background:linear-gradient(to bottom,var(--accent),var(--accent-2));box-shadow:0 0 15px #00d2ff66;animation:pulse-line 3s infinite alternate ease-in-out}.journey-card{position:relative;padding:28px 32px;border-radius:16px;background:var(--card-bg);border:1px solid var(--glass-border);transition:all .4s cubic-bezier(.175,.885,.32,1.275);margin-bottom:40px;box-shadow:0 4px 20px #0000001a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:visible}.journey-card:before{content:"";position:absolute;top:30px;left:-44px;width:20px;height:20px;background:var(--bg);border:4px solid var(--accent);border-radius:50%;z-index:2;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 10px var(--accent)}.journey-card:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#ffffff1a,#fff0);transform:skew(-20deg);transition:all .7s;pointer-events:none}.journey-card:hover:after{left:150%}.journey-card:hover{border-color:var(--glass-border-hover);transform:translate(12px) translateY(-4px);box-shadow:0 12px 35px #00000040;background:#ffffff14}.journey-card:hover:before{background:var(--accent);transform:scale(1.4);box-shadow:0 0 25px var(--accent-2),0 0 45px var(--accent);border-color:#fff}.journey-card h3{color:var(--text-main);margin-top:0;font-size:20px;margin-bottom:12px;display:inline-block;background:linear-gradient(90deg,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}.journey-card ul{padding-left:20px;margin:0;color:var(--text-main)}.journey-card ul li{margin-bottom:8px;position:relative}.journey-card ul li::marker{color:var(--accent);font-weight:700}#skills{padding:40px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:20px;justify-items:center;margin-top:30px}.skill-item{width:100%;aspect-ratio:1;max-width:120px;background:var(--card-bg);border:1px solid var(--glass-border);border-radius:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:var(--glass-shadow);cursor:pointer}.skill-item:hover{transform:translateY(-8px);border-color:var(--accent);box-shadow:0 10px 25px #00d8ff33;background:#ffffff14}.skill-item img{width:58%;height:58%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transition:transform .3s ease}.skill-item:hover img{transform:scale(1.1)}.projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.proj{padding:24px;border-radius:18px;background:#ffffff05;border:1px solid var(--glass-border);transition:all .3s ease;display:flex;flex-direction:column;position:relative;overflow:hidden}.proj:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .5s ease}.proj:hover:before{left:100%}.proj:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#ffffff1a,#fff0);transform:skew(-20deg);transition:all .7s;pointer-events:none}.proj:hover:after{left:150%}.proj:hover{transform:translateY(-8px);background:#ffffff0d;border-color:#fff3;box-shadow:0 12px 30px #0006}.proj-logo{width:48px;height:48px;border-radius:12px;background:#ffffff0d;display:grid;place-items:center;margin-bottom:16px;border:1px solid var(--glass-border);color:var(--accent);transition:all .3s ease;box-shadow:0 4px 10px #0000001a;flex-shrink:0}.proj:hover .proj-logo{background:var(--accent);color:#000;transform:scale(1.1) rotate(5deg);border-color:transparent}.proj h3{margin:0 0 14px;font-size:18px;color:var(--text-main)}.proj p{margin:0 0 20px;color:var(--muted);font-size:15px;flex-grow:1;line-height:1.6}.proj .tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.tag{background:#ffffff0f;padding:5px 10px;border-radius:8px;font-size:11px;font-weight:600;border:1px solid rgba(255,255,255,.1);color:var(--accent)}#hackathons .proj-logo{width:64px;height:64px;border-radius:16px}#hackathons .proj-logo svg{width:32px;height:32px}#hackathons .proj h3{font-size:22px;margin-bottom:0}footer{margin-top:40px;padding:24px 20px;border-radius:20px;border:1px solid var(--glass-border);background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:16px}.footer-content p{margin:0;color:var(--text-main);font-size:14px;font-weight:500;opacity:.8}.social-links{display:flex;gap:16px;justify-content:center}.social-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-main);transition:all .3s cubic-bezier(.175,.885,.32,1.275);text-decoration:none}.social-icon:hover{transform:translateY(-4px) scale(1.1);background:var(--accent);color:#000;border-color:transparent;box-shadow:0 8px 20px #00d2ff4d}@media (max-width: 768px){footer{padding:20px 16px}.footer-content{gap:12px}}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}@media (max-width: 1024px){header{padding:12px 24px}.desktop-nav a{font-size:12px;padding:6px 8px}.brand-name{font-size:16px}}@media (max-width: 768px){header{padding:10px 16px;height:auto;min-height:var(--header-h)}.desktop-nav{display:none}.hamburger{display:flex}.mobile-nav,.nav-overlay{display:block}.brand{width:100%}.container{padding:20px 12px}section{padding:24px 18px;border-radius:16px;margin-bottom:24px}h2{font-size:24px;margin-bottom:16px}.about{flex-direction:column;text-align:center;gap:20px;align-items:center}.avatar{width:100px;height:100px;font-size:32px;border-radius:18px}.about .bio h3{font-size:20px}.sub-description{font-size:16px}#skills{padding:24px 18px}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;margin-top:20px}.timeline{padding-left:36px}.timeline:before{left:10px;width:3px}.journey-card{padding:18px 20px;margin-bottom:24px}.journey-card:before{left:-36px;width:16px;height:16px;top:24px}.journey-card:hover{transform:translateY(-4px)}.journey-card h3{font-size:17px}.projects{grid-template-columns:1fr;gap:14px}.proj h3{font-size:16px}#hackathons .proj h3{font-size:18px}}@media (max-width: 480px){.brand-name,.brand-name strong{font-size:14px}.header-desc{font-size:10px}section{padding:20px 14px}h2{font-size:21px}.avatar{width:84px;height:84px;font-size:26px}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px}.journey-card{padding:14px 16px}.proj{padding:18px 16px}footer{font-size:13px;padding:12px}}@media (min-width: 900px) and (max-width: 1099px){.projects{grid-template-columns:repeat(2,1fr)}}@media (min-width: 600px) and (max-width: 767px){.projects{grid-template-columns:repeat(2,1fr)}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}