@import url("https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Inter:wght@300;400;600;700&display=swap");:root{--color-bg:#000000;--color-bg-alt:#111111;--color-gold:#C9B037;--color-gold-light:#E9D688;--color-white:#FFFFFF;--font-tech:"Share Tech Mono",monospace;--font-body:"Inter",sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--color-bg);font-family:var(--font-body);line-height:1.6}a,body{color:var(--color-gold)}a{text-decoration:none;transition:color .3s}a:hover{color:var(--color-gold-light)}.container{width:90%;max-width:1200px;margin:0 auto;padding:2rem 0}.navbar{position:relative;justify-content:space-between;background:rgba(0,0,0,.8);padding:1rem 0;border-bottom:1px solid var(--color-gold);box-shadow:0 2px 4px rgba(0,0,0,.5)}.logo,.navbar{display:flex;align-items:center}.logo{margin-right:2rem}.logo img{object-fit:contain;border-radius:4px}.navbar a{margin-left:2rem;font-weight:600;letter-spacing:1px;position:relative}.navbar a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--color-gold);transition:width .3s}.navbar a:hover:after{width:100%}.hamburger{display:none;background:none;border:none;color:var(--color-gold);cursor:pointer}.nav-links{display:flex;align-items:center}.hero{background:var(--color-bg-alt);padding:4rem;border-radius:12px;margin-bottom:4rem;display:flex;flex-direction:column;justify-content:center}.hero h1{font-family:var(--font-tech);font-size:3.5rem;margin-bottom:1rem;color:var(--color-gold-light);text-shadow:0 0 8px var(--color-gold)}.hero p{font-size:1.25rem;margin-bottom:2rem;color:var(--color-white);max-width:600px}.btn-gold{display:inline-block;width:auto;max-width:250px;padding:1rem 2rem;border-radius:50px;border:2px solid var(--color-gold);background:transparent;color:var(--color-gold);font-weight:600;letter-spacing:1px;text-align:center;transition:all .3s ease}.btn-gold:hover{background:var(--color-gold);color:var(--color-bg);box-shadow:0 0 15px var(--color-gold);transform:translateY(-3px)}.section{padding:6rem 0}.section:nth-child(2n){background:var(--color-bg-alt)}.section h2{font-family:var(--font-tech);font-size:2.5rem;margin-bottom:1rem;color:var(--color-gold-light);text-align:center;position:relative}.section h2:after{content:"";display:block;width:80px;height:3px;background:var(--color-gold);margin:.5rem auto 1.5rem}.section p,.section ul{max-width:800px;margin:0 auto 1.5rem;color:var(--color-white)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}.service-card{background:var(--color-bg);border-radius:12px;padding:2rem;border:1px solid var(--color-gold);transition:box-shadow .3s ease}.service-card:hover{box-shadow:0 0 20px var(--color-gold-light)}.service-card h3{font-family:var(--font-tech);font-size:1.75rem;margin-bottom:.75rem;color:var(--color-gold-light)}.service-card ul{list-style:none;padding-left:0}.service-card ul li:before{content:"•";color:var(--color-gold-light);display:inline-block;width:1em;margin-left:-1em}.bio-section{display:flex;align-items:flex-start;gap:2rem;flex-wrap:wrap;margin-bottom:4rem}.bio-photo img{width:200px;height:200px;object-fit:cover;border-radius:50%;border:5px solid var(--color-gold)}.bio-text{flex:1}.bio-text h2{font-family:var(--font-tech);font-size:2rem;margin-bottom:1rem;color:var(--color-gold-light)}.footer{text-align:center;padding:3rem 0;border-top:1px solid var(--color-gold);background:var(--color-bg-alt)}.footer p{color:var(--color-white)}@media (max-width:768px){.container{padding:1rem}.hamburger{display:block}.nav-links{position:absolute;top:60px;right:0;background:var(--color-bg-alt);flex-direction:column;width:200px;padding:1rem;gap:1rem;border-left:1px solid var(--color-gold);border-bottom:1px solid var(--color-gold);opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:10}.nav-links.active{opacity:1;transform:translateY(0);pointer-events:auto}.nav-links a{margin:0;padding:.5rem 0;font-size:1.1rem;text-align:right}.navbar.container{padding:1rem 0}.logo{margin:0 0 0 -1rem}.hero{padding:2rem 1rem;text-align:center}.hero h1{font-size:2.5rem;line-height:1.2}.hero p{font-size:1rem;max-width:100%;margin:0 auto 1.5rem}.btn-gold{width:100%;max-width:none;padding:.75rem 0;margin:0 auto}.section{padding:3rem 1rem}.section h2{font-size:2rem}@media (max-width:480px){.hero h1{font-size:2rem}.section h2{font-size:1.75rem}}}