*{margin:0;padding:0;box-sizing:border-box}:root{--transition-base: .3s ease;--transition-fast: .15s ease;--transition-slow: .5s ease;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--max-width: 1200px;--max-width-narrow: 800px;--z-index-nav: 1000;--z-index-modal: 2000}html{scroll-behavior:smooth}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;line-height:1.6;overflow-x:hidden}code{font-family:Fira Code,Courier New,monospace}a{text-decoration:none;color:inherit;transition:var(--transition-base)}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:var(--transition-base)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-3xl) 0;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.section-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:var(--spacing-lg);text-align:center}.section-subtitle{font-size:clamp(1rem,2vw,1.25rem);opacity:.8;text-align:center;max-width:var(--max-width-narrow);margin:0 auto var(--spacing-2xl)}.text-center{text-align:center}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}@media(max-width:1200px){.container{max-width:100%;padding:0 var(--spacing-md)}}@media(max-width:968px){.section{padding:var(--spacing-2xl) 0}.section-title{font-size:clamp(1.75rem,4vw,2.5rem)}.section-subtitle{font-size:clamp(.95rem,2vw,1.1rem)}}@media(max-width:768px){.section{padding:var(--spacing-xl) 0}.container{padding:0 var(--spacing-sm)}.section-title{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:var(--spacing-md)}.section-subtitle{margin-bottom:var(--spacing-lg)}}@media(max-width:480px){.section{padding:var(--spacing-lg) 0}.container{padding:0 var(--spacing-xs)}}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-index-nav);padding:var(--spacing-md) 0;transition:all var(--transition-base)}.header.scrolled{background:#0a0a0ae6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-md);padding:var(--spacing-sm) 0}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;cursor:pointer;color:var(--accent-primary)}.logo-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-desktop{display:flex;gap:var(--spacing-lg);align-items:center}.nav-link{color:var(--text-secondary);font-weight:500;font-size:1rem;padding:var(--spacing-xs) var(--spacing-sm);position:relative;transition:color var(--transition-base)}.nav-link:hover{color:var(--text-primary)}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--accent-primary);transition:width var(--transition-base)}.nav-link:hover:after{width:80%}.mobile-menu-toggle{display:none;font-size:1.5rem;color:var(--text-primary);padding:var(--spacing-xs)}.nav-mobile{display:none;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border-top:1px solid var(--border-color)}.nav-link-mobile{color:var(--text-secondary);font-weight:500;padding:var(--spacing-sm);text-align:left;transition:color var(--transition-base)}.nav-link-mobile:hover{color:var(--accent-primary)}@media(max-width:768px){.nav-desktop{display:none}.mobile-menu-toggle{display:block}.nav-mobile{display:flex}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:80px;position:relative;overflow:hidden}.hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);width:100%;max-width:1400px;align-items:start}.hero-content{text-align:left}.hero-profile-section{margin-bottom:var(--spacing-lg);display:flex;justify-content:flex-start}.hero-profile-image-wrapper{position:relative;width:150px;height:150px;margin-bottom:var(--spacing-md)}.hero-profile-image{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:50%;border:3px solid;position:relative;z-index:2}.hero-profile-placeholder{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;background:linear-gradient(135deg,#0ff,#06f);color:#0a0a0f;border:3px solid;position:relative;z-index:2}.hero-profile-glow{position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,rgba(0,255,255,.4) 0%,transparent 70%);animation:pulse 2s ease-in-out infinite;z-index:1}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.hero-greeting{font-size:1.25rem;color:var(--accent-primary);margin-bottom:var(--spacing-sm);font-weight:500}.hero-name{font-size:clamp(3rem,8vw,6rem);font-weight:700;margin-bottom:var(--spacing-sm);line-height:1.1;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title{font-size:clamp(1.5rem,4vw,3rem);font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-secondary)}.hero-description{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);max-width:600px;margin-bottom:var(--spacing-xl);line-height:1.8}.hero-buttons{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.hero-social{display:flex;gap:var(--spacing-md);font-size:1.5rem}.hero-social a{color:var(--text-secondary);transition:all var(--transition-base);padding:var(--spacing-xs);border-radius:var(--border-radius-sm)}.hero-social a:hover{color:var(--accent-primary);transform:translateY(-4px)}.hero-projects{display:flex;flex-direction:column;gap:var(--spacing-md)}.hero-projects-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,#0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(0,255,255,.3)}.hero-projects-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.hero-project-card{background:#1a1a2e99;border:1px solid rgba(0,255,255,.2);border-radius:var(--border-radius-md);padding:var(--spacing-md);transition:all var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.hero-project-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.1),transparent);transition:left .5s}.hero-project-card:hover:before{left:100%}.hero-project-card:hover{border-color:#0ff9;box-shadow:0 0 20px #0ff6,0 0 40px #0ff3;transform:translateY(-4px)}.hero-project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm);gap:var(--spacing-sm)}.hero-project-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;flex:1}.hero-project-link{color:var(--accent-primary);font-size:1rem;transition:all var(--transition-base);flex-shrink:0}.hero-project-link:hover{color:var(--accent-secondary);transform:scale(1.2);text-shadow:0 0 10px rgba(0,255,255,.8)}.hero-project-description{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-project-tech{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.hero-project-tech-badge{font-size:.75rem;padding:.25rem .5rem;background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:var(--border-radius-sm);color:var(--accent-primary);font-weight:500}.hero-scroll{position:absolute;bottom:var(--spacing-xl);left:50%;transform:translate(-50%)}.scroll-indicator{color:var(--text-secondary);font-size:1.5rem;animation:bounce 2s infinite;padding:var(--spacing-sm);border-radius:50%;transition:color var(--transition-base)}.scroll-indicator:hover{color:var(--accent-primary)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.hero-neon-cyber .hero-profile-image,.hero-neon-cyber .hero-profile-placeholder{border-color:#0ff;box-shadow:0 0 20px #00ffff80,0 0 40px #00ffff4d}.hero-neon-cyber .hero-name{text-shadow:0 0 30px rgba(0,255,255,.6),0 0 60px rgba(0,255,255,.4)}.hero-neon-cyber .hero-greeting{text-shadow:0 0 10px rgba(0,255,255,.5)}.hero-neon-cyber .hero-project-card{background:#1a1a2ecc}.hero-neon-cyber .hero-project-card:hover{box-shadow:0 0 25px #00ffff80,0 0 50px #00ffff4d}@media(max-width:1024px){.hero-layout{grid-template-columns:1fr;gap:var(--spacing-xl)}.hero-content{text-align:center}.hero-profile-section,.hero-buttons,.hero-social{justify-content:center}}@media(max-width:768px){.hero{padding-top:100px}.hero-layout{gap:var(--spacing-lg)}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons button{width:100%;max-width:300px}.hero-profile-image-wrapper{width:120px;height:120px}.hero-projects-title{text-align:center}}.about{background:var(--bg-secondary)}.about-content{max-width:var(--max-width-narrow);margin:0 auto}.about-text{margin-bottom:var(--spacing-2xl)}.about-text p{font-size:1.125rem;line-height:1.8;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.about-text strong{color:var(--accent-primary);font-weight:600}.about-highlights h3{font-size:1.75rem;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.highlight-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:all var(--transition-base)}.highlight-item:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:var(--shadow-md)}.highlight-icon{font-size:2rem;flex-shrink:0}.highlight-item h4{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.highlight-item p{font-size:.95rem;color:var(--text-secondary);margin:0}@media(max-width:768px){.highlights-grid{grid-template-columns:1fr}.about-text p{font-size:1rem}}.project-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base);height:100%;display:flex;flex-direction:column;align-items:stretch}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);gap:var(--spacing-sm)}.project-name{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0;flex:1}.project-links{display:flex;gap:var(--spacing-sm);flex-shrink:0}.project-link{color:var(--text-secondary);font-size:1.25rem;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.project-link:hover{color:var(--accent-primary);background:var(--bg-hover);transform:scale(1.1)}.project-description{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-md);flex:0 0 auto}.project-role{color:var(--text-secondary);font-size:.95rem;margin-bottom:var(--spacing-md);flex:0 0 auto}.project-role strong{color:var(--accent-primary);font-weight:600}.project-technologies{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex:0 0 auto}.tech-badge{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:.875rem;color:var(--text-secondary);font-weight:500}.project-highlights{margin-bottom:var(--spacing-md);flex:1 1 auto;display:flex;flex-direction:column}.project-highlights h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.project-highlights ul{list-style:none;padding:0;margin:0}.project-highlights li{display:flex;align-items:flex-start;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.95rem;margin-bottom:var(--spacing-xs);line-height:1.6}.highlight-icon{color:var(--accent-primary);font-size:.75rem;margin-top:.25rem;flex-shrink:0}.project-category{margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.category-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--accent-primary);color:#fff;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.projects{background:var(--bg-primary)}.project-filters{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-2xl)}.filter-button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);font-weight:500;transition:all var(--transition-base);cursor:pointer}.filter-button:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.filter-button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-xl);align-items:stretch}@media(max-width:768px){.projects-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.project-filters{margin-bottom:var(--spacing-lg)}}.skills{background:var(--bg-secondary)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.skill-category{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base)}.skill-category:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.category-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--accent-primary);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-color)}.skills-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.skill-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-base);cursor:default}.skill-item:hover{background:var(--bg-hover)}.skill-icon{font-size:1.5rem;color:var(--accent-primary);display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.skill-info{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.skill-name{font-weight:500;color:var(--text-primary);font-size:1rem}.skill-level{font-size:.875rem;color:var(--text-secondary);font-weight:400}@media(max-width:768px){.skills-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}}.contact{background:var(--bg-primary)}.contact-content{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--spacing-2xl);max-width:1000px;margin:0 auto}.contact-info h3{font-size:2rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.contact-info p{font-size:1.125rem;color:var(--text-secondary);line-height:1.8;margin-bottom:var(--spacing-xl)}.contact-methods{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-method{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);transition:all var(--transition-base)}.contact-method:hover{border-color:var(--accent-primary);transform:translate(8px);color:var(--accent-primary)}.contact-method svg{font-size:1.5rem;color:var(--accent-primary)}.contact-form{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--text-primary)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:all var(--transition-base)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.form-group textarea{resize:vertical;min-height:120px}.turnstile-widget{display:flex;justify-content:center;margin:var(--spacing-md) 0}.turnstile-widget iframe{border-radius:var(--border-radius-sm)}.submit-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);font-size:1.1rem}.submit-button:disabled{opacity:.6;cursor:not-allowed}.form-success-message{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--border-radius-md);color:#22c55e;font-weight:500;animation:slideIn .3s ease-out}.form-success-message svg{font-size:1.25rem;color:#22c55e}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:968px){.contact-content{grid-template-columns:1fr;gap:var(--spacing-xl)}}@media(max-width:768px){.contact-form{padding:var(--spacing-lg)}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-2xl) 0 var(--spacing-lg);margin-top:var(--spacing-3xl)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-brand h3{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-sm);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-brand p{color:var(--text-secondary);font-size:.95rem}.footer-links h4,.footer-social h4{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--spacing-xs)}.footer-links a{color:var(--text-secondary);font-size:.95rem;transition:color var(--transition-base)}.footer-links a:hover{color:var(--accent-primary)}.social-links{display:flex;gap:var(--spacing-md)}.social-links a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:1.25rem;transition:all var(--transition-base)}.social-links a:hover{color:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:var(--shadow-md)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);flex-wrap:wrap;gap:var(--spacing-md)}.footer-bottom p{color:var(--text-secondary);font-size:.875rem;margin:0}.footer-domain{color:var(--accent-primary)!important;font-weight:600}.scroll-to-top{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--accent-primary);border-radius:50%;color:#fff;font-size:1.25rem;transition:all var(--transition-base)}.scroll-to-top:hover{background:var(--accent-secondary);transform:translateY(-4px);box-shadow:var(--shadow-md)}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.footer-bottom{flex-direction:column;text-align:center}}:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-tertiary: #1a1a1a;--bg-card: #1e1e1e;--bg-hover: #2a2a2a;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-tertiary: #808080;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-tertiary: #ec4899;--border-color: #2a2a2a;--border-hover: #3a3a3a;--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-xl: 0 16px 64px rgba(0, 0, 0, .6);--gradient-primary: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--gradient-secondary: linear-gradient(135deg, var(--accent-secondary), var(--accent-tertiary))}body{background-color:var(--bg-primary);color:var(--text-primary)}:root{--neon-cyan: #00ffff;--neon-magenta: #ff00ff;--neon-blue: #0066ff;--neon-purple: #9933ff;--neon-green: #00ff00;--neon-pink: #ff00aa;--cyber-bg-primary: #0a0a0f;--cyber-bg-secondary: #0f0f1a;--cyber-bg-tertiary: #151520;--cyber-bg-card: #1a1a2e;--cyber-bg-hover: #252540;--cyber-text-primary: #ffffff;--cyber-text-secondary: #a0a0c0;--cyber-text-tertiary: #606080;--cyber-accent-primary: var(--neon-cyan);--cyber-accent-secondary: var(--neon-magenta);--cyber-accent-tertiary: var(--neon-blue);--cyber-border-color: rgba(0, 255, 255, .2);--cyber-border-hover: rgba(0, 255, 255, .5);--cyber-glow-sm: 0 0 10px rgba(0, 255, 255, .3), 0 0 20px rgba(0, 255, 255, .1);--cyber-glow-md: 0 0 20px rgba(0, 255, 255, .4), 0 0 40px rgba(0, 255, 255, .2);--cyber-glow-lg: 0 0 30px rgba(0, 255, 255, .5), 0 0 60px rgba(0, 255, 255, .3);--cyber-glow-xl: 0 0 40px rgba(0, 255, 255, .6), 0 0 80px rgba(0, 255, 255, .4);--cyber-glow-magenta: 0 0 20px rgba(255, 0, 255, .4), 0 0 40px rgba(255, 0, 255, .2);--cyber-glow-blue: 0 0 20px rgba(0, 102, 255, .4), 0 0 40px rgba(0, 102, 255, .2);--cyber-gradient-primary: linear-gradient(135deg, var(--neon-cyan), var(--neon-blue));--cyber-gradient-secondary: linear-gradient(135deg, var(--neon-magenta), var(--neon-pink));--cyber-gradient-hero: linear-gradient(135deg, var(--neon-cyan) 0%, var(--neon-blue) 50%, var(--neon-magenta) 100%)}.neon-cyber{--bg-primary: var(--cyber-bg-primary);--bg-secondary: var(--cyber-bg-secondary);--bg-tertiary: var(--cyber-bg-tertiary);--bg-card: var(--cyber-bg-card);--bg-hover: var(--cyber-bg-hover);--text-primary: var(--cyber-text-primary);--text-secondary: var(--cyber-text-secondary);--text-tertiary: var(--cyber-text-tertiary);--accent-primary: var(--cyber-accent-primary);--accent-secondary: var(--cyber-accent-secondary);--accent-tertiary: var(--cyber-accent-tertiary);--border-color: var(--cyber-border-color);--border-hover: var(--cyber-border-hover);--gradient-primary: var(--cyber-gradient-primary);--gradient-secondary: var(--cyber-gradient-secondary);--shadow-sm: var(--cyber-glow-sm);--shadow-md: var(--cyber-glow-md);--shadow-lg: var(--cyber-glow-lg);--shadow-xl: var(--cyber-glow-xl)}.neon-cyber{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Fira Code", "Courier New", monospace;font-family:var(--font-primary);background:var(--cyber-bg-primary);color:var(--cyber-text-primary);position:relative;overflow-x:hidden}.neon-cyber:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.neon-cyber>*{position:relative;z-index:1}.neon-cyber .section-title{font-weight:700;letter-spacing:-.02em;line-height:1.2;text-shadow:0 0 20px rgba(0,255,255,.5),0 0 40px rgba(0,255,255,.3);background:var(--cyber-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.neon-cyber .card{background:var(--cyber-bg-card);border:1px solid var(--cyber-border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.neon-cyber .card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.1),transparent);transition:left .5s}.neon-cyber .card:hover:before{left:100%}.neon-cyber .card:hover{border-color:var(--cyber-accent-primary);box-shadow:var(--cyber-glow-md);transform:translateY(-4px)}.neon-cyber .button-primary{background:transparent;color:var(--neon-cyan);padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--neon-cyan);border-radius:var(--border-radius-sm);font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all var(--transition-base);position:relative;overflow:hidden;box-shadow:var(--cyber-glow-sm)}.neon-cyber .button-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--neon-cyan);transition:left .3s;z-index:-1}.neon-cyber .button-primary:hover{color:var(--cyber-bg-primary);box-shadow:var(--cyber-glow-lg);transform:translateY(-2px)}.neon-cyber .button-primary:hover:before{left:0}.neon-cyber .button-secondary{background:transparent;color:var(--neon-magenta);padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--neon-magenta);border-radius:var(--border-radius-sm);font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all var(--transition-base);position:relative;overflow:hidden;box-shadow:0 0 10px #ff00ff4d,0 0 20px #ff00ff1a}.neon-cyber .button-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--neon-magenta);transition:left .3s;z-index:-1}.neon-cyber .button-secondary:hover{color:var(--cyber-bg-primary);box-shadow:var(--cyber-glow-magenta);transform:translateY(-2px)}.neon-cyber .button-secondary:hover:before{left:0}.neon-cyber .badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--cyber-bg-tertiary);border:1px solid var(--cyber-border-color);border-radius:var(--border-radius-sm);font-size:.875rem;font-weight:500;color:var(--cyber-text-secondary);transition:all var(--transition-base)}.neon-cyber .badge:hover{border-color:var(--neon-cyan);box-shadow:var(--cyber-glow-sm);color:var(--neon-cyan)}.neon-cyber .link{color:var(--neon-cyan);text-decoration:none;transition:all var(--transition-base);text-shadow:0 0 10px rgba(0,255,255,.5)}.neon-cyber .link:hover{color:var(--neon-magenta);text-shadow:0 0 20px rgba(255,0,255,.8)}.neon-cyber ::-webkit-scrollbar{width:10px}.neon-cyber ::-webkit-scrollbar-track{background:var(--cyber-bg-secondary)}.neon-cyber ::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:5px;box-shadow:0 0 10px #00ffff80}.neon-cyber ::-webkit-scrollbar-thumb:hover{background:var(--neon-magenta);box-shadow:0 0 15px #ff00ffb3}.app{min-height:100vh;position:relative}