@import"https://api.fontshare.com/v2/css?f[]=clash-display@400,500,600,700&f[]=satoshi@300,400,500,700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";:root{--primary: #00F5D4;--primary-light: #4AFDE8;--primary-dark: #00C4AA;--accent: #7C3AED;--accent-light: #9D6EF8;--secondary: #2563EB;--secondary-light: #60A5FA;--dark-bg: #080B14;--dark-surface: #0D1117;--dark-elevated: #111827;--dark-text: #D1EEF5;--dark-text-muted: #7FA8BC;--dark-text-subtle: #4A6A7A;--glass-bg: rgba(8, 11, 20, .82);--glass-border: rgba(0, 245, 212, .1);--glass-border-hover: rgba(0, 245, 212, .28);--gradient-primary: linear-gradient(135deg, #00F5D4 0%, #7C3AED 100%);--gradient-subtle: linear-gradient(135deg, rgba(0, 245, 212, .08) 0%, rgba(124, 58, 237, .08) 100%);--gradient-glow: linear-gradient(135deg, rgba(0, 245, 212, .3) 0%, rgba(124, 58, 237, .3) 100%);--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 40px rgba(0, 245, 212, .18);--shadow-glow-accent: 0 0 40px rgba(124, 58, 237, .28);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--transition-fast: .1s cubic-bezier(.16, 1, .3, 1);--transition-base: .18s cubic-bezier(.16, 1, .3, 1);--transition-slow: .3s cubic-bezier(.16, 1, .3, 1);--transition-spring: .22s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;transition:background-color .15s cubic-bezier(.16,1,.3,1),color .15s cubic-bezier(.16,1,.3,1),border-color .15s cubic-bezier(.16,1,.3,1)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Satoshi,system-ui,-apple-system,sans-serif;background:var(--dark-bg);color:var(--dark-text);line-height:1.6;overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px}h1,h2,h3,h4,h5,h6{font-family:Clash Display,system-ui,sans-serif;font-weight:600;line-height:1.15;letter-spacing:-.03em}code,pre{font-family:JetBrains Mono,monospace}::-moz-selection{background:#00f5d438;color:#fff}::selection{background:#00f5d438;color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:var(--dark-elevated);border-radius:var(--radius-full);border:2px solid var(--dark-bg)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.glass-card:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.btn-glow{position:relative;overflow:hidden;background:var(--gradient-primary);border:none;cursor:pointer;font-weight:600;letter-spacing:.025em;text-decoration:none;transition:all var(--transition-base)}.btn-glow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(255,255,255,.1) 100%);opacity:0;transition:opacity var(--transition-base)}.btn-glow:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:var(--gradient-primary);border-radius:inherit;z-index:-1;filter:blur(20px);opacity:0;transition:opacity var(--transition-base)}.btn-glow:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow-accent)}.btn-glow:hover:before{opacity:1}.btn-glow:hover:after{opacity:.6}.btn-glow:active{transform:translateY(0)}.btn-outline{position:relative;background:transparent;border:1px solid var(--primary);color:var(--primary);font-weight:600;letter-spacing:.025em;text-decoration:none;transition:all var(--transition-base);overflow:hidden}.btn-outline:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-subtle);opacity:0;transition:opacity var(--transition-base)}.btn-outline:hover{border-color:var(--accent);color:#fff;transform:translateY(-1px)}.btn-outline:hover:before{opacity:1}@keyframes ringPulse{0%,to{box-shadow:0 0 0 4px #00f5d459,0 0 0 8px #00f5d414,0 0 40px #00f5d440}50%{box-shadow:0 0 0 6px #7c3aed73,0 0 0 12px #7c3aed1f,0 0 60px #2563eb40}}.avatar-glow{animation:ringPulse 4s ease-in-out infinite}.ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.12;animation:orbFloat 10s ease-in-out infinite alternate}.orb-1{width:600px;height:600px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);top:-200px;left:-150px;animation-duration:12s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);bottom:-150px;right:-100px;animation-duration:14s;animation-delay:2s}.orb-3{width:400px;height:400px;background:radial-gradient(circle,var(--secondary) 0%,transparent 70%);top:50%;left:60%;animation-duration:10s;animation-delay:1s;opacity:.08}@keyframes orbFloat{0%{transform:translate(0) scale(1) rotate(0)}to{transform:translate(40px,30px) scale(1.1) rotate(10deg)}}.typewriter-cursor:after{content:"|";animation:blink 1s step-end infinite;color:var(--primary);margin-left:2px;font-weight:300}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.reveal{opacity:0;transform:translateY(12px);transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.nav-link{position:relative;padding-bottom:4px;font-weight:500;transition:color var(--transition-base)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-base);border-radius:var(--radius-full)}.nav-link:hover{color:#fff}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.active{color:var(--primary-light);font-weight:600}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;z-index:100}.hamburger span{display:block;width:24px;height:2px;background:currentColor;border-radius:var(--radius-full);transition:all var(--transition-base);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)}.mobile-menu{display:none;flex-direction:column;gap:0;padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideDown .3s ease}.mobile-menu.open{display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.mobile-menu a{padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.95rem;font-weight:500;transition:all var(--transition-base)}.mobile-menu a:hover{color:var(--primary-light);padding-left:.5rem}@media (max-width: 768px){.hamburger{display:flex}.desktop-nav{display:none!important}}.badge{display:inline-flex;align-items:center;font-size:.75rem;font-weight:500;padding:.3rem .85rem;border-radius:var(--radius-full);border:1px solid;letter-spacing:.03em;transition:all var(--transition-base)}.badge:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.stat-divider{width:1px;height:48px;background:linear-gradient(180deg,transparent,rgba(0,245,212,.25),transparent)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.progress-shimmer{background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);background-size:200% 100%;animation:shimmer 2.5s infinite;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-full)}@keyframes progressFill{0%{width:0}}.progress-bar{animation:progressFill 1.4s ease-out forwards;position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:shimmer 2.5s infinite;background-size:200% 100%}.light{--dark-bg: #F0FAFA;--dark-surface: #FFFFFF;--dark-elevated: #E6F7F5;--dark-text: #0D2B2B;--dark-text-muted: #2E6B6B;--dark-text-subtle: #5A9090;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 196, 170, .2);--glass-border-hover: rgba(0, 196, 170, .4);--shadow-glow: 0 0 40px rgba(0, 245, 212, .15)}.light .glass-card{background:#ffffffe0;border-color:#00c4aa2e;box-shadow:0 4px 24px #00000012}.light .glass-card:hover{box-shadow:0 8px 40px #00f5d42e}.light .orb{opacity:.06}.light .bg-darkBg{background-color:var(--dark-bg)}.light .text-darkText{color:var(--dark-text)}.light .text-white{color:#1e293b}.light .text-gray-400{color:var(--dark-text-muted)}.light .text-gray-300{color:var(--dark-text-subtle)}.light .bg-gray-700,.light .bg-gray-800{background-color:#e2e8f0}.light .border-gray-500{border-color:#cbd5e1}.light input,.light textarea{background-color:#f1f5f9!important;color:#1e293b!important}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);border:1px solid rgba(0,245,212,.15);background:var(--gradient-subtle);transition:all var(--transition-base)}.footer-social a:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-glow)}.project-card{transition:all var(--transition-slow);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.project-card:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-lg),var(--shadow-glow-accent);transform:translateY(-4px)}.project-card.hidden-card{opacity:0;transform:scale(.9);pointer-events:none;position:absolute}.filter-btn{transition:all var(--transition-base);font-weight:500;letter-spacing:.02em}.filter-btn.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow);border-color:transparent}.filter-btn:not(.active):hover{border-color:var(--primary);color:var(--primary-light);background:var(--gradient-subtle)}input,textarea{transition:all var(--transition-base)}input:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #00f5d41f;outline:none}a{transition:color var(--transition-base)}.hover-glow{position:relative}.hover-glow:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:var(--gradient-primary);border-radius:inherit;z-index:-1;opacity:0;filter:blur(16px);transition:opacity var(--transition-base)}.hover-glow:hover:before{opacity:.4}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 6s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 #00f5d459}50%{box-shadow:0 0 0 8px #00f5d400}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,245,212,.15),transparent);margin:3rem 0}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:.5rem .75rem;background:var(--dark-surface);color:var(--dark-text);font-size:.75rem;border-radius:var(--radius-md);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-md);border:1px solid var(--glass-border)}[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}@keyframes skeleton{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--dark-elevated) 0%,var(--dark-surface) 50%,var(--dark-elevated) 100%);background-size:200% 100%;animation:skeleton 1.5s ease-in-out infinite;border-radius:var(--radius-md)}#hero-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}#hero-canvas canvas{display:block}#ambient-3d{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}#ambient-3d canvas{display:block}#avatar-3d{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;z-index:-1;pointer-events:auto}#avatar-3d canvas{display:block;width:100%!important;height:100%!important}.avatar-container{position:relative}#skills-3d{position:relative;width:100%;height:400px;margin:2rem 0}#skills-3d canvas{display:block;border-radius:var(--radius-xl)}.tilt-card{transform-style:preserve-3d;transition:transform .15s ease-out}.tilt-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--glow-x, 50%) var(--glow-y, 50%),rgba(0,245,212,.1) 0%,transparent 60%);opacity:0;transition:opacity .18s cubic-bezier(.16,1,.3,1);border-radius:inherit;pointer-events:none;z-index:1}.tilt-card:hover:before{opacity:1}.tilt-card>*{transform:translateZ(20px)}.scene-loading{background:var(--gradient-subtle);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}.has-3d .ambient-bg{display:none}@media (max-width: 768px){#hero-canvas,#ambient-3d{display:none}.has-3d .ambient-bg{display:block}#skills-3d{height:300px}}@media (prefers-reduced-motion: reduce){#hero-canvas,#ambient-3d,#avatar-3d,#skills-3d{display:none}.has-3d .ambient-bg{display:block}.tilt-card{transform:none!important}.tilt-card:before{display:none}}.light #hero-canvas canvas,.light #ambient-3d canvas{opacity:.7}main,header,footer,section{position:relative;z-index:10}