:root {
        --bg: #fff;
        --text: #222;
        --muted: #6f6f7a;
        --border: #ececf6;
        --accent: #7c3aed;
        --accent-2: #a78bfa;
        --accent-soft: #f6f3ff;
        --radius: 14px;
        --shadow: 0 10px 28px rgba(124, 58, 237, 0.12);
      }

       * {
        box-sizing: border-box;
       }
     

      body {
        margin: 0;
        background: #fff;
        color: var(--text);
        font: 500 16px/1.55 ui-sans-serif, system-ui, -apple-system, "Segoe UI",
          Roboto, Arial;
      }

       a {
        color: inherit;
        text-decoration: none;
      }
      
  .container {
    max-width: 1450px;
    margin: 0 auto;
    padding: 0 20px;
  }