:root{--accent:#0ea5a4;--bg1:#081122;--bg2:#0b1b2a;--card:#0f1720;--muted:#9aa7b2}
*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;color:#e6eef3;background:linear-gradient(180deg,var(--bg1),var(--bg2));}
.topbar{position:fixed;top:0;left:0;right:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:transparent;z-index:40}
.topbar .brand{font-weight:700;letter-spacing:0.3px}
.topbar nav a{color:#e6eef3;text-decoration:none;margin-left:18px;padding:8px 12px;border-radius:8px}
.topbar nav a.cta{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.03)}
.hero{min-height:100vh;padding-top:90px;display:grid;place-items:center;position:relative;overflow:hidden}
.hero-content{z-index:20;max-width:940px;padding:48px;border-radius:12px;background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));backdrop-filter:blur(6px);box-shadow:0 10px 30px rgba(3,6,10,0.6);text-align:center}
.hero-content h1{font-size:2.2rem;margin:0 0 12px}
.hero-content p{color:var(--muted);margin:0 0 18px;font-size:1rem}
.btn{display:inline-block;padding:12px 22px;background:var(--accent);color:#012; border-radius:10px;text-decoration:none;font-weight:600}
.background-anim{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0.9;filter:drop-shadow(0 30px 60px rgba(0,0,0,0.5))}
.turbine{width:140%;height:140%;max-width:1000px;max-height:1000px;transform-origin:center center}
.spinner{transform-origin:center center}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.spinner{animation:spin 12s linear infinite}
.site-footer{position:fixed;left:0;right:0;bottom:14px;text-align:center;color:rgba(230,238,243,0.6);z-index:30}
.contact-page{min-height:100vh;padding:110px 28px 80px;display:flex;align-items:start;justify-content:center}
.contact-card{max-width:720px;width:100%;background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));padding:28px;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.5)}
.contact-card h2{margin-top:0}
.contact-card label{display:block;margin-top:12px;color:var(--muted);font-size:0.9rem}
.contact-card input, .contact-card textarea{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,0.04);background:rgba(255,255,255,0.02);color:#e6eef3;margin-top:6px}
.contact-card .btn{margin-top:14px}
.hint{display:block;margin-top:12px;color:var(--muted);font-size:0.85rem}
@media (max-width:600px){.hero-content h1{font-size:1.4rem}.topbar{height:auto;padding:10px 8px;gap:12px}.topbar .brand{font-size:0.8rem;white-space:nowrap;flex-shrink:0}.topbar nav{display:flex;gap:4px}.topbar nav a{margin-left:0;padding:6px 8px;font-size:0.75rem}.contact-page{padding:100px 16px 80px}}