:root{--bg-color:#0a0a0a;--text-color:#f5f5f5;--accent-color:#fff;--font-main:"Inter", sans-serif;--font-mono:"Space Grotesk", monospace;--flash-duration:.6s}*{box-sizing:border-box;cursor:none;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);-webkit-font-smoothing:antialiased;overflow-x:hidden}.grain-overlay{pointer-events:none;z-index:1;opacity:.04;width:100%;height:100%;position:fixed;top:0;left:0}.grain-overlay:after{content:"";background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.70' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");animation:8s steps(10,end) infinite grain;position:absolute;inset:-100%}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}a{color:inherit;text-decoration:none;transition:opacity .3s}a:hover{opacity:.7}ul{list-style:none}.nav-container{z-index:1000;width:100%;font-family:var(--font-mono);background-color:var(--bg-color);border-bottom:1px solid #1a1a1a;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:fixed;top:0;left:0}@media (width>=768px){.nav-container{padding:1.5rem 4rem}}.nav-logo a{letter-spacing:-1px;color:#fff;align-items:center;font-size:.9rem;font-weight:700;text-decoration:none;display:flex}@media (width>=768px){.nav-logo a{font-size:1.2rem}}.logo-text{padding:5px 0;display:inline-block;position:relative;overflow:hidden}@media (hover:hover){.glitch-link:hover .logo-text:before,.glitch-link:hover .logo-text:after{content:attr(data-text);background:var(--bg-color);width:100%;height:100%;padding:5px 0;position:absolute;top:0;left:0}.glitch-link:hover .logo-text:before{text-shadow:-2px 0 red;clip:rect(0, 900px, 0, 0);animation:3s linear infinite alternate-reverse glitch-anim;left:2px}.glitch-link:hover .logo-text:after{text-shadow:-2px 0 #00fff9;clip:rect(0, 900px, 0, 0);animation:2s linear infinite alternate-reverse glitch-anim2;left:-2px}}@keyframes glitch-anim{0%{clip:rect(10px, 9999px, 20px, 0)}20%{clip:rect(30px, 9999px, 40px, 0)}40%{clip:rect(15px, 9999px, 25px, 0)}60%{clip:rect(35px, 9999px, 45px, 0)}80%{clip:rect(5px, 9999px, 15px, 0)}to{clip:rect(25px, 9999px, 35px, 0)}}@keyframes glitch-anim2{0%{clip:rect(25px, 9999px, 35px, 0)}20%{clip:rect(5px, 9999px, 15px, 0)}40%{clip:rect(35px, 9999px, 45px, 0)}60%{clip:rect(15px, 9999px, 25px, 0)}80%{clip:rect(30px, 9999px, 40px, 0)}to{clip:rect(10px, 9999px, 20px, 0)}}.hamburger-btn{cursor:pointer;z-index:1010;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:22px;height:14px;padding:0;display:none}.hamburger-line{transform-origin:0;background-color:#fff;width:100%;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-links{align-items:center;gap:1rem;display:flex}@media (width>=768px){.nav-links{gap:2rem}}.nav-links a{letter-spacing:1px;color:#fff;font-size:.7rem;text-decoration:none;transition:color .3s}@media (width>=768px){.nav-links a{font-size:.9rem}}.nav-links a.active-link{color:red}@media (width<=767px){.hamburger-btn{display:flex}.hamburger-btn.open .hamburger-line:first-child{transform:rotate(45deg)translate(1px,-1px)}.hamburger-btn.open .hamburger-line:nth-child(2){opacity:0;width:0%}.hamburger-btn.open .hamburger-line:nth-child(3){transform:rotate(-45deg)translate(1px,1px)}.nav-links{-webkit-backdrop-filter:blur(10px);z-index:1005;background-color:#0a0a0afa;flex-direction:column;justify-content:center;gap:2.5rem;width:100%;height:100vh;padding:2rem;transition:right .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;right:-100%}.nav-links.open{right:0}.nav-links a{font-size:1.1rem}.dropdown-menu{opacity:1;visibility:visible;background-color:#0000;border:none;flex-direction:column;align-items:center;max-height:0;padding:.5rem 0 0;transition:max-height .3s ease-out;display:flex;position:static;overflow:hidden;transform:none}.dropdown-wrapper:hover .dropdown-menu,.dropdown-wrapper:focus-within .dropdown-menu{max-height:120px}.dropdown-menu a{padding:.4rem 0;color:#666!important;font-size:.85rem!important}}.dropdown-wrapper{display:inline-block;position:relative}.dropdown-menu{background-color:var(--bg-color);opacity:0;visibility:hidden;z-index:1001;border:1px solid #1a1a1a;flex-direction:column;min-width:200px;padding:1rem 0;transition:all .3s;display:flex;position:absolute;top:100%;left:0;transform:translateY(10px)}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a{white-space:nowrap;padding:.8rem 1.5rem;color:#888!important;font-size:.75rem!important}.dropdown-menu a:hover{background-color:#0f0f0f;color:red!important}.dropdown-menu a.active-link{color:red!important}.app-wrapper{flex-direction:column;min-height:100vh;padding-top:6rem;display:flex}.page-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}@media (width>=768px){.app-wrapper{padding-top:8rem}.page-container{padding:0 4rem}}.placeholder-box{background-color:#1a1a1a;border:1px solid #333;width:100%}.hero-title{font-family:var(--font-mono);letter-spacing:4px;margin-bottom:2rem;font-size:clamp(1rem,5vw,1.8rem);line-height:1.2}.projects-grid{grid-template-columns:1fr;gap:2rem;margin-top:3rem;display:grid}@media (width>=768px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:4rem;margin-top:4rem}}.project-card{position:relative}.project-info{font-family:var(--font-mono);justify-content:space-between;margin-top:1rem;display:flex}.project-info h3{font-size:.9rem}.section-title{font-family:var(--font-mono);border-bottom:1px solid #333;margin-bottom:2rem;padding-bottom:.8rem;font-size:1.2rem}@media (width>=768px){.section-title{padding-bottom:1rem;font-size:1.5rem}}.contact-layout{grid-template-columns:1fr;gap:3rem;display:grid}@media (width>=1024px){.contact-layout{grid-template-columns:2fr 1fr;gap:8rem}}.form-group{margin-bottom:1.5rem}.form-group label{font-family:var(--font-mono);color:#666;margin-bottom:.5rem;font-size:.7rem;display:block}.form-group input,.form-group textarea{color:#fff;width:100%;font-family:var(--font-main);background:0 0;border:none;border-bottom:1px solid #333;border-radius:0;outline:none;padding:.8rem 0;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:#fff}.submit-btn{color:#000;font-family:var(--font-mono);cursor:pointer;background:#fff;border:none;width:100%;padding:1rem 2rem;font-weight:700;transition:transform .2s}@media (width>=768px){.submit-btn{width:auto}}.submit-btn:hover{transform:scale(1.02)}.contact-info{font-family:var(--font-mono);font-size:.9rem}@media (hover:none) and (pointer:coarse){.cursor{display:none!important}*{cursor:auto!important}}