:root {
    --bg: #050507;
    --panel: rgba(255, 255, 255, 0.04);
    --panel-strong: rgba(255, 255, 255, 0.06);
    --border: rgba(255, 255, 255, 0.1);
    --text: #f5f7fb;
    --muted: rgba(245, 247, 251, 0.68);
    --soft: rgba(245, 247, 251, 0.45);
    --accent: #c026d3;
    --accent-2: #8b5cf6;
    --white: #ffffff;
    --dark-text: #0b0b10;
    --shadow: 0 18px 60px rgba(0, 0, 0, 0.28);
    --radius-xl: 28px;
    --radius-lg: 22px;
    --radius-md: 18px;
    --container: 1240px;
  }
  
  * {
    box-sizing: border-box;
  }
  
  html {
    scroll-behavior: smooth;
  }
  
  body {
    margin: 0;
    font-family: "Inter", sans-serif;
    background:
      radial-gradient(circle at top left, rgba(249, 115, 22, 0.16), transparent 22%),
      radial-gradient(circle at top right, rgba(192, 38, 211, 0.16), transparent 20%),
      var(--bg);
    color: var(--text);
  }
  
  img {
    display: block;
    width: 100%;
    height: auto;
  }
  
  a {
    color: inherit;
    text-decoration: none;
  }

  button,
  a {
  transition: all 0.25s ease;
  }