:root{--primary-color: #b3a369;--secondary-color: #000000;--accent-color: #4a4a4a;--text-color: #d0d0d0;--light-text: #ffffff;--dark-bg: #0a0a0a;--light-bg: #121212;--border-radius: 2px;--box-shadow: 0 4px 6px rgba(0, 0, 0, .3);--transition: all .3s ease;--gold: #b3a369;--dark-gold: #8a7b4f;--charcoal: #1a1a1a;--header-height: 70px;--font-primary: "Montserrat", sans-serif;--font-mono: "Roboto Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);line-height:1.6;color:var(--text-color);background-color:var(--dark-bg);overflow-x:hidden;font-weight:300;letter-spacing:.3px}a{color:var(--gold);text-decoration:none;transition:var(--transition)}a:hover{color:var(--light-text);text-shadow:0 0 3px rgba(179,163,105,.3)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:12px 24px;background-color:transparent;color:var(--gold);border:1px solid var(--gold);border-radius:var(--border-radius);cursor:pointer;font-weight:500;transition:var(--transition);text-align:center;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;font-family:var(--font-mono);font-size:.9rem}.btn:hover{background-color:var(--gold);color:var(--dark-bg);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.btn-secondary{background-color:transparent;border:1px solid var(--gold);color:var(--gold)}.btn-secondary:hover{background-color:#b3a3691a;color:var(--light-text);box-shadow:0 4px 8px #0000004d}section{padding:100px 0}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.2;margin-bottom:1rem;color:var(--light-text);text-transform:uppercase;letter-spacing:2px}p{margin-bottom:1rem;font-weight:300}.text-center{text-align:center}.grid{display:grid;gap:30px}@media (max-width: 768px){section{padding:60px 0}}main{padding-top:var(--header-height)}#root{width:100%;margin:0;padding:0;text-align:left;min-height:100vh;background:#181a1b}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s;display:flex;align-items:center}.logo:hover{filter:drop-shadow(0 0 .5em var(--gold))}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@keyframes matrix-rain{0%{opacity:0;transform:translateY(-20px)}50%{opacity:1}to{opacity:0;transform:translateY(20px)}}.header{background-color:#000000f2;box-shadow:0 2px 10px #0000004d;position:fixed;top:0;left:0;right:0;z-index:1000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);height:var(--header-height);border-bottom:1px solid rgba(179,163,105,.2)}.header-container{display:flex;justify-content:space-between;align-items:center;height:100%;max-width:1200px;margin:0 auto;padding:0 20px}.logo{display:flex;align-items:center;font-weight:400;font-size:1.8rem;color:var(--gold);letter-spacing:2px;text-transform:uppercase}.logo img{height:35px;margin-right:15px;filter:brightness(.9) sepia(.2) hue-rotate(15deg)}.nav-links{display:flex;gap:40px}.nav-links a{color:var(--text-color);font-weight:400;position:relative;padding:5px 0;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-family:var(--font-mono)}.nav-links a:after{content:"";position:absolute;width:0;height:1px;bottom:0;left:0;background-color:var(--gold);transition:width .3s ease}.nav-links a:hover{color:var(--gold)}.nav-links a:hover:after{width:100%}.mobile-menu-toggle{display:none;flex-direction:column;gap:6px;cursor:pointer;padding:10px;z-index:1001}.mobile-menu-toggle span{display:block;width:25px;height:2px;background-color:var(--gold);transition:all .3s ease}.hero{height:60vh;min-height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;background:linear-gradient(#000000b3,#000000b3),url(/hero-bg.jpg) center/cover;background:linear-gradient(180deg,#181a1b,#232526);position:relative;overflow:hidden;opacity:0;animation:fadeIn .5s ease-out forwards}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(96,239,255,.03) 0%,transparent 70%);z-index:0}.hero .container{position:relative;z-index:1;width:100%;max-width:800px}.hero h1{font-size:4rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(45deg,#00ff87,#60efff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.terminal-container{background:#000c;border-radius:10px;padding:1.5rem;box-shadow:0 20px 40px #0000004d;border:1px solid rgba(96,239,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin:0 auto;max-width:600px}.terminal-header{display:flex;gap:8px;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(96,239,255,.1)}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot:nth-child(1){background:#ff5f56}.terminal-dot:nth-child(2){background:#ffbd2e}.terminal-dot:nth-child(3){background:#27c93f}.terminal-content{font-family:Roboto Mono,monospace;font-size:1.2rem;color:#60efff;text-align:left;min-height:2em;display:flex;align-items:center;gap:.5rem}.terminal-prompt{color:#00ff87}.terminal-text{color:#fff}.terminal-cursor{display:inline-block;width:2px;height:1.2em;background:#60efff;margin-left:2px;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.subtitle{font-size:1.5rem;color:#fff;opacity:.9}.projects{padding:6rem 2rem;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#1a1a1af2,#2d2d2df2);background:linear-gradient(180deg,#181a1b,#232526);position:relative;overflow:hidden;opacity:0;animation:fadeIn .5s ease-out forwards}.projects h2{text-align:center;font-size:3rem;margin-bottom:4rem;color:#fff;font-weight:600;letter-spacing:2px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;padding:1rem}.project-card{background:#ffffff08;border-radius:0 0 20px 20px!important;overflow:hidden;transition:all .8s cubic-bezier(.2,0,0,1);cursor:pointer;border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);will-change:transform,box-shadow;transform:translateZ(0);backface-visibility:hidden;position:relative}.project-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #0003;border-color:#60efff33}.project-card.active{transform:scale(1.02)}.project-image{width:100%;aspect-ratio:16/9;overflow:hidden;position:relative;background:#0003;display:flex;align-items:center;justify-content:center;border-radius:0}.project-image img{width:100%;height:100%;object-fit:cover;image-rendering:auto;image-rendering:smooth;image-rendering:optimizeQuality;-webkit-image-rendering:-webkit-optimize-contrast;-ms-interpolation-mode:bicubic;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;filter:contrast(1.01)}.project-content{padding:2rem;transition:transform .8s cubic-bezier(.2,0,0,1);transform:translateZ(0)}.project-card:hover .project-content{transform:translateY(-2px)}.project-content h3{font-size:1.8rem;margin-bottom:.5rem;color:#00ff87;font-weight:600}.domain{color:#60efff;font-size:1.1rem;margin-bottom:1rem;font-family:var(--font-mono)}.description{color:#fff;opacity:.9;margin-bottom:1.5rem;line-height:1.7;font-size:1.1rem}.features{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.5rem}.feature-tag{background:#60efff1a;color:#60efff;padding:.4rem 1rem;border-radius:0;font-size:.9rem;border:1px solid rgba(96,239,255,.2);transition:all .3s ease}.feature-tag:hover{background:#60efff33;transform:translateY(-2px)}.showcase{color:#00ff87;font-size:1rem;margin-bottom:1.5rem;font-style:italic;opacity:.9}.visit-button{display:inline-block;padding:1rem 2rem;background:linear-gradient(45deg,#00ff87,#60efff);color:#1a1a1a;text-decoration:none;border-radius:30px;font-weight:600;transition:all .3s ease;text-align:center;width:100%;border:none;cursor:pointer}.visit-button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00ff8733}@media (max-width: 768px){:root{--header-height: 60px}.header-container{padding:0 15px}.logo{font-size:1.4rem}.mobile-menu-toggle{display:flex}.nav-links{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#000000f2;flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:right .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-links.active{right:0}.nav-links a{font-size:1.2rem}.mobile-menu-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hero{height:50vh;min-height:400px;padding:1rem}.hero h1{font-size:2.5rem}.terminal-container{margin-top:1.5rem}.terminal-content{font-size:1rem}.projects{padding:3rem 1rem}.project-grid{grid-template-columns:1fr;gap:2rem}.project-card{margin:0}.project-content{padding:1.5rem}.project-content h3{font-size:1.5rem}.description{font-size:1rem}.specialties{padding:4rem 0}.specialties .container{max-width:100%!important;padding:0!important;margin:0!important;width:100%!important}.specialties-grid{grid-template-columns:1fr;gap:2rem;padding:0!important;margin:0!important;width:100%!important;max-width:100%!important}.specialty-card{margin:0 5px!important;width:calc(100% - 10px)!important;max-width:100%!important;box-sizing:border-box}.specialty-card h3{font-size:1.6rem}.specialty-card p{font-size:1rem}.specialty-card ul{margin-left:0;padding-left:0}.specialty-card li{font-size:.9rem}.contact{padding:4rem 1rem}.contact h2{font-size:2rem;margin-bottom:2rem}.contact-form{padding:1.5rem;margin:0 5px;width:calc(100% - 10px)}.form-group input,.form-group textarea{font-size:.9rem}.submit-button{font-size:1rem;padding:.8rem 1.5rem}}@media (max-width: 480px){.hero h1{font-size:2rem}.terminal-content{font-size:.8rem}.project-content h3,.specialty-card h3{font-size:1.3rem}.contact h2{font-size:1.8rem}.projects,.specialties,.contact{padding:3rem .75rem}.project-card,.specialty-card,.contact-form{margin:0 5px;width:calc(100% - 10px)}.specialty-card{padding:1.25rem;margin:0 5px!important;width:calc(100% - 10px)!important;max-width:100%!important;box-sizing:border-box}.specialty-card h3{font-size:1.3rem}.specialty-card p{font-size:.9rem}.specialty-card li{font-size:.85rem}.specialties{padding:3rem 0}.specialties .container,.specialties-grid{padding:0!important;margin:0!important;width:100%!important;max-width:100%!important}.specialty-card{margin:0 5px!important;width:calc(100% - 10px)!important;max-width:100%!important;box-sizing:border-box}}.specialties{padding:6rem 2rem;background:linear-gradient(135deg,#1a1a1afa,#2d2d2dfa);background:linear-gradient(180deg,#181a1b,#232526);position:relative;overflow:hidden;opacity:0;animation:fadeIn .5s ease-out forwards}.specialties:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(96,239,255,.03) 0%,transparent 70%);z-index:0}.specialties .container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.specialties h2{text-align:center;font-size:3rem;margin-bottom:4rem;color:#fff;font-weight:600;letter-spacing:2px}.specialties-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;padding:1rem}.specialty-card{background:#ffffff08;border-radius:20px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden}.specialty-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(96,239,255,.3),transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.specialty-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d;border-color:#60efff33}.specialty-card:hover:before{transform:scaleX(1)}.specialty-icon{width:70px;height:70px;background:linear-gradient(135deg,#00ff871a,#60efff1a);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;position:relative;overflow:hidden}.specialty-icon:after{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:radial-gradient(circle at center,rgba(96,239,255,.1) 0%,transparent 70%);z-index:0}.specialty-icon i{font-size:2rem;color:#60efff;position:relative;z-index:1}.specialty-card h3{font-size:1.8rem;margin-bottom:1rem;color:#00ff87;font-weight:600}.specialty-card p{color:#fff;opacity:.9;line-height:1.7;margin-bottom:1.5rem;font-size:1.1rem}.specialty-card ul{list-style:none;padding:0;margin:0}.specialty-card li{color:#60efff;margin-bottom:.8rem;font-size:1rem;display:flex;align-items:center}.specialty-card li:before{content:"→";margin-right:.8rem;color:#00ff87}@media (max-width: 768px){.specialties{padding:4rem 0}.specialties h2{font-size:2.5rem;margin-bottom:3rem}.specialties-grid{grid-template-columns:1fr;gap:2rem}.specialty-card{padding:2rem}.specialty-card h3{font-size:1.6rem}.specialty-card p{font-size:1rem}}.contact{padding:6rem 2rem;background:linear-gradient(135deg,#1a1a1afa,#2d2d2dfa);background:linear-gradient(180deg,#181a1b,#232526);position:relative;overflow:hidden;opacity:0;animation:fadeIn .5s ease-out forwards}.contact:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(96,239,255,.03) 0%,transparent 70%);z-index:0}.contact .container{max-width:800px;margin:0 auto;position:relative;z-index:1}.contact h2{text-align:center;font-size:3rem;margin-bottom:3rem;color:#fff;font-weight:600;letter-spacing:2px}.contact-form{background:#ffffff08;border-radius:20px;padding:3rem;border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#60efff;margin-bottom:.5rem;font-size:1rem;font-family:var(--font-mono);text-align:left}.form-group input,.form-group textarea{width:100%;padding:1rem;background:#ffffff0d;border:1px solid rgba(96,239,255,.1);border-radius:10px;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#60efff4d;box-shadow:0 0 0 2px #60efff1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.submit-button{display:inline-block;padding:1rem 2rem;background:linear-gradient(45deg,#00ff87,#60efff);color:#1a1a1a;text-decoration:none;border-radius:30px;font-weight:600;transition:all .3s ease;text-align:center;width:100%;border:none;cursor:pointer;font-size:1.1rem;margin-top:1rem}.submit-button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00ff8733}@media (max-width: 768px){.contact{padding:4rem 1rem}.contact h2{font-size:2.5rem;margin-bottom:2rem}.contact-form{padding:2rem}.form-group input,.form-group textarea{font-size:.9rem}}.footer{background:linear-gradient(135deg,#1a1a1afa,#2d2d2dfa);padding:4rem 2rem 2rem;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(96,239,255,.03) 0%,transparent 70%);z-index:0}.footer .container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;gap:4rem}.footer-left{flex:1;max-width:400px;display:flex;flex-direction:column;align-items:center}.footer-logo{height:4em;margin-bottom:1rem;filter:brightness(.9) sepia(.2) hue-rotate(15deg);display:block}.footer-left p{color:#ffffffb3;font-size:1rem;line-height:1.6}.footer-right{display:flex;gap:4rem}.footer-links{min-width:200px}.footer-links h4{color:#60efff;font-size:1.1rem;margin-bottom:1.5rem;font-weight:600;letter-spacing:1px}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.8rem}.footer-links a{color:#ffffffb3;text-decoration:none;transition:all .3s ease;font-size:1rem}.footer-links a:hover{color:#60efff}.copyright{text-align:center;color:#ffffff80;font-size:.9rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.footer{padding:3rem 1rem 1.5rem}.footer-content{flex-direction:column;gap:2rem}.footer-left{max-width:100%;text-align:center}.footer-logo{display:block;margin:0 auto}.footer-right{flex-direction:column;gap:2rem;width:100%}.footer-links{min-width:100%;text-align:center}.footer-links ul{display:flex;flex-direction:column;align-items:center}}.hero,.specialties,.projects,.contact{background:linear-gradient(180deg,#181a1b,#232526);position:relative;overflow:hidden;opacity:0;animation:fadeIn .5s ease-out forwards}.section-divider{width:100%;height:2px;background:linear-gradient(90deg,transparent,#60efff33 50%,transparent);margin:0 auto 3rem;border:none;filter:blur(.5px);opacity:0;animation:fadeIn .5s ease-out .2s forwards}.project-card,.specialty-card,.contact-form{background:#232526fa;border:1.5px solid rgba(96,239,255,.1);box-shadow:0 6px 32px #00000040;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:box-shadow .3s,border-color .3s}.specialty-card,.contact-form{border-radius:20px}.project-card{border-radius:0 0 20px 20px!important}.project-card:hover,.specialty-card:hover{box-shadow:0 12px 40px #00ff871a,0 2px 8px #0000002e;border-color:#60efff44}.projects h2,.specialties h2{background:linear-gradient(90deg,#00ff87,#60efff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.project-content h3,.specialty-card h3{color:#00ff87}.project-content p,.specialty-card p,.description{color:#e0e0e0}.hero,.specialties,.projects,.contact{padding-top:5rem;padding-bottom:5rem}@media (max-width: 768px){.hero,.specialties,.projects,.contact{padding-top:3rem;padding-bottom:3rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo-wrapper{display:flex;align-items:center}.filtered-logo{height:35px;filter:grayscale(100%) invert(100%);transition:transform .3s ease}.filtered-logo:hover{transform:scale(1.05)}.footer-logo .filtered-logo{height:30px}.footer-logo{margin-bottom:1rem}