/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../app/shared-node-modules/.pnpm/next@16.1.6_@babel+core@7.29.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!../../app/shared-node-modules/.pnpm/next@16.1.6_@babel+core@7.29.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/globals.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  color-scheme: light;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  background: #f8fafc;
  color: #0f172a;
}

.page {
  min-height: 100vh;
  display: grid;
  place-content: center;
  text-align: center;
  gap: 0.75rem;
  padding: 2rem;
}

h1 {
  margin: 0;
  font-size: clamp(1.5rem, 4vw, 2.4rem);
}

p {
  margin: 0;
  color: #475569;
}

@keyframes rotate3d {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}

.perspective-1000 {
  perspective: 1000px;
}

.rotating-star {
  animation: rotate3d 3s linear infinite;
  transform-origin: center center;
}

@keyframes rotateReverse {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}

.bmw-logo {
  animation: rotateReverse 3s linear infinite;
  transform-origin: center center;
}