/* Custom styling only */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@400;500;600;700;800&display=swap");
.bg-gradient-orange {
  background: linear-gradient(90deg, #f97316 0%, #fb923c 100%);
}

/* Animation keyframes */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-fadeInUp {
  animation: fadeInUp 0.6s ease-out forwards;
}

/* Enhanced Star/particle animations (inspired by Blazar Capital) */
.stars-1,
.stars-2,
.stars-3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.stars-1:before,
.stars-2:before,
.stars-3:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  background: rgba(249, 115, 22, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(249, 115, 22, 0.9), 30vw 15vh 2px rgba(249, 115, 22, 0.8), 15vw 35vh 1px rgba(249, 115, 22, 0.7), 25vw 65vh 1px rgba(249, 115, 22, 0.6), 75vw 10vh 2px rgba(249, 115, 22, 0.7), 85vw 45vh 1px rgba(249, 115, 22, 0.8), 45vw 55vh 1px rgba(249, 115, 22, 0.6), 65vw 70vh 2px rgba(249, 115, 22, 0.8), 10vw 25vh 1px rgba(249, 115, 22, 0.7), 40vw 15vh 1px rgba(249, 115, 22, 0.8), 60vw 25vh 2px rgba(249, 115, 22, 0.7);
  animation: starBlink 8s infinite linear;
}

.stars-2:before {
  box-shadow: 0 0 15px rgba(249, 115, 22, 0.9), 10vw 25vh 2px rgba(249, 115, 22, 0.7), 20vw 45vh 1px rgba(249, 115, 22, 0.8), 35vw 55vh 1px rgba(249, 115, 22, 0.6), 65vw 20vh 2px rgba(249, 115, 22, 0.7), 75vw 35vh 1px rgba(249, 115, 22, 0.8), 55vw 65vh 1px rgba(249, 115, 22, 0.8), 90vw 30vh 2px rgba(249, 115, 22, 0.8), 20vw 5vh 1px rgba(249, 115, 22, 0.7), 50vw 5vh 1px rgba(249, 115, 22, 0.8), 80vw 55vh 2px rgba(249, 115, 22, 0.7);
  animation: starBlink 6s infinite linear;
  animation-delay: 0.5s;
}

.stars-3:before {
  box-shadow: 5vw 5vh 1px rgba(249, 115, 22, 0.7), 15vw 15vh 2px rgba(249, 115, 22, 0.6), 25vw 25vh 1px rgba(249, 115, 22, 0.8), 40vw 40vh 1px rgba(249, 115, 22, 0.7), 50vw 50vh 2px rgba(249, 115, 22, 0.6), 60vw 60vh 1px rgba(249, 115, 22, 0.8), 70vw 70vh 2px rgba(249, 115, 22, 0.7), 80vw 80vh 1px rgba(249, 115, 22, 0.7), 90vw 90vh 1px rgba(249, 115, 22, 0.8);
  animation: starBlink 10s infinite linear;
  animation-delay: 1s;
}

@keyframes starBlink {
  0% {
    opacity: 0.3;
    transform: translateY(0);
  }
  25% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
    transform: translateY(-2px);
  }
  75% {
    opacity: 0.7;
  }
  100% {
    opacity: 0.3;
    transform: translateY(0);
  }
}
@keyframes starFloat {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}
/* Floating animation for elements */
.float {
  animation: starFloat 6s ease-in-out infinite;
}

/* Pulsing dot animation */
@keyframes pulse-dot {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(0.8);
  }
}
.pulse-dot {
  animation: pulse-dot 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}

/* Image hover/motion effects */
@keyframes float-gentle {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
.float-gentle {
  animation: float-gentle 6s ease-in-out infinite;
}

/* Text glow effect */
.text-glow {
  text-shadow: 0 0 10px rgba(249, 115, 22, 0.5), 0 0 20px rgba(249, 115, 22, 0.3), 0 0 30px rgba(249, 115, 22, 0.1);
}

/* Button hover animation */
.btn-hover-expand {
  transition: all 0.3s ease;
}

.btn-hover-expand:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 25px -5px rgba(249, 115, 22, 0.4);
}

h1, h2, h3, h4, h5, h6, p, span {
  user-select: none;
}

@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
  :root {
    --background: 0 0% 100%;
    --foreground: 222.2 84% 4.9%;
    --card: 0 0% 100%;
    --card-foreground: 222.2 84% 4.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 222.2 84% 4.9%;
    --primary: 24 94% 53%;
    --primary-foreground: 0 0% 100%;
    --secondary: 210 40% 96.1%;
    --secondary-foreground: 222.2 47.4% 11.2%;
    --muted: 210 40% 96.1%;
    --muted-foreground: 215.4 16.3% 46.9%;
    --accent: 24 94% 53%;
    --accent-foreground: 0 0% 100%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 210 40% 98%;
    --border: 214.3 31.8% 91.4%;
    --input: 214.3 31.8% 91.4%;
    --ring: 24 94% 53%;
    --radius: 0.5rem;
    --sidebar-background: 0 0% 98%;
    --sidebar-foreground: 240 5.3% 26.1%;
    --sidebar-primary: 240 5.9% 10%;
    --sidebar-primary-foreground: 0 0% 98%;
    --sidebar-accent: 240 4.8% 95.9%;
    --sidebar-accent-foreground: 240 5.9% 10%;
    --sidebar-border: 220 13% 91%;
    --sidebar-ring: 217.2 91.2% 59.8%;
  }
  .dark {
    --background: 222.2 84% 4.9%;
    --foreground: 210 40% 98%;
    --card: 222.2 84% 4.9%;
    --card-foreground: 210 40% 98%;
    --popover: 222.2 84% 4.9%;
    --popover-foreground: 210 40% 98%;
    --primary: 24 94% 53%;
    --primary-foreground: 0 0% 100%;
    --secondary: 217.2 32.6% 17.5%;
    --secondary-foreground: 210 40% 98%;
    --muted: 217.2 32.6% 17.5%;
    --muted-foreground: 215 20.2% 65.1%;
    --accent: 24 94% 53%;
    --accent-foreground: 0 0% 100%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 210 40% 98%;
    --border: 217.2 32.6% 17.5%;
    --input: 217.2 32.6% 17.5%;
    --ring: 212.7 26.8% 83.9%;
  }
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground font-sans antialiased;
  }
  h1, h2, h3, h4, h5, h6 {
    @apply font-display tracking-tight;
  }
  .container {
    @apply px-4 sm:px-6 lg:px-8 mx-auto max-w-7xl;
  }
  .section {
    @apply py-24 md:py-32;
  }
  .btn-primary {
    @apply inline-flex items-center gap-2 bg-orange-500 text-white font-medium px-6 py-3 rounded-xl hover:bg-fearless-600 transition-colors duration-200;
  }
  .card-gradient {
    @apply bg-white shadow-sm border border-gray-100 rounded-xl;
  }
}
.bg-gradient-orange {
  background: linear-gradient(90deg, #f97316 0%, #fb923c 100%);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-fadeInUp {
  animation: fadeInUp 0.6s ease-out forwards;
}

.stars-1,
.stars-2,
.stars-3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.stars-3:before, .stars-2:before, .stars-1:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  background: rgba(249, 115, 22, 0.5);
  border-radius: 50%;
  animation: starBlink 8s infinite linear;
}

.stars-1:before {
  box-shadow: 0 0 15px rgba(249, 115, 22, 0.9), 30vw 15vh 2px rgba(249, 115, 22, 0.8), 15vw 35vh 1px rgba(249, 115, 22, 0.7), 25vw 65vh 1px rgba(249, 115, 22, 0.6), 75vw 10vh 2px rgba(249, 115, 22, 0.7), 85vw 45vh 1px rgba(249, 115, 22, 0.8), 45vw 55vh 1px rgba(249, 115, 22, 0.6), 65vw 70vh 2px rgba(249, 115, 22, 0.8), 10vw 25vh 1px rgba(249, 115, 22, 0.7), 40vw 15vh 1px rgba(249, 115, 22, 0.8), 60vw 25vh 2px rgba(249, 115, 22, 0.7);
}

.stars-2:before {
  animation-delay: 0.5s;
  box-shadow: 0 0 15px rgba(249, 115, 22, 0.9), 10vw 25vh 2px rgba(249, 115, 22, 0.7), 20vw 45vh 1px rgba(249, 115, 22, 0.8), 35vw 55vh 1px rgba(249, 115, 22, 0.6), 65vw 20vh 2px rgba(249, 115, 22, 0.7), 75vw 35vh 1px rgba(249, 115, 22, 0.8), 55vw 65vh 1px rgba(249, 115, 22, 0.8), 90vw 30vh 2px rgba(249, 115, 22, 0.8), 20vw 5vh 1px rgba(249, 115, 22, 0.7), 50vw 5vh 1px rgba(249, 115, 22, 0.8), 80vw 55vh 2px rgba(249, 115, 22, 0.7);
}

.stars-3:before {
  animation-delay: 1s;
  box-shadow: 5vw 5vh 1px rgba(249, 115, 22, 0.7), 15vw 15vh 2px rgba(249, 115, 22, 0.6), 25vw 25vh 1px rgba(249, 115, 22, 0.8), 40vw 40vh 1px rgba(249, 115, 22, 0.7), 50vw 50vh 2px rgba(249, 115, 22, 0.6), 60vw 60vh 1px rgba(249, 115, 22, 0.8), 70vw 70vh 2px rgba(249, 115, 22, 0.7), 80vw 80vh 1px rgba(249, 115, 22, 0.7), 90vw 90vh 1px rgba(249, 115, 22, 0.8);
}

@keyframes starBlink {
  0% {
    opacity: 0.3;
    transform: translateY(0);
  }
  25% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
    transform: translateY(-2px);
  }
  75% {
    opacity: 0.7;
  }
  100% {
    opacity: 0.3;
    transform: translateY(0);
  }
}
@keyframes starFloat {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}
.float {
  animation: starFloat 6s ease-in-out infinite;
}

@keyframes pulse-dot {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(0.8);
  }
}
.pulse-dot {
  animation: pulse-dot 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
}

@keyframes float-gentle {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
.float-gentle {
  animation: float-gentle 6s ease-in-out infinite;
}

.text-glow {
  text-shadow: 0 0 10px rgba(249, 115, 22, 0.5), 0 0 20px rgba(249, 115, 22, 0.3), 0 0 30px rgba(249, 115, 22, 0.1);
}

.btn-hover-expand {
  transition: all 0.3s ease;
}

.btn-hover-expand:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 25px -5px rgba(249, 115, 22, 0.4);
}

/*# sourceMappingURL=tmp-ronja.css.map */