@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;900&display=swap');\n\n* {\n  font-family: 'Inter', sans-serif;\n}\n\nbody {\n  scroll-behavior: smooth;\n}\n\n/* Smooth animations */\n@keyframes glow {\n  0%, 100% {\n    box-shadow: 0 0 20px rgba(34, 211, 238, 0.3), 0 0 40px rgba(168, 85, 247, 0.1);\n  }\n  50% {\n    box-shadow: 0 0 30px rgba(34, 211, 238, 0.5), 0 0 60px rgba(168, 85, 247, 0.2);\n  }\n}\n\n@keyframes float {\n  0%, 100% {\n    transform: translateY(0px);\n  }\n  50% {\n    transform: translateY(-20px);\n  }\n}\n\nbutton {\n  transition: all 0.3s ease;\n  position: relative;\n  overflow: hidden;\n}\n\nbutton::before {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 0;\n  height: 0;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.1);\n  transform: translate(-50%, -50%);\n  transition: width 0.6s, height 0.6s;\n}\n\nbutton:hover::before {\n  width: 300px;\n  height: 300px;\n}\n\nbutton:hover {\n  transform: scale(1.05);\n}\n\n/* Video container smooth aspect ratio */\nvideo {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n\n/* Gradient text animation */\n.bg-clip-text {\n  animation: gradientShift 3s ease-in-out infinite;\n}\n\n@keyframes gradientShift {\n  0%, 100% {\n    background-position: 0% 50%;\n  }\n  50% {\n    background-position: 100% 50%;\n  }\n}\n\n/* Hero title glow */\nh1 {\n  text-shadow: 0 0 40px rgba(34, 211, 238, 0.1), 0 0 80px rgba(168, 85, 247, 0.05);\n}\n\n/* Scrollbar styling */\n::-webkit-scrollbar {\n  width: 10px;\n}\n\n::-webkit-scrollbar-track {\n  background: rgba(0, 0, 0, 0.5);\n}\n\n::-webkit-scrollbar-thumb {\n  background: linear-gradient(180deg, #06b6d4, #a855f7);\n  border-radius: 5px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: linear-gradient(180deg, #0891b2, #9333ea);\n}\n\n/* Responsive video container */\n.video-container {\n  position: relative;\n  width: 100%;\n  padding-bottom: 56.25%;\n  height: 0;\n  overflow: hidden;\n}\n\n.video-container video {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n/* Mobile optimization */\n@media (max-width: 768px) {\n  h1 {\n    font-size: 2.5rem;\n  }\n  \n  h2 {\n    font-size: 1.875rem;\n  }\n}"