* { box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body { font-family: 'Tajawal', sans-serif; background:#0B0B0F; color:#FAF6EE; margin:0; }
  ::-webkit-scrollbar{ width:10px; }
  ::-webkit-scrollbar-track{ background:#0B0B0F; }
  ::-webkit-scrollbar-thumb{ background:linear-gradient(#D4AF37,#9C7A22); border-radius:8px; }

  .font-display{ font-family:'Aref Ruqaa', serif; }

  .gold-text{
    background: linear-gradient(120deg,#9C7A22 0%, #E8D5A8 35%, #D4AF37 55%, #F4E7C1 70%, #9C7A22 100%);
    -webkit-background-clip:text; background-clip:text; color:transparent;
    background-size:200% auto;
    animation: shine 6s linear infinite;
  }
  @keyframes shine{ to{ background-position:200% center; } }

  .glass{
    background: rgba(20,20,23,0.55);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(212,175,55,0.18);
  }
  .glass-light{
    background: rgba(250,246,238,0.06);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(212,175,55,0.15);
  }

  .gold-border{ border:1px solid rgba(212,175,55,0.35); }
  .gold-shadow{ box-shadow: 0 10px 40px -10px rgba(212,175,55,0.25); }

  /* Signature arch motif — echoes "Bab Al-Yaman" gateway kosha */
  .arch{
    border-radius: 50% 50% 0 0 / 60% 60% 0 0;
  }
  .arch-frame{
    position:relative;
  }
  .arch-frame::before{
    content:"";
    position:absolute; inset:-14px;
    border-radius: 50% 50% 4px 4px / 34% 34% 4px 4px;
    border: 2px solid rgba(212,175,55,0.55);
    pointer-events:none;
  }

  .divider-arch{
    width:56px; height:34px;
    margin:0 auto;
    border:2px solid #D4AF37;
    border-bottom:none;
    border-radius: 50% 50% 0 0 / 100% 100% 0 0;
    position:relative;
  }
  .divider-arch::after{
    content:"";
    position:absolute; left:50%; bottom:-2px; transform:translateX(-50%);
    width:6px; height:6px; border-radius:50%; background:#D4AF37;
  }

  .reveal{ opacity:0; transform: translateY(28px); transition: opacity .9s ease, transform .9s ease; }
  .reveal.in{ opacity:1; transform:none; }

  .card-luxury{
    background: linear-gradient(160deg, rgba(28,28,33,0.9), rgba(11,11,15,0.95));
    border:1px solid rgba(212,175,55,0.2);
    transition: transform .5s ease, box-shadow .5s ease, border-color .5s ease;
  }
  .card-luxury:hover{
    transform: translateY(-6px);
    border-color: rgba(212,175,55,0.55);
    box-shadow: 0 20px 50px -18px rgba(212,175,55,0.35);
  }

  input, textarea, select { font-family:'Tajawal', sans-serif; }
  input:focus, textarea:focus, select:focus{ outline:2px solid #D4AF37; outline-offset:1px; }

  @media (prefers-reduced-motion: reduce){
    .reveal{ transition:none; opacity:1; transform:none; }
    .gold-text{ animation:none; }
  }