:root{
    --purple: #6E5FD1;
    --purple-dark: #45378C;
    --purple-deep: #2B2255;
    --lavender: #F5F3FC;
    --lavender-2: #EDE9F9;
    --gray-900: #262330;
    --gray-600: #5B5568;
    --gray-400: #8C86A0;
    --border: #E3DFF2;
    --white: #FFFFFF;
    --danger-bg: #FBEEEE;
    --danger-border: #E3B8B8;
    --danger-text: #8C3A3A;
    --ok-bg: #EEF7EE;
    --ok-border: #BEDBBE;
    --ok-text: #33633A;
    --radius: 14px;
    --shadow: 0 6px 24px rgba(43,34,85,0.08);
    --maxw: 1120px;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    font-family:'Cairo', -apple-system, 'Segoe UI', Tahoma, sans-serif;
    background:var(--white);
    color:var(--gray-900);
    line-height:1.75;
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%; display:block;}
  a{color:inherit; text-decoration:none;}
  button{font-family:inherit; cursor:pointer;}
  ul{margin:0; padding:0; list-style:none;}
  h1,h2,h3,h4{margin:0; font-weight:700; color:var(--gray-900);}
  p{margin:0;}
  :focus-visible{outline:3px solid var(--purple); outline-offset:2px;}
  @media (prefers-reduced-motion: reduce){
    *{animation-duration:0.001ms !important; transition-duration:0.001ms !important;}
  }

  .container{max-width:var(--maxw); margin:0 auto; padding:0 24px;}





  [dir="ltr"] body{font-family:'Cairo','Inter',-apple-system,'Segoe UI',sans-serif;}