:root{--bg-dark:#0a0a12;--neon-cyan:#00f2ff;--neon-purple:#8a2be2;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#ffffff73;--surface-bg:#0a0a12db;--overlay-bg:#0a0a12f7;--outline-border:#ffffff4d;--tag-bg:#ffffff1a;--scrollbar-track:#0b0e18;--scrollbar-thumb:#3a4050;--scrollbar-thumb-hover:#555f75;--blob-opacity:0.35;--font-main:"Inter",sans-serif}:root[data-theme=light]{--bg-dark:#eef2ff;--glass-bg:#ffffffb8;--glass-border:#0f172a24;--glass-shadow:0 8px 32px #0f172a1f;--text-primary:#0f172a;--text-secondary:#0f172ab8;--text-muted:#0f172a8c;--surface-bg:#ffffffd6;--overlay-bg:#eef2fff7;--outline-border:#0f172a3d;--tag-bg:#0f172a14;--scrollbar-track:#d9dfef;--scrollbar-thumb:#95a3c0;--scrollbar-thumb-hover:#7e8fae;--blob-opacity:0.2}*{box-sizing:border-box;padding:0}*,body{margin:0}body{background:#0a0a12;background:var(--bg-dark);color:#fff;color:var(--text-primary);font-family:Inter,sans-serif;font-family:var(--font-main);min-height:100vh;overflow-x:hidden;position:relative;transition:background-color .3s ease,color .3s ease}body:after,body:before{animation:floatBlob 10s infinite alternate;border-radius:50%;content:"";filter:blur(100px);height:300px;opacity:.35;opacity:var(--blob-opacity);position:fixed;width:300px;z-index:-1}body:before{background:#00f2ff;background:var(--neon-cyan);left:10%;top:10%}body:after{animation-delay:5s;background:#8a2be2;background:var(--neon-purple);bottom:10%;right:10%}@keyframes floatBlob{0%{transform:translate(0) scale(1)}to{transform:translate(30px,50px) scale(1.1)}}.glass-panel{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px 0 #0000005e;box-shadow:var(--glass-shadow)}.text-gradient{background:linear-gradient(90deg,#00f2ff,#8a2be2);background:linear-gradient(to right,var(--neon-cyan),var(--neon-purple));-webkit-background-clip:text;background-clip:text;color:#0000}a{color:inherit;text-decoration:none}ul{list-style:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0b0e18;background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:#3a4050;background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555f75;background:var(--scrollbar-thumb-hover)}.contact-btn,.contact-btn-outline{align-items:center;border-radius:50px;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;padding:14px;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}.contact-btn{background:#8a2be2;background:var(--neon-purple);border:2px solid #0000;color:#fff}.contact-btn:hover{background:#a040ff;box-shadow:0 8px 24px #8a2be299;transform:translateY(-4px) scale(1.1)}.contact-btn-outline{background:#0000;border:1px solid #ffffff4d;border:1px solid var(--outline-border);color:#fff;color:var(--text-primary)}.contact-btn-outline:hover{background:#ffffff0d;background:var(--glass-bg);border-color:#00f2ff;border-color:var(--neon-cyan);box-shadow:0 8px 24px #00f2ff33;transform:translateY(-4px) scale(1.1)}.site-navbar{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0a0a12db;background:var(--surface-bg);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border);display:flex;gap:20px;justify-content:flex-start;left:0;padding:20px clamp(16px,4vw,52px);position:fixed;top:0;width:100%;z-index:1200}.site-logo{color:#fff;color:var(--text-primary);flex-shrink:0;font-size:clamp(1.1rem,2.4vw,1.5rem);font-weight:700;letter-spacing:1px}.site-logo-accent{color:#00f2ff;color:var(--neon-cyan)}.desktop-nav{align-items:center;display:flex;gap:clamp(16px,2vw,30px);margin-left:auto}.desktop-nav-item{list-style:none}.nav-link{color:#fff;color:var(--text-primary);font-size:16px;font-weight:500;padding-bottom:4px;position:relative;text-decoration:none;transition:color .3s}.nav-link:before{background:linear-gradient(90deg,#00f2ff,#8a2be2);background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple));border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover{color:#00f2ff;color:var(--neon-cyan)}.nav-link:hover:before{width:100%}.nav-link:after{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:8px;box-shadow:0 4px 16px #0000004d;color:#fff;color:var(--text-primary);content:attr(data-tooltip);font-size:12px;font-weight:400;left:50%;opacity:0;padding:6px 14px;pointer-events:none;position:absolute;top:calc(100% + 12px);transform:translateX(-50%) translateY(6px);transition:opacity .25s ease,transform .25s ease;white-space:nowrap;z-index:9999}.nav-link:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}body.menu-open{overflow:hidden}.nav-actions{align-items:center;display:flex;gap:10px;margin-left:clamp(8px,1.2vw,16px)}.theme-toggle{align-items:center;background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:999px;color:#fff;color:var(--text-primary);cursor:pointer;display:inline-flex;height:40px;justify-content:center;transition:transform .2s ease,border-color .2s ease,background .2s ease;width:40px}.theme-toggle:hover{border-color:#00f2ff;border-color:var(--neon-cyan);transform:translateY(-1px)}.theme-toggle:focus-visible{outline:2px solid #00f2ff;outline:2px solid var(--neon-cyan);outline-offset:2px}.theme-toggle svg{height:18px;width:18px}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:4px;z-index:1100}.hamburger span{background:#fff;background:var(--text-primary);border-radius:2px;display:block;height:2px;transition:transform .3s ease,opacity .3s ease;width:26px}.hamburger.open span:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0a12f7;background:var(--overlay-bg);display:none;flex-direction:column;gap:28px;height:100vh;justify-content:center;left:0;opacity:0;padding:90px 24px 40px;pointer-events:none;position:fixed;top:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;width:100%;z-index:1050}.mobile-nav.open{display:flex;opacity:1;pointer-events:all;transform:translateY(0)}.mobile-nav .nav-link{font-size:clamp(1.5rem,7vw,2rem);font-weight:700}.mobile-nav .nav-link:after{display:none}@media (max-width:1024px){.hamburger{display:flex}.desktop-nav{display:none}.nav-actions{margin-left:auto}.site-navbar{padding:16px 24px}section{padding:80px 30px!important}}@media (max-width:768px){.site-navbar{gap:12px;padding:14px 18px}.site-logo{font-size:1.05rem}.theme-toggle{height:36px;width:36px}.theme-toggle svg{height:16px;width:16px}#hero{height:auto;min-height:100vh;padding:120px 20px 60px}#hero .glass-panel{padding:36px 24px!important}#hero h2{font-size:1.8rem!important}#hero h3{font-size:1.1rem!important}#hero p{font-size:.95rem!important}#hero div[style*=flex]{align-items:center;flex-direction:column;gap:14px!important}#about .glass-panel{padding:28px 20px!important}#about h2{font-size:1.8rem!important}#about p{font-size:1rem!important}#skills h2{font-size:1.8rem!important}#skills div[style*=grid]{gap:16px!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important}#projects h2{font-size:1.8rem!important}#projects div[style*=grid]{gap:24px!important;grid-template-columns:1fr!important;padding:0!important}#contact .glass-panel{padding:30px 20px!important}#contact h2{font-size:1.8rem!important}#contact div[style*=flex]{gap:14px!important}}@media (max-width:480px){.site-navbar{gap:10px;padding:14px}.site-logo{font-size:.95rem}.nav-actions{gap:8px}.mobile-nav{gap:22px}.mobile-nav .nav-link{font-size:1.35rem}#hero h2{font-size:1.5rem!important}#hero h3{font-size:1rem!important}.contact-btn,.contact-btn-outline{font-size:14px;padding:12px}#skills div[style*=grid]{grid-template-columns:repeat(2,1fr)!important}}
/*# sourceMappingURL=main.0364964d.css.map*/