*{margin:0;padding:0;box-sizing:border-box}:root[data-theme=light]{--bg-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg-secondary: rgba(255, 255, 255, .1);--card-bg: rgba(255, 255, 255, .15);--text-primary: #ffffff;--text-secondary: #e0e0e0;--primary-color: #00f5ff;--primary-hover: #00d9ff;--secondary-color: #ff00ff;--gradient-start: #00f5ff;--gradient-end: #ff00ff;--border-color: rgba(255, 255, 255, .2);--shadow-color: rgba(0, 245, 255, .3);--shadow-hover: rgba(255, 0, 255, .5);--code-bg: rgba(255, 255, 255, .1);--code-color: #ffffff;--button-bg: linear-gradient(135deg, #00f5ff 0%, #ff00ff 100%);--button-hover: linear-gradient(135deg, #00d9ff 0%, #d900d9 100%);--button-text: #ffffff;--icon-bg: rgba(255, 255, 255, .1);--navbar-bg: rgba(255, 255, 255, .1);--footer-bg: rgba(0, 0, 0, .3);--footer-text: #ffffff;--glass-blur: blur(20px);--glass-border: 1px solid rgba(255, 255, 255, .2);--neon-glow: 0 0 20px rgba(0, 245, 255, .5)}:root[data-theme=dark]{--bg-primary: linear-gradient(135deg, #0f0f23 0%, #1a0f2e 100%);--bg-secondary: rgba(0, 0, 0, .3);--card-bg: rgba(255, 255, 255, .05);--text-primary: #ffffff;--text-secondary: #b0b0b0;--primary-color: #00f5ff;--primary-hover: #00d9ff;--secondary-color: #ff00ff;--gradient-start: #00f5ff;--gradient-end: #ff00ff;--border-color: rgba(255, 255, 255, .1);--shadow-color: rgba(0, 245, 255, .3);--shadow-hover: rgba(255, 0, 255, .5);--code-bg: rgba(0, 0, 0, .3);--code-color: #e5e7eb;--button-bg: linear-gradient(135deg, #00f5ff 0%, #ff00ff 100%);--button-hover: linear-gradient(135deg, #00d9ff 0%, #d900d9 100%);--button-text: #ffffff;--icon-bg: rgba(255, 255, 255, .05);--navbar-bg: rgba(0, 0, 0, .3);--footer-bg: rgba(0, 0, 0, .5);--footer-text: #ffffff;--glass-blur: blur(20px);--glass-border: 1px solid rgba(255, 255, 255, .1);--neon-glow: 0 0 20px rgba(0, 245, 255, .5)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);z-index:-1}code{font-family:Courier New,Courier,monospace}#root{min-height:100vh}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.navbar{background:var(--navbar-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:0 8px 32px var(--shadow-color),var(--neon-glow);position:sticky;top:0;z-index:100;border:var(--glass-border);margin:10px;border-radius:20px}.nav-container{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none;transition:color .3s ease}.nav-logo:hover{color:var(--primary-hover)}.nav-right{display:flex;align-items:center;gap:20px}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:10px}.nav-item{margin:0}.nav-link{padding:8px 20px;text-decoration:none;color:var(--text-primary);font-weight:500;border-radius:8px;transition:all .3s ease;display:block}.nav-link:hover{background:var(--icon-bg);color:var(--primary-color);box-shadow:var(--neon-glow);transform:translateY(-2px)}.nav-link.active{background:var(--button-bg);color:var(--button-text);box-shadow:var(--neon-glow)}.nav-controls{display:flex;gap:10px;align-items:center}.control-btn{background:var(--icon-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);color:var(--text-primary);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.1rem}.control-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--neon-glow)}.lang-btn{width:auto;padding:0 12px;gap:6px}.lang-text{font-size:.85rem;font-weight:600}@media(max-width:968px){.nav-container{flex-direction:column;height:auto;padding:15px 20px;gap:15px}.nav-right{width:100%;justify-content:space-between}.nav-menu{flex-wrap:wrap;justify-content:center;gap:8px}.nav-link{padding:6px 15px;font-size:.9rem}}@media(max-width:600px){.nav-menu{width:100%}.nav-link{flex:1;text-align:center}.nav-controls{margin-top:10px}}.footer{background:var(--footer-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--footer-text);padding:30px 20px;margin-top:80px;border-top:var(--glass-border);box-shadow:0 -8px 32px var(--shadow-color)}.footer-content{max-width:1400px;margin:0 auto;text-align:center}.footer-content p{margin:5px 0;font-size:.95rem}.footer-content p:first-child{font-weight:500}.footer-content p:last-child{opacity:.9}.home{max-width:1200px;margin:0 auto;padding:20px}.hero{text-align:center;padding:80px 20px;background:var(--card-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:30px;color:#fff;margin-bottom:60px;box-shadow:0 8px 32px var(--shadow-color),var(--neon-glow);border:var(--glass-border);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:var(--button-bg);opacity:.1;animation:rotate 20s linear infinite;z-index:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-content{position:relative;z-index:1}.hero-content h1{font-size:3.5rem;margin-bottom:10px;font-weight:700;text-shadow:0 0 30px var(--primary-color)}.tagline{font-size:1.5rem;margin-bottom:20px;opacity:.95}.description{font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6;opacity:.95}.highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:40px}.highlight-card{background:var(--card-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:30px;border-radius:20px;box-shadow:0 8px 32px var(--shadow-color);transition:transform .3s ease,box-shadow .3s ease;border:var(--glass-border)}.highlight-card:hover{transform:translateY(-10px);box-shadow:0 12px 40px var(--shadow-hover),var(--neon-glow)}.highlight-card h3{font-size:1.5rem;margin-bottom:15px;color:var(--primary-color);text-shadow:0 0 20px var(--primary-color)}.highlight-card p{color:var(--text-secondary);line-height:1.6}.github-stats{margin-top:60px;display:flex;flex-direction:column;gap:40px}.stats-title{text-align:center;font-size:2.5rem;font-weight:700;color:var(--text-primary);text-shadow:0 0 20px var(--primary-color);margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;justify-items:center}.stat-card{background:var(--card-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:20px;border-radius:20px;box-shadow:0 8px 32px var(--shadow-color);border:var(--glass-border);transition:transform .3s ease,box-shadow .3s ease;width:100%;max-width:500px}.stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px var(--shadow-hover),var(--neon-glow)}.stat-card img{width:100%;height:auto;border-radius:10px}.featured-projects{margin-top:60px}.featured-title{text-align:center;font-size:2.5rem;font-weight:700;color:var(--text-primary);text-shadow:0 0 20px var(--primary-color);margin-bottom:30px}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.featured-card{background:var(--card-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:30px;border-radius:20px;box-shadow:0 8px 32px var(--shadow-color);border:var(--glass-border);transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:var(--text-primary);display:block}.featured-card:hover{transform:translateY(-10px);box-shadow:0 12px 40px var(--shadow-hover),var(--neon-glow)}.featured-card h3{font-size:1.8rem;margin-bottom:15px;color:var(--primary-color);text-shadow:0 0 20px var(--primary-color)}.featured-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:15px}.featured-badge{display:inline-block;padding:8px 16px;background:var(--button-bg);color:var(--button-text);border-radius:20px;font-size:.9rem;font-weight:600;box-shadow:var(--neon-glow)}@media(max-width:768px){.hero-content h1{font-size:2.5rem}.tagline{font-size:1.2rem}.highlights{grid-template-columns:1fr}}.about{max-width:900px;margin:0 auto;padding:40px 20px}.about-header{text-align:center;margin-bottom:60px}.about-header h1{font-size:3rem;color:var(--text-primary);margin-bottom:15px;text-shadow:0 0 30px var(--primary-color)}.about-content{background:var(--card-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:30px;padding:50px;box-shadow:0 8px 32px var(--shadow-color),var(--neon-glow);border:var(--glass-border)}.about-section{margin-bottom:40px}.about-section:last-child{margin-bottom:0}.about-section h2{font-size:1.8rem;color:var(--text-primary);margin-bottom:15px}.about-section p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary)}.skills{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.skill-tag{background:var(--button-bg);color:#fff;padding:8px 16px;border-radius:20px;font-size:.95rem;font-weight:500;box-shadow:var(--neon-glow);transition:transform .3s ease,box-shadow .3s ease}.skill-tag:hover{transform:translateY(-3px);box-shadow:0 8px 32px var(--shadow-hover)}.tech-icons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px;padding:30px;background:var(--card-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:20px;box-shadow:0 8px 32px var(--shadow-color);border:var(--glass-border)}.tech-icon{width:50px;height:50px;transition:transform .3s ease,filter .3s ease;filter:drop-shadow(0 0 10px var(--primary-color))}.tech-icon:hover{transform:translateY(-5px) scale(1.1);filter:drop-shadow(0 0 20px var(--primary-color))}.wakatime-badge{display:flex;justify-content:center;margin-top:30px}.wakatime-badge img{max-width:100%;height:auto;border-radius:10px;box-shadow:var(--neon-glow)}@media(max-width:768px){.about-header h1{font-size:2.2rem}.subtitle{font-size:1.1rem}.about-content{padding:30px 20px}.about-section h2{font-size:1.5rem}.about-section p{font-size:1rem}}.projects{max-width:1400px;margin:0 auto;padding:40px 20px}.projects-header{text-align:center;margin-bottom:60px}.projects-header h1{font-size:3rem;color:var(--text-primary);margin-bottom:15px;text-shadow:0 0 30px var(--primary-color)}.loading,.error{text-align:center;font-size:1.2rem;color:var(--text-secondary);padding:40px}.error{color:#e74c3c}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.project-card{background:var(--card-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:30px;border-radius:25px;box-shadow:0 8px 32px var(--shadow-color);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;border:var(--glass-border)}.project-card:hover{transform:translateY(-10px);box-shadow:0 15px 50px var(--shadow-hover),var(--neon-glow)}.project-icon-container{width:100px;height:100px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:var(--icon-bg);overflow:hidden;border:var(--glass-border);box-shadow:0 4px 16px var(--shadow-color)}.project-icon-img{width:100%;height:100%;object-fit:cover;border-radius:15px}.project-icon-fallback{font-size:3rem;color:var(--primary-color);display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 10px var(--primary-color))}.project-card h3{font-size:1.6rem;color:var(--text-primary);margin-bottom:15px;text-align:center}.project-card p{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:20px;flex-grow:1}.install-command{background:var(--code-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:12px 15px;border-radius:12px;margin-bottom:20px;border-left:4px solid var(--primary-color);box-shadow:0 4px 16px var(--shadow-color)}.install-command code{font-family:Courier New,monospace;color:var(--code-color);font-size:.95rem}.project-links{display:flex;gap:15px}.project-links a{flex:1;text-align:center;padding:10px 20px;background:var(--button-bg);color:var(--button-text);text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease}.project-links a:hover{background:var(--button-hover);transform:translateY(-2px);box-shadow:var(--neon-glow)}@media(max-width:768px){.projects-header h1{font-size:2.2rem}.projects-grid{grid-template-columns:1fr}.project-icon-container{width:80px;height:80px}}.links{max-width:900px;margin:0 auto;padding:40px 20px}.links-header{text-align:center;margin-bottom:60px}.links-header h1{font-size:3rem;color:var(--text-primary);margin-bottom:15px;text-shadow:0 0 30px var(--primary-color)}.sponsor-badges{display:flex;justify-content:center;gap:20px;margin-bottom:40px;flex-wrap:wrap}.sponsor-badges img{border-radius:10px;box-shadow:0 4px 16px var(--shadow-color),var(--neon-glow);transition:transform .3s ease,box-shadow .3s ease}.sponsor-badges img:hover{transform:translateY(-5px);box-shadow:0 8px 32px var(--shadow-hover)}.subtitle{font-size:1.3rem;color:var(--primary-color);font-weight:500}.links-grid{display:flex;flex-direction:column;gap:20px;margin-bottom:60px}.link-card{display:flex;align-items:center;background:var(--card-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:25px 30px;border-radius:20px;box-shadow:0 8px 32px var(--shadow-color);text-decoration:none;transition:all .3s ease;border-left:5px solid var(--primary-color);border:var(--glass-border);border-left-width:5px}.link-card:hover{transform:translate(10px) translateY(-5px);box-shadow:0 12px 40px var(--shadow-hover),var(--neon-glow)}.link-icon{font-size:2.5rem;margin-right:25px;filter:drop-shadow(0 0 10px var(--primary-color))}.link-content{flex:1}.link-content h3{font-size:1.4rem;color:var(--text-primary);margin-bottom:5px}.link-content p{font-size:1rem;color:var(--text-secondary);margin:0}.link-arrow{font-size:1.5rem;color:var(--primary-color);margin-left:15px}.contact-section{text-align:center;background:var(--card-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:50px 30px;border-radius:30px;color:#fff;box-shadow:0 8px 32px var(--shadow-color),var(--neon-glow);border:var(--glass-border)}.contact-section h2{font-size:2rem;margin-bottom:15px;text-shadow:0 0 20px var(--primary-color)}.contact-section p{font-size:1.1rem;opacity:.95;line-height:1.6}@media(max-width:768px){.links-header h1{font-size:2.2rem}.link-card{padding:20px}.link-icon{font-size:2rem;margin-right:15px}.link-content h3{font-size:1.2rem}.link-content p{font-size:.9rem}.contact-section{padding:40px 20px}.contact-section h2{font-size:1.6rem}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:20px}