*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:radial-gradient(circle at top,#0f2a44,#020b18);color:#e6f1ff;height:100vh;overflow:hidden}canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0}.container{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:center;perspective:1200px}.card{background:rgba(10,26,47,.75);backdrop-filter:blur(15px);border-radius:20px;padding:60px;width:90%;max-width:900px;text-align:center;box-shadow:0 0 80px rgba(0,229,255,.15);transform-style:preserve-3d;animation:6s ease-in-out infinite float}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}h1{font-family:Orbitron,sans-serif;font-size:3rem;letter-spacing:2px;color:#00e5ff}.tagline{margin-top:15px;font-size:1.1rem;color:#b6d4ff}.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:40px 0}.service{background:rgba(15,42,68,.6);padding:15px;border-radius:12px;border:1px solid rgba(0,229,255,.15);transition:.3s}.service:hover{transform:translateY(-5px);box-shadow:0 0 25px rgba(0,229,255,.3)}.terminal{background:#020b18;border-radius:12px;padding:20px;font-family:monospace;color:#00ff9c;text-align:left;max-width:500px;margin:0 auto;box-shadow:inset 0 0 20px rgba(0,0,0,.8)}.cursor{display:inline-block;width:10px;background:#00ff9c;animation:1s infinite blink}@keyframes blink{50%{opacity:0}}.card footer{margin-top:35px;font-size:.85rem;color:#7c9bff}.site-footer{position:fixed;bottom:15px;width:100%;text-align:center;font-size:.8rem;letter-spacing:.6px;color:#7c9bff;opacity:.85;z-index:3;pointer-events:none}.site-footer span{color:#00e5ff}@media (max-width:1024px){.card{padding:45px;max-width:750px}h1{font-size:2.5rem}}@media (max-width:768px){body{overflow:auto}.container{padding:30px 15px;align-items:flex-start}.card{padding:35px 25px;width:100%;animation:none}h1{font-size:2.1rem}.tagline{font-size:1rem}.services{grid-template-columns:1fr;margin:30px 0}.terminal{max-width:100%;font-size:.85rem;overflow-x:auto}}@media (max-width:480px){h1{font-size:1.8rem;letter-spacing:1px}.tagline{font-size:.95rem}.service{font-size:.9rem;padding:12px}.site-footer{font-size:.7rem;bottom:8px}}