
    :root{
      --bg:#0b0b0d;
      --card:#0f0f12;
      --gold1:linear-gradient(90deg,#d4af37,#ffd27a);
      --accent:#d4af37;
      --muted:#bdbdbd;
      font-family: 'Vazirmatn', system-ui, sans-serif;
    }
    *{box-sizing:border-box}
    html,body{height:100%;margin:0;background:radial-gradient( circle at 10% 10%, rgba(212,175,55,0.06), transparent 10% ), var(--bg); color:#fff}
    .container{max-width:1100px;margin:40px auto;padding:28px}

    /* Hero */
    .hero{display:flex;gap:28px;align-items:center}
    .hero .left{flex:1}
    .logo{display:flex;align-items:center;gap:12px}
    .badge{background:var(--gold1);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;font-size:22px}
    h1{font-size:48px;margin:12px 0 8px;line-height:1.05}
    p.lead{color:var(--muted);font-size:17px;margin:0 0 20px}

    /* Contact card */
    .contact-card{background:linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));border:1px solid rgba(212,175,55,0.12);padding:18px;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,0.6);width:320px}
    .tel{display:flex;align-items:center;gap:12px}
    .tel .num{font-size:20px;font-weight:700}
    .cta{display:inline-block;margin-top:14px;padding:12px 18px;border-radius:10px;background:var(--gold1);color:#111;font-weight:700;text-decoration:none}
    .tiny{font-size:12px;color:var(--muted)}

    /* Features */
    .features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}
    .feature{background:linear-gradient(180deg, rgba(255,255,255,0.02), transparent);padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,0.02)}
    .feature h3{margin:0;font-size:16px}
    .feature p{margin:8px 0 0;color:var(--muted);font-size:13px}

    /* Gallery */
    .gallery{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:28px}
    .gallery .big{height:300px;background-image:url('https://images.unsplash.com/photo-1509395176047-4a66953fd231?auto=format&fit=crop&w=1400&q=60');background-size:cover;background-position:center;border-radius:12px;position:relative;overflow:hidden}
    .gallery .small{display:grid;grid-auto-rows:1fr;gap:12px}
    .gallery .small div{background-size:cover;background-position:center;border-radius:12px}
    .s1{background-image:url('https://images.unsplash.com/photo-1509395161417-7a7b0e9e7d2b?auto=format&fit=crop&w=800&q=60')}
    .s2{background-image:url('https://images.unsplash.com/photo-1504215680853-026ed2a45def?auto=format&fit=crop&w=800&q=60')}

    /* Footer */
    footer{margin-top:36px;padding:18px;border-radius:12px;background:linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.005));border:1px solid rgba(255,255,255,0.02);display:flex;justify-content:space-between;align-items:center}

    /* Decorations */
    .glow{position:absolute;right:40px;top:10px;width:140px;height:140px;border-radius:50%;filter:blur(40px);background:radial-gradient(circle at 30% 30%, rgba(212,175,55,0.18), transparent 40%)}

    /* Responsive */
    @media (max-width:900px){.hero{flex-direction:column}.contact-card{width:100%}.features{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:1fr}.gallery .big{height:220px}}
    @media (max-width:560px){h1{font-size:32px}.features{grid-template-columns:1fr}}

    /* Small animated shimmer */
    .shimmer{position:relative;overflow:hidden}
    .shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.06) 50%, rgba(255,255,255,0) 100%);transform:translateX(-120%);animation:shm 2.8s infinite}
    @keyframes shm{to{transform:translateX(120%)}}