*{margin:0;padding:0}body{font-family:Segoe UI,Arial,sans-serif;background:#0a0a0a;color:#f5f5f5;min-height:100vh;overflow-x:hidden}.webgl{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.container{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:104px 32px 48px;background:transparent;border-radius:18px}.navbar{position:fixed;top:0;left:0;width:100vw;background:transparent;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:56px}.logo{font-size:2.2rem;font-weight:700;letter-spacing:2px;color:#1565c0;text-align:center;margin-bottom:4px}.nav-links{list-style:none;display:flex;gap:48px;justify-content:center;width:100%}.nav-links a{color:#f5f5f5;text-decoration:none;font-weight:500;transition:color .2s}.nav-links a:hover{color:#1565c0}.hero{text-align:center;margin-bottom:72px;padding:32px 0}.hero h1{font-size:3.2rem;margin-bottom:20px;color:#1565c0}.hero p{font-size:1.3rem;margin-bottom:32px}.cta-btn{display:inline-block;background:#1565c0;color:#222;padding:16px 40px;border-radius:28px;font-weight:700;text-decoration:none;transition:background .2s;font-size:1.1rem}.cta-btn:hover{background:#1565c0}.services,.projects,.team,.contact{margin-bottom:72px;padding-top:24px}.services h2,.projects h2,.team h2,.contact h2{color:#1565c0;margin-bottom:32px;font-size:2.2rem}.service-list{display:flex;gap:40px;flex-wrap:wrap}.service-card{background:#181828;padding:36px;border-radius:16px;flex:1 1 260px;min-width:260px;margin-bottom:16px}.project-grid{display:flex;gap:40px;flex-wrap:wrap}.project-card{background:#181828;padding:36px;border-radius:16px;flex:1 1 260px;min-width:260px;margin-bottom:16px}.team-list{display:flex;gap:40px;flex-wrap:wrap}.team-member{background:#181828;padding:28px;border-radius:16px;flex:1 1 200px;min-width:200px;text-align:center;margin-bottom:16px}.avatar{width:72px;height:72px;background:#1565c0;border-radius:50%;margin:0 auto 18px}.contact-form{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.contact-form input,.contact-form textarea{padding:16px 18px;border-radius:8px;border:none;font-size:1.1rem;background:#23233a;color:#f5f5f5}.contact-form button{background:#ffbf58;color:#222;padding:14px 0;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background .2s;font-size:1.1rem}.contact-form button:hover{background:#1565c0}.contact-email{text-align:center;color:#aaa;font-size:1.05rem;margin-top:12px}@media (max-width: 800px){.navbar{flex-direction:column;gap:20px;padding:16px 2vw}.container{padding:80px 4px 24px}.hero{padding:18px 0}.nav-links{flex-direction:column;gap:12px}}.hud{position:fixed;bottom:40%;left:50%;transform:translate(-50%);text-align:center;font-weight:700;font-size:24px;text-transform:uppercase;letter-spacing:2px;z-index:100;color:#fff;padding:16px 32px;pointer-events:none;opacity:0;transition:opacity .2s;border-radius:12px;background:none}.menu-title{display:block;transition:transform .3s cubic-bezier(.4,.2,.2,1),color .2s;cursor:pointer}.menu-title:hover{transform:translateY(-8px) scale(1.05);color:#1565c0}::-webkit-scrollbar{width:10px;background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#1565c0,#1976d2);border-radius:8px;min-height:40px;box-shadow:0 2px 8px #2af9f926}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1976d2,#1565c0)}::-webkit-scrollbar-track{background:#ffffff0a;border-radius:8px}html{scrollbar-width:thin;scrollbar-color:#1565C0 #181828}