*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { background: #080C1A; color: #F1F5F9; font-family: 'Geist', system-ui, -apple-system, sans-serif; font-size: 18px; line-height: 1.65; overflow-x: hidden; }
a { color: #0EA5E9; text-decoration: none; }
a:hover { color: #38BDF8; }
img { max-width: 100%; height: auto; display: block; }
@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-14px)} }
@keyframes loaderPulse { 0%,100%{opacity:0.4;transform:scale(0.95)} 50%{opacity:1;transform:scale(1.05)} }
.cta-btn { display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #0EA5E9, #7C3AED); color: #fff; font-weight: 600; font-size: 16px; padding: 12px 24px; border-radius: 10px; border: none; cursor: pointer; transition: opacity 0.2s, transform 0.2s; text-decoration: none; }
.cta-btn:hover { opacity: 0.9; transform: translateY(-1px); color: #fff; }
.hero-grid { grid-template-columns: 1fr 1fr; }
@media (max-width: 768px) { .hero-grid { grid-template-columns: 1fr; } .hero-grid > div:last-child { display: none; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } }