html{scroll-behavior:smooth}:root{--bg-color:#0a0a0a;--text-color:#f4f4f4;--matrix-green:#00ff41;--accent-gray:#1a1a1a;--pure-white:#ffffff;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:'Inter',sans-serif;line-height:1.6;overflow-x:hidden}nav{display:flex;justify-content:space-between;align-items:center;padding:15px 5%;background:rgba(10,10,10,.95);border-bottom:1px solid var(--accent-gray);position:sticky;top:0;z-index:1000}.logo-box{background:var(--pure-white);padding:0;border-radius:4px;display:flex;align-items:center}nav ul{display:flex;list-style:none}nav ul li{margin-left:30px}nav ul li a{color:var(--text-color);text-decoration:none;font-size:1rem;letter-spacing:1px;padding:5px;transition:var(--transition);-webkit-tap-highlight-color:transparent}@media (hover:hover){nav ul li a:hover{font-size:1.1rem;font-weight:bold;background:var(--matrix-green);color:#000;box-shadow:0 0 20px rgba(0,255,65,.4)}}nav ul li a:active{font-size:1.1rem;font-weight:bold;background:var(--matrix-green);color:#000;box-shadow:0 0 20px rgba(0,255,65,.4)}.hero{padding:120px 5% 80px;text-align:center;background:radial-gradient(circle at center,#112211 0%,#0a0a0a 70%)}.hero h1{font-family:'JetBrains Mono',monospace;font-size:3rem;margin-bottom:20px;letter-spacing:-1px}.hero h1 span{color:var(--matrix-green)}.hero p{max-width:700px;margin:0 auto 40px;font-size:1.2rem;color:#aaa}.hero p span{color:var(--matrix-green);font-size:1.4rem}.btn-matrix{display:inline-block;padding:15px 40px;border:2px solid var(--matrix-green);color:var(--matrix-green);text-decoration:none;font-weight:bold;letter-spacing:2px;transition:var(--transition);-webkit-tap-highlight-color:transparent}@media (hover:hover){.btn-matrix:hover{background:var(--matrix-green);color:#000;box-shadow:0 0 20px rgba(0,255,65,.4)}}.btn-matrix:active{background:var(--matrix-green);color:#000;box-shadow:0 0 20px rgba(0,255,65,.4)}.services{padding:80px 5%;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.card{background:var(--accent-gray);padding:40px;border-radius:2px;border-top:3px solid var(--matrix-green);transition:var(--transition)}.card:hover{transform:translateY(-10px);background:#222}.card h3{font-family:'JetBrains Mono',monospace;color:var(--matrix-green);margin-bottom:15px;font-size:1.5rem}.card span{color:var(--matrix-green)}.contacts{padding:60px 5%;text-align:center}.contacts-card{background:var(--accent-gray);padding:60px 40px;border-radius:2px;border-top:3px solid var(--matrix-green)}.contacts-card h3{font-family:'JetBrains Mono',monospace;color:var(--matrix-green);margin-bottom:15px;font-size:1.5rem}.contact-line{display:flex;font-size:1.3rem;font-weight:bold;align-items:center;justify-content:center;margin-bottom:20px}.contact-link{display:flex;align-items:center;text-decoration:none;color:#f4f4f4;border-radius:5px;padding:5px;gap:12px;transition:var(--transition);-webkit-tap-highlight-color:transparent}@media (hover:hover){.contact-link:hover{background-color:var(--matrix-green);color:#000;box-shadow:0 0 20px rgba(0,255,65,.4)}}.contact-link:active{background:var(--matrix-green);color:#000;box-shadow:0 0 20px rgba(0,255,65,.4)}.icon{width:24px;height:24px;flex-shrink:0}.whatsapp-hover-icon{width:48px;height:48px;cursor:pointer}.whatsapp-hover-icon path{fill:#00ff41;transition:var(--transition)}@media (hover:hover){.whatsapp-hover-icon:hover path{fill:#000}}.contact-link:active{fill:#000}footer{padding:60px 5%;text-align:center;border-top:1px solid var(--accent-gray);font-size:.8rem;color:#666}details{cursor:pointer;margin-top:20px;color:#A0A0A0;font-family:sans-serif;font-size:.8rem}summary{list-style:none;text-decoration:underline;color:#00ff41;outline:none}summary::-webkit-details-marker{display:none}.privacy-content{margin-top:15px;padding:15px;border-left:1px solid #00ff41;text-align:left;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.4}nav a.active{font-weight:bold;background:var(--matrix-green);color:#000;box-shadow:0 0 20px rgba(0,255,65,.4)}@media (max-width:768px){.hero h1{font-size:2rem}nav ul{flex-direction:column}nav ul li{padding:10px;}}