:root{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-card:#000;--bg-card-hover:#000;--text-primary:#fff;--text-secondary:#a3a3a3;--text-muted:#555;--accent:#dcf836;--accent-glow:transparent;--accent-secondary:#fff;--gradient-hero:none;--border-subtle:#333;--border-hover:#fff;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-xl:0;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:initial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}.dot-grid-canvas{z-index:0;pointer-events:none;opacity:.4;width:100%;height:100%;position:fixed;top:0;left:0}.main-content{z-index:1;position:relative}.navbar{z-index:1000;width:100%;transition:transform .5s var(--ease-out-expo), background .4s ease, backdrop-filter .4s ease;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:fixed;top:0;left:0}.navbar--hidden{transform:translateY(-100%)}.navbar--scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#050505cc}.nav-logo{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-size:1.3rem;font-weight:700}.nav-logo span{color:var(--accent)}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{font-family:var(--font-body);color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.85rem;font-weight:400;transition:color .3s;position:relative}.nav-links a:after{content:"";background:var(--accent);width:0%;height:1px;transition:width .3s var(--ease-out-expo);position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--text-primary)}.nav-links a:hover:after{width:100%}.nav-links a.active{color:var(--accent)}.nav-links a.active:after{width:100%}.nav-menu-btn{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;gap:5px;padding:5px;display:none}.nav-menu-btn span{background:var(--text-primary);transform-origin:50%;width:24px;height:2px;transition:all .3s;display:block}.nav-menu-btn.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-menu-btn.open span:nth-child(2){opacity:0}.nav-menu-btn.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.yuga-grid-container{grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);z-index:0;background:var(--bg-primary);width:100%;height:100%;display:grid;position:absolute;top:0;left:0;overflow:hidden}.yuga-tile{perspective:1000px;width:100%;height:100%}.yuga-tile-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.yuga-tile.flipped .yuga-tile-inner{transform:rotateX(180deg)}.yuga-front,.yuga-back{backface-visibility:hidden;width:100%;height:100%;position:absolute}.yuga-front{background:0 0}.yuga-back{background:var(--text-primary);transform:rotateX(180deg)}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 40px 80px;display:flex;position:relative;overflow:hidden}.hero-name{font-family:var(--font-display);letter-spacing:-.05em;text-transform:uppercase;margin-bottom:24px;font-size:clamp(3rem,10vw,8rem);font-weight:800;line-height:.9}.hero-name .letter{display:inline-block}.hero-name .gradient-text{color:#fff}.hero-role{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:-.01em;margin-bottom:20px;font-size:clamp(1.2rem,3vw,2rem);font-weight:500}.hero-desc{color:var(--text-muted);max-width:480px;margin-bottom:40px;font-size:1rem;line-height:1.7}.hero-cta{align-items:center;gap:16px;display:flex}.btn-primary{background:var(--accent);color:var(--bg-primary);font-family:var(--font-display);text-transform:uppercase;cursor:pointer;border:none;border-radius:0;align-items:center;gap:8px;padding:16px 36px;font-size:1rem;font-weight:800;transition:transform .1s,box-shadow .1s;display:inline-flex}.btn-primary:hover{transform:translate(-6px,-6px);box-shadow:6px 6px #fff}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-display);text-transform:uppercase;border:2px solid var(--border-hover);cursor:pointer;border-radius:0;align-items:center;gap:8px;padding:16px 36px;font-size:1rem;font-weight:800;transition:transform .1s,box-shadow .1s;display:inline-flex}.btn-secondary:hover{box-shadow:6px 6px 0 var(--accent);transform:translate(-6px,-6px)}.scroll-indicator{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;font-size:.75rem;display:flex;position:absolute;bottom:40px}.scroll-indicator-line{background:var(--text-muted);width:1px;height:40px;position:relative;overflow:hidden}.scroll-indicator-line:after{content:"";background:var(--accent);width:100%;height:100%;animation:2s ease-in-out infinite scrollLine;position:absolute;top:-100%;left:0}@keyframes scrollLine{0%{top:-100%}50%{top:100%}to{top:100%}}.about{justify-content:center;align-items:center;min-height:100vh;padding:120px 40px;display:flex}.about-text{font-family:var(--font-display);letter-spacing:-.02em;max-width:900px;font-size:clamp(1.8rem,4vw,3.5rem);font-weight:600;line-height:1.4}.about-text .word{margin-right:.3em;transition:color .3s;display:inline-block}.about-text .word.revealed{color:var(--text-primary)}.about-text .word.unrevealed{color:var(--text-muted);opacity:.25}.marquee-container{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);margin-bottom:60px;padding:40px 0;overflow:hidden}.marquee-track{width:max-content;animation:8s linear infinite marqueeScroll;display:flex}.marquee-track:hover{animation-play-state:paused}.marquee-item{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.04em;white-space:nowrap;color:#0000;-webkit-text-stroke:2px var(--text-muted);padding:0 40px;font-size:clamp(4rem,10vw,9rem);font-weight:800;transition:all .3s}.marquee-item:hover{color:var(--accent);-webkit-text-stroke:1px var(--accent)}.marquee-item .dot{background:var(--accent);vertical-align:middle;border-radius:50%;width:12px;height:12px;margin:0 30px;display:inline-block}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.skills-section{padding:40px 40px 120px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1200px;margin:0 auto;display:grid}.skill-card{background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:0;padding:40px 32px;transition:all .2s;position:relative}.skill-card:hover{background:var(--bg-card-hover);border-color:var(--accent);box-shadow:8px 8px 0 var(--accent);transform:translate(-8px,-8px)}.skill-icon{margin-bottom:20px;font-size:2.5rem;display:block}.skill-card h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:12px;font-size:1.3rem;font-weight:600}.skill-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.skill-tags{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.skill-tag{border:1px solid var(--border-subtle);color:var(--text-secondary);text-transform:uppercase;background:0 0;border-radius:0;padding:6px 14px;font-size:.8rem;font-weight:700;transition:all .2s}.skill-card:hover .skill-tag{border-color:var(--accent);color:var(--bg-primary);background:var(--accent)}.projects-section{padding:40px 40px 120px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:32px;max-width:1200px;margin:0 auto;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:all .5s var(--ease-out-expo);cursor:pointer;position:relative;overflow:hidden}.project-card:hover{border-color:var(--border-hover);transform:translateY(-8px);box-shadow:0 20px 60px #0006}.project-card-image{height:240px;position:relative;overflow:hidden}.project-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out-expo)}.project-card:hover .project-card-image img{transform:scale(1.08)}.project-card-overlay{opacity:0;background:linear-gradient(#0000 40%,#050505e6 100%);justify-content:flex-start;align-items:flex-end;padding:24px;transition:opacity .4s;display:flex;position:absolute;inset:0}.project-card:hover .project-card-overlay{opacity:1}.project-overlay-btn{background:var(--accent);color:var(--bg-primary);font-family:var(--font-display);border-radius:var(--radius-xl);align-items:center;gap:6px;margin-right:10px;padding:10px 20px;font-size:.82rem;font-weight:600;transition:transform .3s;display:inline-flex}.project-overlay-btn:hover{transform:scale(1.08)}.project-overlay-btn--outline{color:var(--text-primary);border:1px solid var(--border-hover);background:0 0}.project-card-content{padding:28px}.project-card-content h3{font-family:var(--font-display);margin-bottom:8px;font-size:1.3rem;font-weight:600}.project-card-content p{color:var(--text-secondary);margin-bottom:16px;font-size:.9rem;line-height:1.5}.project-tech-stack{flex-wrap:wrap;gap:8px;display:flex}.project-tech{border-radius:var(--radius-xl);color:var(--accent-secondary);background:#a855f71a;border:1px solid #a855f733;padding:4px 12px;font-size:.75rem;font-weight:500}.contact-section{text-align:center;padding:120px 40px;position:relative}.contact-heading{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(2.5rem,7vw,6rem);font-weight:700;line-height:1.1}.contact-heading .gradient-text{background:var(--gradient-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.contact-sub{color:var(--text-secondary);max-width:500px;margin-bottom:48px;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.6}.contact-email{font-family:var(--font-display);color:var(--accent);border-radius:var(--radius-xl);transition:all .4s var(--ease-out-expo);border:1px solid #00f0ff33;align-items:center;gap:12px;margin-bottom:60px;padding:16px 40px;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:500;display:inline-flex}.contact-email:hover{border-color:var(--accent);box-shadow:0 0 40px var(--accent-glow);background:#00f0ff0d;transform:scale(1.03)}.social-links{justify-content:center;gap:20px;display:flex}.social-link{border:1px solid var(--border-subtle);width:50px;height:50px;color:var(--text-secondary);transition:all .3s var(--ease-out-expo);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.social-link:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 8px 24px var(--accent-glow);transform:translateY(-4px)}.footer{text-align:center;border-top:1px solid var(--border-subtle);color:var(--text-muted);padding:40px;font-size:.85rem}.footer span{color:var(--accent)}section{scroll-margin-top:80px}@media (width<=768px){.navbar{padding:16px 20px}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;background:#050505f2;flex-direction:column;justify-content:center;align-items:center;gap:32px;width:100%;height:100vh;display:none;position:fixed;top:0;left:0}.nav-links.open{display:flex}.nav-links a{font-size:1.2rem}.nav-menu-btn{display:flex}.hero{padding:100px 20px 60px}.hero-cta{flex-direction:column;width:100%;padding:0 20px}.btn-primary,.btn-secondary{justify-content:center;width:100%}.about{padding:80px 20px}.skills-section,.projects-section{padding:20px 20px 80px}.skills-grid,.projects-grid{grid-template-columns:1fr}.contact-section{padding:80px 20px}.cursor-glow{display:none}.marquee-item{font-size:2rem}}@media (width<=480px){.hero-name{font-size:clamp(2.5rem,14vw,4rem)}.about-text{font-size:1.4rem}}