/* =============================================================
 * سامانه آوان — استایل‌های عمومی (Front-end)
 * Avan v2 — based on Avan Home, Workshops, About, Login, Register designs
 * Palette: --gold:#FFB84D --teal:#3FAA9B --coral:#FF7A6B --ink:#2E1A47
 * ============================================================= */

@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');

:root{
  --gold:#FFB84D;--gold-deep:#E0A338;--gold-light:#FFD98A;
  --teal:#3FAA9B;--teal-deep:#2D8A7C;--teal-light:#7DD3C0;
  --coral:#FF7A6B;--coral-light:#F9C6B7;--mustard:#FFD98A;
  --purple:#8E7CE8;--purple-deep:#5B4CC4;
  --cream:#FFF9F0;--cream-2:#F4EDDF;--bg-warm:#FCF8EF;--surface:#FFFFFF;
  --ink:#2E1A47;--ink-soft:#5A524B;--ink-muted:#7a716a;--ink-slate:#2E1A47;--white:#fff;
  --success:#3FAA9B;--warning:#FFB84D;--danger:#FF7A6B;
  --r-xl:28px;--r-lg:24px;--r-md:20px;--r-sm:14px;
  --shadow-lg:0 28px 80px rgba(46,26,71,.1);
  --shadow:0 14px 40px -14px rgba(46,26,71,.12);
  --shadow-sm:0 4px 16px rgba(46,26,71,.06);
}

/* ===== Reset & Base ===== */
.avan-public *{margin:0;padding:0;box-sizing:border-box}
.avan-public{font-family:'Vazirmatn',sans-serif;background:var(--cream);color:var(--ink);line-height:1.85;direction:rtl;-webkit-font-smoothing:antialiased}
.avan-public h1,.avan-public h2,.avan-public h3,.avan-public h4{line-height:1.3;font-weight:900;letter-spacing:-.02em}
.avan-public img{max-width:100%;display:block}
.avan-public .wrap{max-width:1240px;margin:0 auto;padding:0 24px}

/* ===== Animations ===== */
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}
@keyframes floaty2{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-14px) rotate(-3deg)}}
@keyframes spinSlow{to{transform:rotate(360deg)}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulseDot{0%,100%{opacity:1}50%{opacity:.4}}
.blob1{border-radius:62% 38% 55% 45%/48% 55% 45% 52%}
.blob2{border-radius:42% 58% 38% 62%/52% 42% 58% 48%}
.blob3{border-radius:58% 42% 65% 35%/40% 60% 40% 60%}

/* ===== PLUGIN TAG ===== */
.avan-public .plugin-tag{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12px;font-weight:700;color:var(--teal-light);
  background:var(--ink-slate);padding:6px 14px;border-radius:999px;margin-bottom:16px;
}

/* ===================================================
   GLASS NAV (new avn-* components)
   =================================================== */
.avan-public .avn-header{
  position:fixed;top:0;right:0;left:0;z-index:200;
  padding:8px 0;transition:all .3s ease;
  background:#fff9f0;
}
.avan-public .avn-header .wrap{max-width:100%;padding:0 12px;}
.avan-public .avn-inner{
  display:flex;align-items:center;justify-content:space-between;height:60px;
  padding:0 14px;border-radius:20px;
  background:rgba(255,249,240,.94);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  border:1px solid rgba(46,26,71,.1);
  box-shadow:0 4px 20px rgba(46,26,71,.08);
  transition:all .3s ease;
}
.avan-public .avn-header.avn-scrolled .avn-inner{
  background:rgba(255,249,240,.92);
  box-shadow:0 8px 32px rgba(46,26,71,.09);
}
/* Logo */
.avan-public .avn-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);flex-shrink:0;}
.avan-public .avn-logo-sq{
  width:44px;height:44px;border-radius:14px;flex-shrink:0;
  background:#fff;
  border:2.5px solid var(--gold,#E0A338);
  display:grid;place-items:center;
  color:var(--gold,#E0A338);font-size:20px;font-weight:900;
  overflow:hidden;
}
.avan-public .avn-logo-text{display:flex;flex-direction:column;line-height:1.2;}
.avan-public .avn-logo-text strong{font-size:17px;font-weight:900;color:var(--ink);}
.avan-public .avn-logo-text small{font-size:11px;color:var(--ink-muted);font-weight:600;}
/* Nav links */
.avan-public .avn-nav{display:flex;gap:2px;align-items:center;}
.avan-public .avn-link{
  font-family:inherit;font-size:14px;font-weight:700;color:var(--ink-soft);
  text-decoration:none;padding:9px 16px;border-radius:14px;transition:all .2s;
}
.avan-public .avn-link:hover{color:var(--ink);background:var(--cream-2);}
.avan-public .avn-link.avn-link-active{background:var(--ink-slate);color:var(--gold-light);}
.avan-public .avn-link.avn-link-plain{color:var(--ink-soft);}
/* CTA buttons in nav */
.avan-public .avn-actions{display:flex;gap:10px;align-items:center;flex-shrink:0;}
.avan-public .avn-btn{
  font-family:inherit;font-weight:800;font-size:14px;padding:10px 20px;
  border-radius:14px;text-decoration:none;transition:all .22s;display:inline-flex;align-items:center;gap:6px;
  border:none;cursor:pointer;
}
.avan-public .avn-btn-coral{background:linear-gradient(135deg,var(--coral),var(--gold));color:#fff;box-shadow:0 6px 16px rgba(255,122,107,.28);}
.avan-public .avn-btn-coral:hover{opacity:.9;transform:translateY(-1px);}
.avan-public .avn-btn-dark{background:var(--ink-slate);color:#fff;box-shadow:0 6px 16px rgba(46,26,71,.18);}
.avan-public .avn-btn-dark:hover{opacity:.9;transform:translateY(-1px);}
/* Burger */
.avan-public .avn-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;}
.avan-public .avn-burger span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:all .25s;}
.avan-public .avn-burger.avn-active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.avan-public .avn-burger.avn-active span:nth-child(2){opacity:0;}
.avan-public .avn-burger.avn-active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
/* Push content below fixed nav */
.avan-public .avan-site-content{padding-top:76px;}

/* ===================================================
   HOMEPAGE (hp-* components)
   =================================================== */

/* ── HERO ── */
.avan-public .hp-hero{
  padding:56px 0 80px;overflow:hidden;
  background:var(--cream);
}
.avan-public .hp-blob{
  position:absolute;z-index:0;border-radius:50%;filter:blur(80px);pointer-events:none;
}
.avan-public .hp-blob1{width:500px;height:500px;background:var(--gold-light);opacity:.5;top:-100px;right:-200px;}
.avan-public .hp-blob2{width:400px;height:400px;background:var(--teal-light);opacity:.45;bottom:-160px;left:-180px;}
.avan-public .hp-blob3{width:320px;height:320px;background:var(--coral-light);opacity:.3;top:200px;left:40%;}

.avan-public .hp-hero-grid{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;
}

/* Eyebrow pill */
.avan-public .hp-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--surface);border:1px solid rgba(46,26,71,.07);
  padding:8px 18px 8px 8px;border-radius:999px;
  font-size:13px;font-weight:700;color:var(--ink-soft);
  box-shadow:0 4px 12px rgba(46,26,71,.05);margin-bottom:24px;
}
.avan-public .hp-av-mini{
  display:inline-block;width:22px;height:22px;border-radius:50%;
  border:2px solid #fff;vertical-align:middle;
}

/* H1 */
.avan-public .hp-h1{
  font-size:clamp(40px,5.5vw,72px);letter-spacing:-.035em;line-height:1.12;
  font-weight:900;margin-bottom:20px;color:var(--ink);
}
.avan-public .hp-hl{
  position:relative;display:inline-block;z-index:1;
}
.avan-public .hp-hl::before{
  content:"";position:absolute;inset:4px -6px -6px -6px;
  background:var(--gold-light);z-index:-1;
  border-radius:20px 6px 22px 6px/6px 18px 6px 16px;
}

/* Lead */
.avan-public .hp-lead{font-size:17px;color:var(--ink-soft);max-width:520px;margin-bottom:36px;line-height:1.95;}

/* Buttons */
.avan-public .hp-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px;}
.avan-public .hp-btn{
  display:inline-flex;align-items:center;gap:8px;
  font-family:inherit;font-weight:800;font-size:15px;
  padding:14px 26px;border-radius:18px;border:none;cursor:pointer;
  transition:all .22s;text-decoration:none;
}
.avan-public .hp-btn-dark{background:var(--ink-slate);color:#fff;box-shadow:0 10px 24px rgba(46,26,71,.15);}
.avan-public .hp-btn-dark:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(46,26,71,.22);}
.avan-public .hp-btn-outline{background:var(--surface);color:var(--ink);border:2px solid rgba(46,26,71,.15);}
.avan-public .hp-btn-outline:hover{border-color:var(--ink);background:var(--cream-2);}
.avan-public .hp-btn-sm{padding:10px 18px;font-size:13px;border-radius:12px;}
.avan-public .hp-btn-wait{background:var(--surface);color:var(--coral);border:1.5px solid var(--coral);}

/* Avatar strip */
.avan-public .hp-strip{display:flex;align-items:center;gap:16px;}
.avan-public .hp-strip-avs{display:flex;}
.avan-public .hp-av{
  width:36px;height:36px;border-radius:50%;
  border:2.5px solid var(--cream);
  display:grid;place-items:center;
  font-size:13px;font-weight:900;color:#fff;
}
.avan-public .hp-strip > div:last-child strong{display:block;font-size:15px;font-weight:900;color:var(--ink);}
.avan-public .hp-strip > div:last-child span{font-size:13px;color:var(--ink-muted);}

/* VISUAL side */
.avan-public .hp-visual{position:relative;height:500px;}
.avan-public .hp-sq{
  position:absolute;border-radius:42% 38% 50% 46%/44% 50% 42% 52%;
  overflow:hidden;transition:all .4s;
}
.avan-public .hp-sq1{
  inset:20px 30px 0 0;
  background:linear-gradient(150deg,var(--gold),var(--coral));
  box-shadow:0 28px 60px rgba(255,122,107,.22);
}
.avan-public .hp-sq2{
  inset:40px 50px 20px 20px;
  background:#FFE7BF;
  border:2px solid rgba(255,255,255,.6);
  overflow:hidden;
}
.avan-public .hp-sq2 img{width:100%;height:100%;display:block;object-fit:cover;}
/* Floating cards */
.avan-public .hp-fcard{
  position:absolute;background:var(--surface);border-radius:22px;
  box-shadow:0 14px 40px rgba(46,26,71,.12);
  padding:14px 18px;display:flex;align-items:center;gap:12px;z-index:4;
  animation:floaty 5s ease-in-out infinite;
}
.avan-public .hp-fcard1{top:50px;left:-28px;animation-delay:.3s;}
.avan-public .hp-fcard2{bottom:40px;right:-18px;background:var(--ink-slate);color:#fff;animation:floaty2 6s ease-in-out infinite;}
.avan-public .hp-fcard-ic{
  width:42px;height:42px;border-radius:12px;
  display:grid;place-items:center;font-size:20px;flex-shrink:0;
}
.avan-public .hp-fcard strong{display:block;font-size:15px;font-weight:800;}
.avan-public .hp-fcard span{font-size:12px;color:var(--ink-muted);}
.avan-public .hp-fcard2 .hp-fcard strong,.avan-public .hp-fcard2 strong{color:#fff;}
.avan-public .hp-fcard2 .hp-fcard span,.avan-public .hp-fcard2 span{color:rgba(255,255,255,.65);}
/* Stickers */
.avan-public .hp-stk{
  position:absolute;z-index:5;font-size:32px;
  animation:floaty2 5.5s ease-in-out infinite;
}
.avan-public .hp-stk1{top:30px;right:10px;animation-delay:.8s;}
.avan-public .hp-stk2{
  width:44px;height:44px;bottom:130px;left:60px;
  background:var(--gold);border-radius:50%;
  display:grid;place-items:center;font-size:20px;
  box-shadow:0 8px 18px rgba(255,184,77,.3);
  animation:floaty 6s ease-in-out infinite;animation-delay:.4s;
}
.avan-public .hp-spin{
  position:absolute;bottom:80px;right:40px;
  font-size:28px;color:var(--gold);font-weight:900;
  animation:spinSlow 8s linear infinite;
}

/* ── MARQUEE ── */
.avan-public .hp-marquee-wrap{
  background:var(--ink-slate);
  margin:0;padding:0;
  overflow:hidden;position:relative;z-index:10;
}
.avan-public .hp-marquee-inner{overflow:hidden;padding:18px 0;}
.avan-public .hp-marquee-track{
  display:flex;gap:28px;align-items:center;
  white-space:nowrap;width:max-content;
  color:var(--gold-light);font-size:15px;font-weight:700;
}
.avan-public .hp-msep{color:rgba(255,184,77,.4);}

/* ── SECTIONS ── */
.avan-public .hp-section{padding:72px 0;}
.avan-public .hp-pillars-section{padding:80px 0;}
.avan-public .hp-sec-head{text-align:center;max-width:620px;margin:0 auto 56px;}
.avan-public .hp-sec-head h2{font-size:clamp(30px,4vw,46px);margin-top:14px;}
.avan-public .hp-sec-head p{color:var(--ink-muted);font-size:16px;line-height:1.9;margin-top:14px;}
.avan-public .hp-tag{display:inline-flex;align-items:center;font-size:12px;font-weight:800;padding:6px 14px;border-radius:999px;letter-spacing:.04em;}
.avan-public .hp-sec-h2{font-size:clamp(30px,4vw,44px);font-weight:900;margin:14px 0 0;letter-spacing:-.02em;}
.avan-public .hp-sec-sub{font-size:15px;color:var(--ink-muted);margin:10px 0 0;}
.avan-public .hp-sec-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:36px;flex-wrap:wrap;}

/* Live badge */
.avan-public .hp-live-badge{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12px;font-weight:700;color:var(--teal);
  background:rgba(63,170,155,.1);padding:6px 14px;border-radius:999px;
}
.avan-public .hp-live-dot{
  width:7px;height:7px;border-radius:50%;background:var(--teal);
  box-shadow:0 0 0 3px rgba(63,170,155,.25);
  animation:pulseDot 1.8s ease-in-out infinite;
}

/* ── 4 PILLARS ── */
.avan-public .hp-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.avan-public .hp-pillar{
  border-radius:28px;padding:32px 28px;min-height:300px;
  display:flex;flex-direction:column;justify-content:space-between;
  position:relative;overflow:hidden;transition:transform .3s;
}
.avan-public .hp-pillar:hover{transform:translateY(-6px);}
.avan-public .hp-pillar-offset{margin-top:28px;}
.avan-public .hp-pillar-blob{
  position:absolute;width:180px;height:180px;border-radius:50%;
  background:rgba(255,255,255,.15);bottom:-60px;left:-50px;
  pointer-events:none;
}
.avan-public .hp-pillar-ic{
  width:52px;height:52px;border-radius:18px;
  display:grid;place-items:center;font-size:24px;
  margin-bottom:24px;position:relative;z-index:1;
}
.avan-public .hp-pillar strong{font-size:22px;font-weight:900;display:block;margin-bottom:10px;position:relative;z-index:1;}
.avan-public .hp-pillar span{font-size:14px;line-height:1.85;opacity:.88;position:relative;z-index:1;}

/* ── WORKSHOP CARDS ── */
.avan-public .hp-ws-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.avan-public .hp-ws-card{
  background:var(--surface);border-radius:22px;overflow:hidden;
  box-shadow:0 4px 14px rgba(46,26,71,.07);transition:all .3s;
  display:flex;flex-direction:column;
}
.avan-public .hp-ws-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);}
.avan-public .hp-ws-head{
  padding:28px 24px 24px;position:relative;overflow:hidden;min-height:170px;
  display:flex;flex-direction:column;justify-content:flex-end;
}
.avan-public .hp-ws-head-blob{
  position:absolute;width:200px;height:200px;border-radius:50%;
  background:rgba(255,255,255,.15);bottom:-60px;left:-60px;pointer-events:none;
}
.avan-public .hp-ws-ic{
  width:48px;height:48px;border-radius:16px;
  background:rgba(255,255,255,.25);display:grid;place-items:center;
  font-size:24px;position:relative;margin-bottom:14px;
}
.avan-public .hp-ws-badge{
  font-size:12px;font-weight:800;padding:5px 12px;border-radius:999px;
  position:relative;
}
.avan-public .hp-ws-badge-avail{background:rgba(255,255,255,.9);color:var(--teal-deep);}
.avan-public .hp-ws-badge-full{background:rgba(255,255,255,.25);color:#fff;border:1px solid rgba(255,255,255,.4);}
.avan-public .hp-ws-name{font-size:20px;font-weight:900;color:#fff;position:relative;}
.avan-public .hp-ws-meta{font-size:13px;color:rgba(255,255,255,.8);position:relative;margin-top:6px;}
.avan-public .hp-ws-body{padding:20px 22px;}
.avan-public .hp-ws-price-row{display:flex;align-items:center;justify-content:space-between;}
.avan-public .hp-ws-price-lbl{font-size:12px;font-weight:700;color:var(--ink-muted);margin-bottom:4px;}
.avan-public .hp-ws-price{font-size:22px;font-weight:900;color:var(--ink);}
.avan-public .hp-ws-price small{font-size:13px;color:var(--ink-muted);font-weight:600;}

/* ── EVENTS BENTO ── */
.avan-public .hp-bento{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:auto auto;
  gap:18px;
}
.avan-public .hp-bento-big{
  grid-column:1/3;grid-row:1/3;
  background:linear-gradient(145deg,#2E1A47,#3d2060);
  border-radius:28px;padding:36px 32px;
  position:relative;overflow:hidden;min-height:340px;
  display:flex;align-items:flex-end;
}
.avan-public .hp-bento-big-blob{
  position:absolute;width:300px;height:300px;border-radius:50%;
  background:rgba(255,184,77,.12);top:-80px;right:-80px;pointer-events:none;
}
.avan-public .hp-bento-date{
  display:flex;align-items:baseline;gap:8px;margin:16px 0 12px;color:#fff;
}
.avan-public .hp-bento-day{font-size:52px;font-weight:900;line-height:1;color:var(--gold-light);}
.avan-public .hp-bento-date span:last-child{font-size:18px;font-weight:700;color:rgba(255,255,255,.7);}
.avan-public .hp-bento-title{font-size:22px;font-weight:900;color:#fff;margin-bottom:8px;}
.avan-public .hp-bento-desc{font-size:14px;color:rgba(255,255,255,.6);}

.avan-public .hp-bento-sm{
  background:var(--surface);border-radius:22px;padding:24px;
  box-shadow:0 4px 14px rgba(46,26,71,.07);
  display:flex;flex-direction:column;
}
.avan-public .hp-bento-sm1{align-items:flex-start;flex-direction:row;gap:18px;}
.avan-public .hp-bento-sm1{align-items:center;}
.avan-public .hp-bento-sm-date{
  min-width:60px;background:var(--cream-2);border-radius:16px;padding:12px 10px;
  text-align:center;flex-shrink:0;
}
.avan-public .hp-bento-sm-date span{font-size:26px;font-weight:900;display:block;line-height:1;color:var(--gold-deep);}
.avan-public .hp-bento-sm-date small{font-size:12px;color:var(--ink-muted);font-weight:700;}
.avan-public .hp-bento-sm-kicker{font-size:11px;font-weight:800;letter-spacing:.06em;margin-bottom:6px;}
.avan-public .hp-bento-sm strong{font-size:16px;font-weight:900;color:var(--ink);}
.avan-public .hp-bento-sm-sub{font-size:12px;color:var(--ink-muted);margin-top:4px;}
.avan-public .hp-bento-sm2{background:var(--cream-2);}
.avan-public .hp-bento-sm3{background:linear-gradient(145deg,#3FAA9B,#7DD3C0);color:#fff;}
.avan-public .hp-bento-sm3 strong{color:#fff;}
.avan-public .hp-bento-sm3 .hp-bento-sm-sub{color:rgba(255,255,255,.75);}
.avan-public .hp-bento-sm3 .hp-bento-sm-kicker{color:rgba(255,255,255,.9);}

/* ── CTA BANNER ── */
.avan-public .hp-cta{
  background:var(--ink-slate);border-radius:var(--r-xl);
  padding:60px 52px;position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;
}
.avan-public .hp-cta-blob1{
  position:absolute;width:350px;height:350px;border-radius:50%;
  background:rgba(255,184,77,.12);top:-120px;right:-80px;pointer-events:none;
}
.avan-public .hp-cta-blob2{
  position:absolute;width:250px;height:250px;border-radius:50%;
  background:rgba(63,170,155,.1);bottom:-100px;left:-60px;pointer-events:none;
}
.avan-public .hp-cta-content{position:relative;flex:1;min-width:280px;}
.avan-public .hp-cta-btns{position:relative;display:flex;flex-direction:column;gap:14px;flex-shrink:0;}
.avan-public .hp-cta-btn{
  display:inline-flex;align-items:center;gap:10px;
  font-family:inherit;font-weight:800;font-size:16px;
  padding:16px 28px;border-radius:18px;text-decoration:none;transition:all .22s;
  white-space:nowrap;
}
.avan-public .hp-cta-gold{background:var(--gold);color:var(--ink-slate);box-shadow:0 10px 24px rgba(255,184,77,.3);}
.avan-public .hp-cta-gold:hover{opacity:.9;transform:translateY(-2px);}
.avan-public .hp-cta-white{background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.2);}
.avan-public .hp-cta-white:hover{background:rgba(255,255,255,.18);}

/* ===================================================
   FOOTER (avn-footer)
   =================================================== */
.avan-public .avn-footer{
  background:var(--ink-slate);color:rgba(255,255,255,.75);
  padding:72px 0 0;font-size:14px;
}
.avan-public .avn-foot-grid{
  display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:48px;padding-bottom:56px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.avan-public .avn-foot-logo{display:flex;align-items:center;gap:14px;margin-bottom:18px;}
.avan-public .avn-foot-logo .avn-logo-sq{
  width:44px;height:44px;border-radius:14px;
  background:linear-gradient(140deg,var(--gold),var(--coral));
  display:grid;place-items:center;color:#fff;font-size:20px;font-weight:900;flex-shrink:0;
}
.avan-public .avn-foot-logo strong{display:block;font-size:18px;font-weight:900;color:#fff;}
.avan-public .avn-foot-logo small{font-size:12px;color:rgba(255,255,255,.55);font-weight:600;}
.avan-public .avn-foot-about p{color:rgba(255,255,255,.55);font-size:14px;line-height:1.85;max-width:280px;}
.avan-public .avn-foot-socials{display:flex;gap:10px;margin-top:20px;}
.avan-public .avn-soc{font-size:20px;opacity:.7;transition:opacity .2s;text-decoration:none;}
.avan-public .avn-soc:hover{opacity:1;}
.avan-public .avn-foot-col h4{font-size:13px;font-weight:800;color:#fff;margin-bottom:18px;letter-spacing:.04em;text-transform:uppercase;}
.avan-public .avn-foot-col a,.avan-public .avn-foot-col p{
  display:block;font-size:14px;color:rgba(255,255,255,.6);
  text-decoration:none;padding:5px 0;transition:color .2s;margin-bottom:2px;
}
.avan-public .avn-foot-col a:hover{color:#fff;}
.avan-public .avn-foot-bottom{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 0;font-size:13px;color:rgba(255,255,255,.4);gap:16px;flex-wrap:wrap;
}

/* ===================================================
   LEGACY classes (kept for compatibility with other pages)
   =================================================== */
.avan-public .nav{
  position:sticky;top:12px;z-index:50;margin:12px 20px 0;
  background:rgba(255,255,255,.8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(46,26,71,.06);border-radius:24px;
  box-shadow:0 6px 24px rgba(46,26,71,.04);
}
.avan-public .nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 14px}
.avan-public .logo{display:flex;align-items:center;gap:12px;font-weight:900;font-size:18px;text-decoration:none;color:var(--ink)}
.avan-public .logo .mark{
  width:44px;height:44px;border-radius:14px;
  background:linear-gradient(140deg,var(--gold),var(--coral));
  display:grid;place-items:center;color:#fff;font-size:20px;flex-shrink:0;
  box-shadow:0 6px 14px rgba(255,123,107,.27)
}
.avan-public .nav-links{display:flex;gap:4px;align-items:center}
.avan-public .nav-links a{
  font-family:inherit;font-size:14px;font-weight:700;color:var(--ink-soft);
  background:none;border:none;cursor:pointer;padding:10px 16px;border-radius:14px;
  transition:all .22s;text-decoration:none;display:inline-block;
}
.avan-public .nav-links a:hover{color:var(--ink);background:var(--cream-2)}
.avan-public .nav-links a.active{background:var(--ink-slate);color:var(--gold-light);font-weight:800}
.avan-public .nav-links a.nav-cta{background:linear-gradient(135deg,var(--coral),var(--gold))!important;color:#fff!important;font-weight:800!important;box-shadow:0 6px 14px rgba(255,123,107,.27)!important;padding:11px 20px!important;}
.avan-public .burger{display:none;background:none;border:none;font-size:26px;cursor:pointer;color:var(--ink)}
.avan-public .hero{position:relative;padding:60px 0 80px;overflow:hidden}
.avan-public .blob{position:absolute;z-index:0;filter:blur(0)}
.avan-public .blob.b1{width:360px;height:360px;background:var(--gold-light);opacity:.55;top:-100px;right:-160px}
.avan-public .blob.b2{width:320px;height:320px;background:var(--teal-light);opacity:.5;bottom:-100px;left:-140px}
.avan-public .hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.avan-public .hero-eyebrow{display:inline-flex;align-items:center;gap:10px;background:var(--surface);border:1px solid rgba(46,26,71,.06);padding:8px 8px 8px 16px;border-radius:999px;font-size:13px;font-weight:700;color:var(--ink-soft);box-shadow:0 4px 12px rgba(46,26,71,.04);margin-bottom:22px;}
.avan-public .hero h1{font-size:clamp(38px,5vw,62px);letter-spacing:-.03em;margin-bottom:22px;font-weight:900;line-height:1.15}
.avan-public .hero h1 .hl{position:relative;display:inline-block;color:inherit}
.avan-public .hero h1 .hl::after{content:"";position:absolute;inset:8px -8px -6px -8px;background:var(--gold-light);z-index:-1;border-radius:22px 8px 24px 6px/8px 22px 8px 20px}
.avan-public .hero p.lead{font-size:18px;color:var(--ink-soft);max-width:520px;margin-bottom:32px;line-height:1.9}
.avan-public .btn{display:inline-flex;align-items:center;gap:10px;font-family:inherit;font-weight:800;font-size:16px;padding:16px 28px;border-radius:18px;border:none;cursor:pointer;transition:all .22s;text-decoration:none}
.avan-public .btn-primary{background:var(--ink-slate);color:#fff;box-shadow:0 10px 24px rgba(46,26,71,.14)}
.avan-public .btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(46,26,71,.2)}
.avan-public .btn-ghost{background:var(--surface);color:var(--ink);border:2px solid rgba(46,26,71,.15)}
.avan-public .btn-ghost:hover{border-color:var(--ink);background:var(--cream-2)}
.avan-public .hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.avan-public .hero-art{position:relative;height:480px}
.avan-public .hero-card{position:absolute;background:var(--surface);border-radius:22px;box-shadow:0 14px 30px rgba(46,26,71,.1);padding:14px 18px;display:flex;align-items:center;gap:12px;animation:floaty 5s ease-in-out infinite}
.avan-public .hc-emoji{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:linear-gradient(135deg,var(--teal),var(--teal-light))}
.avan-public .hero-photo{position:absolute;inset:20px 30px 0 0;border-radius:var(--r-xl);background:linear-gradient(160deg,var(--gold),var(--coral));box-shadow:0 30px 60px rgba(255,123,107,.2)}
.avan-public .hc1{top:60px;left:-24px;z-index:3;animation:floaty2 6s ease-in-out infinite}
.avan-public .hc2{bottom:14px;right:-10px;z-index:3;animation:floaty 6.2s ease-in-out infinite;background:var(--ink-slate);color:#fff}
.avan-public .hc3{top:220px;left:-14px;z-index:3;animation:floaty2 5.4s ease-in-out infinite;width:56px;height:56px;border-radius:50%;justify-content:center;background:var(--gold)}
.avan-public .section{padding:70px 0}
.avan-public .section-head{text-align:center;max-width:640px;margin:0 auto 48px}
.avan-public .section-head .kicker{font-weight:800;font-size:12px;padding:6px 14px;border-radius:999px;display:inline-block;margin-bottom:16px;letter-spacing:.06em}
.avan-public .section-head h2{font-size:clamp(30px,4vw,44px)}
.avan-public .section-head p{color:var(--ink-muted);margin-top:14px;font-size:16px;line-height:1.9}
.avan-public .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.avan-public .wcard{background:var(--surface);border-radius:22px;overflow:hidden;box-shadow:0 4px 14px rgba(46,26,71,.06);transition:all .3s;display:flex;flex-direction:column}
.avan-public .wcard:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.avan-public .wcard .top{height:150px;position:relative;display:grid;place-items:center;font-size:56px}
.avan-public .wcard .cap{position:absolute;top:14px;left:14px;background:var(--ink-slate);color:#fff;font-size:12px;font-weight:800;padding:6px 12px;border-radius:8px}
.avan-public .wcard .cap.full{background:var(--danger)}
.avan-public .wcard .body{padding:24px;flex:1;display:flex;flex-direction:column}
.avan-public .wcard h3{font-size:22px;margin-bottom:8px}
.avan-public .wcard .meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}
.avan-public .chip{font-size:12px;font-weight:600;color:var(--ink-muted);background:var(--cream-2);padding:5px 11px;border-radius:999px}
.avan-public .wcard .foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid rgba(46,26,71,.06)}
.avan-public .price{font-weight:900;font-size:20px}
.avan-public .price small{font-weight:600;color:var(--ink-muted);font-size:13px}
.avan-public .mini-btn{font-family:inherit;font-weight:800;font-size:14px;background:var(--ink-slate);color:#fff;border:none;padding:12px 22px;border-radius:12px;cursor:pointer;transition:all .22s;text-decoration:none;display:inline-block}
.avan-public .mini-btn:hover{opacity:.9;transform:translateY(-1px)}
.avan-public .mini-btn.wait{background:var(--surface);color:var(--coral);border:1.5px solid var(--coral)}
.avan-public .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.avan-public .why-card{border-radius:28px;padding:28px;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;color:#fff;transition:all .3s}
.avan-public .why-card:hover{transform:translateY(-5px)}
.avan-public .why-card:nth-child(1){background:linear-gradient(160deg,var(--gold),var(--gold-deep));box-shadow:0 12px 30px rgba(255,184,77,.2)}
.avan-public .why-card:nth-child(2){background:linear-gradient(160deg,var(--teal),var(--teal-light));margin-top:20px;box-shadow:0 12px 30px rgba(63,170,155,.27)}
.avan-public .why-card:nth-child(3){background:linear-gradient(160deg,var(--coral),var(--coral-light));box-shadow:0 12px 30px rgba(255,123,107,.2)}
.avan-public .why-card:nth-child(4){background:linear-gradient(160deg,var(--purple),var(--purple-deep));margin-top:20px;box-shadow:0 12px 30px rgba(91,76,196,.27)}
.avan-public .why-ic{width:56px;height:56px;border-radius:20px;display:grid;place-items:center;font-size:28px;background:var(--ink-slate);position:relative}
.avan-public .why-card:nth-child(4) .why-ic{background:var(--gold-light)}
.avan-public .why-card h3{font-size:22px;margin-bottom:8px;color:inherit}
.avan-public .why-card p{color:inherit;font-size:14px;line-height:1.9;opacity:.88}
.avan-public .gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:170px;gap:14px}
.avan-public .gal div{border-radius:var(--r-md);background-size:cover;background-position:center;transition:all .3s;cursor:pointer}
.avan-public .gal div:hover{transform:scale(.97);filter:saturate(1.3)}
.avan-public .gal .tall{grid-row:span 2}
.avan-public .gal .wide{grid-column:span 2}
.avan-public .mentors{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.avan-public .mentor{text-align:center}
.avan-public .mentor .ph{width:100%;aspect-ratio:1;border-radius:28px;background-size:cover;background-position:center;margin-bottom:18px;box-shadow:var(--shadow-sm);transition:transform .3s}
.avan-public .mentor:hover .ph{transform:scale(1.04)}
.avan-public .mentor h3{font-size:18px;margin-bottom:4px}
.avan-public .mentor span{color:var(--teal);font-weight:600;font-size:14px}
.avan-public .cal{background:var(--surface);border-radius:var(--r-xl);padding:32px;box-shadow:var(--shadow-sm);border:1px solid rgba(46,26,71,.06)}
.avan-public .cal-row{display:flex;align-items:center;gap:20px;padding:18px 14px;border-radius:var(--r-md);transition:all .2s}
.avan-public .cal-row+.cal-row{border-top:1px solid rgba(46,26,71,.06)}
.avan-public .cal-row:hover{background:var(--cream)}
.avan-public .cal-date{flex-shrink:0;width:80px;height:80px;border-radius:20px;display:grid;place-items:center;text-align:center;background:var(--cream-2);line-height:1.2}
.avan-public .cal-date b{font-size:26px;display:block;color:var(--gold-deep)}
.avan-public .cal-date span{font-size:13px;color:var(--ink-muted);font-weight:600}
.avan-public .cal-info{flex:1}
.avan-public .cal-info h4{font-size:17px;margin-bottom:4px}
.avan-public .cal-info p{color:var(--ink-muted);font-size:14px}
.avan-public .cta-banner{background:linear-gradient(120deg,var(--teal),var(--teal-deep));border-radius:var(--r-xl);padding:60px 40px;text-align:center;color:#fff;position:relative;overflow:hidden}
.avan-public .cta-banner::before{content:"";position:absolute;width:340px;height:340px;background:rgba(255,255,255,.06);border-radius:50%;top:-140px;left:-80px}
.avan-public .cta-banner::after{content:"";position:absolute;width:240px;height:240px;background:rgba(255,184,77,.35);border-radius:50%;bottom:-120px;right:-60px}
.avan-public .cta-banner h2{font-size:clamp(26px,4vw,42px);margin-bottom:16px;position:relative}
.avan-public .cta-banner p{font-size:18px;opacity:.9;margin-bottom:30px;position:relative}
.avan-public .cta-banner .btn-primary{position:relative;background:#fff;color:var(--teal-deep);box-shadow:none}
.avan-public .cta-banner .btn-primary:hover{background:var(--cream)}
.avan-public .panel{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);padding:36px;border:1px solid rgba(46,26,71,.06)}
.avan-public .field{margin-bottom:18px}
.avan-public .field label{display:block;font-weight:700;font-size:14px;margin-bottom:8px;color:var(--ink-soft)}
.avan-public .field input,.avan-public .field select,.avan-public .field textarea{width:100%;font-family:inherit;font-size:15px;padding:14px 16px;border:2px solid rgba(46,26,71,.08);border-radius:var(--r-sm);background:var(--cream);transition:all .2s;color:var(--ink)}
.avan-public .field input:focus,.avan-public .field select:focus,.avan-public .field textarea:focus{outline:none;border-color:var(--teal);background:var(--surface);box-shadow:0 0 0 3px rgba(63,170,155,.14)}
.avan-public .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.avan-public .step-bar{display:flex;gap:10px;margin-bottom:28px}
.avan-public .step{flex:1;text-align:center;padding:12px;border-radius:var(--r-sm);background:var(--cream-2);font-weight:700;font-size:14px;color:var(--ink-soft);transition:all .2s}
.avan-public .step.on{background:var(--ink-slate);color:#fff}
.avan-public .step.done{background:rgba(63,170,155,.18);color:var(--teal-deep)}
.avan-public .stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}
.avan-public .stat{background:var(--surface);border-radius:var(--r-md);padding:24px;box-shadow:var(--shadow-sm);border:1px solid rgba(46,26,71,.04);transition:transform .25s}
.avan-public .stat:hover{transform:translateY(-4px)}
.avan-public .stat .v{font-size:32px;font-weight:900}
.avan-public .stat .l{font-size:13px;color:var(--ink-muted);font-weight:600;margin-top:4px}
.avan-public .dash{display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:start}
.avan-public .side{background:var(--surface);border-radius:var(--r-md);padding:18px;box-shadow:var(--shadow-sm);position:sticky;top:100px;border:1px solid rgba(46,26,71,.04)}
.avan-public .side .who{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--r-sm);margin-bottom:14px;background:var(--cream-2)}
.avan-public .side .who .av{width:44px;height:44px;border-radius:50%;background:linear-gradient(140deg,var(--gold),var(--coral));display:grid;place-items:center;color:#fff;font-weight:900}
.avan-public .side .who b{font-size:14px;display:block}
.avan-public .side .who span{font-size:12px;color:var(--ink-muted)}
.avan-public .side nav a{display:block;text-decoration:none;font-size:14px;font-weight:700;color:var(--ink-soft);padding:12px 14px;border-radius:var(--r-sm);transition:all .2s}
.avan-public .side nav a:hover{background:var(--cream-2);color:var(--ink)}
.avan-public .side nav a.on{background:var(--ink-slate);color:#fff}
.avan-public .kid-switch{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}
.avan-public .kid-pill{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:2px solid rgba(46,26,71,.1);font-weight:700;font-size:14px;cursor:pointer;background:var(--surface);transition:all .2s;text-decoration:none;color:var(--ink)}
.avan-public .kid-pill.on{border-color:var(--teal);background:rgba(63,170,155,.1);color:var(--teal-deep)}
.avan-public .footer{background:var(--ink-slate);color:rgba(255,255,255,.75);padding:60px 0 0}
.avan-public .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08)}
.avan-public .foot-col h4{font-size:13px;font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:.04em}
.avan-public .foot-col a{display:block;color:rgba(255,255,255,.6);text-decoration:none;padding:5px 0;transition:color .2s}
.avan-public .foot-col a:hover{color:#fff}
.avan-public .foot-bottom{display:flex;align-items:center;justify-content:space-between;padding:20px 0;font-size:13px;color:rgba(255,255,255,.4)}

/* ===================================================
   RESPONSIVE
   =================================================== */
@media (max-width:960px){
  /* Nav */
  .avan-public .avn-nav{
    display:none;flex-direction:column;gap:0;
    position:absolute;top:80px;right:12px;left:12px;
    background:var(--surface);border-radius:20px;padding:12px;
    box-shadow:0 20px 60px rgba(46,26,71,.12);
    border:1px solid rgba(46,26,71,.06);
  }
  .avan-public .avn-nav.avn-open{display:flex;}
  .avan-public .avn-link{display:block;padding:13px 16px;}
  /* Mobile: flex without order — natural HTML order with margin push */
  .avan-public .avn-inner{display:flex;flex-direction:row;align-items:center;}
  .avan-public .avn-burger{display:flex;order:0;flex-shrink:0;}
  .avan-public .avn-logo{order:0;flex-shrink:0;margin-right:0;}
  .avan-public .avn-nav{order:0;}
  .avan-public .avn-actions{order:0;flex-shrink:0;margin-right:auto;}
  .avan-public .avn-actions .avn-link-plain{display:none;}

  /* Hero */
  .avan-public .hp-hero-grid{grid-template-columns:1fr;gap:32px;}
  .avan-public .hp-visual{height:320px;order:-1;}
  .avan-public .hp-h1{font-size:clamp(32px,8vw,40px);}
  .avan-public .hp-hl::before{inset:2px -4px -4px -4px;}
  .avan-public .hp-lead{font-size:15px;}
  .avan-public .hp-actions{gap:10px;}
  .avan-public .hp-btn{padding:12px 20px;font-size:14px;}
  .avan-public .hp-fcard1{top:20px;left:0;transform:scale(.85);transform-origin:top left;}
  .avan-public .hp-fcard2{bottom:10px;right:0;transform:scale(.85);transform-origin:bottom right;}
  .avan-public .hp-strip{gap:12px;margin-top:24px;}
  .avan-public .hp-strip > div:last-child strong{font-size:14px;}
  .avan-public .hp-strip > div:last-child span{font-size:12px;}

  /* Sections */
  .avan-public .hp-section{padding:48px 0;}
  .avan-public .hp-sec-row{flex-direction:column;align-items:flex-start;gap:12px;}
  .avan-public .hp-sec-head{margin-bottom:32px;}
  .avan-public .hp-sec-head h2{font-size:clamp(24px,6vw,32px);}

  /* Pillars */
  .avan-public .hp-pillars{grid-template-columns:1fr 1fr;}
  .avan-public .hp-pillar-offset{margin-top:0;}
  .avan-public .hp-pillar{min-height:220px;padding:24px 20px;}
  .avan-public .hp-pillar strong{font-size:18px;}

  /* WS / Cards grid */
  .avan-public .hp-ws-grid{grid-template-columns:1fr;}
  .avan-public .cards{grid-template-columns:1fr;}

  /* WS Stats (4 boxes inline style) */
  .avan-public [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important;}

  /* Bento */
  .avan-public .hp-bento{grid-template-columns:1fr;}
  .avan-public .hp-bento-big{grid-column:1/-1;grid-row:auto;min-height:220px;}
  .avan-public .hp-bento-big .hp-bento-day{font-size:60px;}

  /* CTA */
  .avan-public .hp-cta{flex-direction:column;padding:32px 24px;}
  .avan-public .hp-cta-btns{flex-direction:row;flex-wrap:wrap;}

  /* Footer */
  .avan-public .avn-foot-grid{grid-template-columns:1fr 1fr;gap:24px;}
}
@media (max-width:760px){
  .avan-public .hp-visual{height:260px;}
  .avan-public .hp-fcard1{top:10px;left:10px;transform:scale(.7);transform-origin:top left;}
  .avan-public .hp-fcard2{bottom:10px;right:10px;transform:scale(.7);transform-origin:bottom right;}
  .avan-public .avn-foot-grid{grid-template-columns:1fr;}
  .avan-public .hp-pillars{grid-template-columns:1fr;}
  .avan-public .hp-ws-head{padding:20px 18px;min-height:140px;}
  .avan-public .hp-ws-ic{width:40px;height:40px;font-size:20px;}
  .avan-public .hp-pillar{margin-top:0!important;}
}
@media (max-width:580px){
  .avan-public .hp-h1{font-size:28px;}
  .avan-public .hp-lead{font-size:14px;}
  .avan-public .hp-btn{padding:10px 16px;font-size:13px;}
  .avan-public .hp-strip{display:none;}
  .avan-public .hp-stk,.avan-public .hp-spin{display:none;}
  .avan-public .hp-hero{padding:40px 0 60px;}
  .avan-public .hp-visual{height:200px;}
  .avan-public .hp-section{padding:32px 0;}
  .avan-public .hp-ws-head{padding:16px 14px;min-height:120px;}
  .avan-public .hp-ws-name{font-size:17px;}
  .avan-public .hp-ws-price{font-size:18px;}
  .avan-public .hp-ws-body{padding:14px 16px;}
  .avan-public .avn-header{padding:4px 0;background:#fff9f0;}
  .avan-public .avn-inner{height:56px;padding:0 10px;background:#ffffff;border-radius:0;border:none;border-bottom:2px solid #e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.08);}
  .avan-public .avn-logo-sq{width:40px;height:40px;font-size:18px;}
  .avan-public .avn-burger span{background:#2E1A47;height:3px;}
  .avan-public .avn-logo-text{display:none;}
  .avan-public .avn-logo-sq{width:36px;height:36px;font-size:16px;}
  .avan-public .avn-actions .avn-link-plain{display:none;}
  .avan-public .avn-btn{padding:7px 14px;font-size:12px;}
  .avan-public .avn-link-plain{padding:7px 10px;font-size:12px;display:inline-block;}
  /* Register form mobile */
  .avan-public .step-bar{gap:4px;margin-bottom:20px}
  .avan-public .step{font-size:11px;padding:10px 4px}
  .avan-public .form-row{grid-template-columns:1fr;gap:0}
  .avan-public .field input,.avan-public .field select,.avan-public .field textarea{padding:12px 14px;font-size:14px}
  .avan-public .btn{padding:12px 18px;font-size:14px;min-height:44px}
}

@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');

:root{
  --gold:#FFB84D;--gold-deep:#E0A338;--gold-light:#FFD98A;
  --teal:#3FAA9B;--teal-deep:#2D8A7C;--teal-light:#7DD3C0;
  --coral:#FF7A6B;--coral-light:#F9C6B7;--mustard:#FFD98A;
  --purple:#8E7CE8;--purple-deep:#5B4CC4;
  --cream:#FFF9F0;--cream-2:#F4EDDF;--bg-warm:#FCF8EF;--surface:#FFFFFF;
  --ink:#2E1A47;--ink-soft:#5A524B;--ink-muted:#7a716a;--ink-slate:#2E1A47;--white:#fff;
  --success:#3FAA9B;--warning:#FFB84D;--danger:#FF7A6B;
  --r-xl:28px;--r-lg:24px;--r-md:20px;--r-sm:14px;
  --shadow-lg:0 28px 80px rgba(46,26,71,.1);
  --shadow:0 14px 40px -14px rgba(46,26,71,.12);
  --shadow-sm:0 4px 16px rgba(46,26,71,.06);
}

/* ===== Reset & Base ===== */
.avan-public *{margin:0;padding:0;box-sizing:border-box}
.avan-public{font-family:'Vazirmatn',sans-serif;background:var(--cream);color:var(--ink);line-height:1.85;direction:rtl;-webkit-font-smoothing:antialiased}
.avan-public h1,.avan-public h2,.avan-public h3,.avan-public h4{line-height:1.3;font-weight:900;letter-spacing:-.02em}
.avan-public img{max-width:100%;display:block}
.avan-public .wrap{max-width:1240px;margin:0 auto;padding:0 24px}

/* ===== Animations ===== */
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}
@keyframes floaty2{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-14px) rotate(-3deg)}}
@keyframes spinSlow{to{transform:rotate(360deg)}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.blob1{border-radius:62% 38% 55% 45%/48% 55% 45% 52%}
.blob2{border-radius:42% 58% 38% 62%/52% 42% 58% 48%}
.blob3{border-radius:58% 42% 65% 35%/40% 60% 40% 60%}
.squircle{border-radius:38%/42%}

/* ===== PLUGIN TAG ===== */
.avan-public .plugin-tag{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12px;font-weight:700;color:var(--teal-light);
  background:var(--ink-slate);padding:6px 14px;border-radius:999px;margin-bottom:16px;
}
.avan-public .plugin-tag::before{content:"";display:block;width:7px;height:7px;background:var(--teal-light);border-radius:50%;box-shadow:0 0 0 3px rgba(125,211,192,.27)}

/* ===== NAV ===== */
.avan-public .nav{
  position:sticky;top:12px;z-index:50;margin:12px 20px 0;
  background:rgba(255,255,255,.8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(46,26,71,.06);border-radius:24px;
  box-shadow:0 6px 24px rgba(46,26,71,.04);
}
.avan-public .nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 14px}
.avan-public .logo{display:flex;align-items:center;gap:12px;font-weight:900;font-size:18px;text-decoration:none;color:var(--ink)}
.avan-public .logo .mark{
  width:44px;height:44px;border-radius:14px;
  background:linear-gradient(140deg,var(--gold),var(--coral));
  display:grid;place-items:center;color:#fff;font-size:20px;flex-shrink:0;
  box-shadow:0 6px 14px rgba(255,123,107,.27)
}
.avan-public .nav-links{display:flex;gap:4px;align-items:center}
.avan-public .nav-links a{
  font-family:inherit;font-size:14px;font-weight:700;color:var(--ink-soft);
  background:none;border:none;cursor:pointer;padding:10px 16px;border-radius:14px;
  transition:all .22s;text-decoration:none;display:inline-block;
}
.avan-public .nav-links a:hover{color:var(--ink);background:var(--cream-2)}
.avan-public .nav-links a.active{background:var(--ink-slate);color:var(--gold-light);font-weight:800}
.avan-public .nav-links a.nav-cta{
  background:linear-gradient(135deg,var(--coral),var(--gold))!important;color:#fff!important;
  font-weight:800!important;box-shadow:0 6px 14px rgba(255,123,107,.27)!important;
  padding:11px 20px!important;
}
.avan-public .nav-links a.nav-cta:hover{opacity:.9;transform:translateY(-1px)}
.avan-public .burger{display:none;background:none;border:none;font-size:26px;cursor:pointer;color:var(--ink)}

/* ===== HERO ===== */
.avan-public .hero{position:relative;padding:60px 0 80px;overflow:hidden}
.avan-public .blob{position:absolute;z-index:0;filter:blur(0)}
.avan-public .blob.b1{width:360px;height:360px;background:var(--gold-light);opacity:.55;top:-100px;right:-160px}
.avan-public .blob.b2{width:320px;height:320px;background:var(--teal-light);opacity:.5;bottom:-100px;left:-140px}
.avan-public .hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.avan-public .hero-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--surface);border:1px solid rgba(46,26,71,.06);
  padding:8px 8px 8px 16px;border-radius:999px;font-size:13px;font-weight:700;
  color:var(--ink-soft);box-shadow:0 4px 12px rgba(46,26,71,.04);margin-bottom:22px;
}
.avan-public .hero h1{font-size:clamp(38px,5vw,62px);letter-spacing:-.03em;margin-bottom:22px;font-weight:900;line-height:1.15}
.avan-public .hero h1 .hl{position:relative;display:inline-block;color:inherit}
.avan-public .hero h1 .hl::after{content:"";position:absolute;inset:8px -8px -6px -8px;background:var(--gold-light);z-index:-1;border-radius:22px 8px 24px 6px/8px 22px 8px 20px}
.avan-public .hero p.lead{font-size:18px;color:var(--ink-soft);max-width:520px;margin-bottom:32px;line-height:1.9}
.avan-public .btn{display:inline-flex;align-items:center;gap:10px;font-family:inherit;font-weight:800;font-size:16px;padding:16px 28px;border-radius:18px;border:none;cursor:pointer;transition:all .22s;text-decoration:none}
.avan-public .btn-primary{background:var(--ink-slate);color:#fff;box-shadow:0 10px 24px rgba(46,26,71,.14)}
.avan-public .btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(46,26,71,.2)}
.avan-public .btn-ghost{background:var(--surface);color:var(--ink);border:2px solid rgba(46,26,71,.15)}
.avan-public .btn-ghost:hover{border-color:var(--ink);background:var(--cream-2)}
.avan-public .hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.avan-public .hero-art{position:relative;height:480px}
.avan-public .hero-card{position:absolute;background:var(--surface);border-radius:22px;box-shadow:0 14px 30px rgba(46,26,71,.1);padding:14px 18px;display:flex;align-items:center;gap:12px;animation:floaty 5s ease-in-out infinite}
.avan-public .hc-emoji{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:22px;
  background:linear-gradient(135deg,var(--teal),var(--teal-light))}
.avan-public .hero-photo{
  position:absolute;inset:20px 30px 0 0;border-radius:var(--r-xl);
  background:linear-gradient(160deg,var(--gold),var(--coral));box-shadow:0 30px 60px rgba(255,123,107,.2)
}
.avan-public .hc1{top:60px;left:-24px;z-index:3;animation:floaty2 6s ease-in-out infinite}
.avan-public .hc2{bottom:14px;right:-10px;z-index:3;animation:floaty 6.2s ease-in-out infinite;background:var(--ink-slate);color:#fff}
.avan-public .hc3{top:220px;left:-14px;z-index:3;animation:floaty2 5.4s ease-in-out infinite;width:56px;height:56px;border-radius:50%;justify-content:center;background:var(--gold)}

/* ===== SECTION SHELL ===== */
.avan-public .section{padding:70px 0}
.avan-public .section-head{text-align:center;max-width:640px;margin:0 auto 48px}
.avan-public .section-head .kicker{font-weight:800;font-size:12px;padding:6px 14px;border-radius:999px;display:inline-block;margin-bottom:16px;letter-spacing:.06em}
.avan-public .section-head h2{font-size:clamp(30px,4vw,44px)}
.avan-public .section-head p{color:var(--ink-muted);margin-top:14px;font-size:16px;line-height:1.9}

/* ===== WORKSHOP CARDS ===== */
.avan-public .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.avan-public .wcard{background:var(--surface);border-radius:22px;overflow:hidden;box-shadow:0 4px 14px rgba(46,26,71,.06);transition:all .3s;display:flex;flex-direction:column}
.avan-public .wcard:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.avan-public .wcard .top{height:150px;position:relative;display:grid;place-items:center;font-size:56px}
.avan-public .wcard-img{height:180px;position:relative;background-size:cover;background-position:center}
.avan-public .wcard .cap{position:absolute;top:14px;left:14px;background:var(--ink-slate);color:#fff;font-size:12px;font-weight:800;padding:6px 12px;border-radius:8px}
.avan-public .wcard .cap.full{background:var(--danger)}
.avan-public .wcard .body{padding:24px;flex:1;display:flex;flex-direction:column}
.avan-public .wcard h3{font-size:22px;margin-bottom:8px}
.avan-public .wcard .meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}
.avan-public .chip{font-size:12px;font-weight:600;color:var(--ink-muted);background:var(--cream-2);padding:5px 11px;border-radius:999px}
.avan-public .wcard .foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid rgba(46,26,71,.06)}
.avan-public .price{font-weight:900;font-size:20px}
.avan-public .price small{font-weight:600;color:var(--ink-muted);font-size:13px}
.avan-public .mini-btn{font-family:inherit;font-weight:800;font-size:14px;background:var(--ink-slate);color:#fff;border:none;padding:12px 22px;border-radius:12px;cursor:pointer;transition:all .22s;text-decoration:none;display:inline-block}
.avan-public .mini-btn:hover{opacity:.9;transform:translateY(-1px)}
.avan-public .mini-btn.wait{background:var(--surface);color:var(--coral);border:1.5px solid var(--coral)}

/* ===== WHY (Gradient cards) ===== */
.avan-public .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.avan-public .why-card{border-radius:28px;padding:28px;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;color:#fff;transition:all .3s}
.avan-public .why-card:hover{transform:translateY(-5px)}
.avan-public .why-card:nth-child(1){background:linear-gradient(160deg,var(--gold),var(--gold-deep));box-shadow:0 12px 30px rgba(255,184,77,.2)}
.avan-public .why-card:nth-child(2){background:linear-gradient(160deg,var(--teal),var(--teal-light));margin-top:20px;box-shadow:0 12px 30px rgba(63,170,155,.27)}
.avan-public .why-card:nth-child(3){background:linear-gradient(160deg,var(--coral),var(--coral-light));box-shadow:0 12px 30px rgba(255,123,107,.2)}
.avan-public .why-card:nth-child(4){background:linear-gradient(160deg,var(--purple),var(--purple-deep));margin-top:20px;box-shadow:0 12px 30px rgba(91,76,196,.27)}
.avan-public .why-ic{width:56px;height:56px;border-radius:20px;display:grid;place-items:center;font-size:28px;background:var(--ink-slate);position:relative}
.avan-public .why-card:nth-child(4) .why-ic{background:var(--gold-light)}
.avan-public .why-card h3{font-size:22px;margin-bottom:8px;color:inherit}
.avan-public .why-card p{color:inherit;font-size:14px;line-height:1.9;opacity:.88}

/* ===== GALLERY ===== */
.avan-public .gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:170px;gap:14px}
.avan-public .gal div{border-radius:var(--r-md);background-size:cover;background-position:center;transition:all .3s;cursor:pointer}
.avan-public .gal div:hover{transform:scale(.97);filter:saturate(1.3)}
.avan-public .gal .tall{grid-row:span 2}
.avan-public .gal .wide{grid-column:span 2}

/* ===== MENTORS ===== */
.avan-public .mentors{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.avan-public .mentor{text-align:center}
.avan-public .mentor .ph{width:100%;aspect-ratio:1;border-radius:28px;background-size:cover;background-position:center;margin-bottom:18px;box-shadow:var(--shadow-sm);transition:transform .3s}
.avan-public .mentor:hover .ph{transform:scale(1.04)}
.avan-public .mentor h3{font-size:18px;margin-bottom:4px}
.avan-public .mentor span{color:var(--teal);font-weight:600;font-size:14px}

/* ===== CALENDAR ===== */
.avan-public .cal{background:var(--surface);border-radius:var(--r-xl);padding:32px;box-shadow:var(--shadow-sm);border:1px solid rgba(46,26,71,.06)}
.avan-public .cal-row{display:flex;align-items:center;gap:20px;padding:18px 14px;border-radius:var(--r-md);transition:all .2s}
.avan-public .cal-row+.cal-row{border-top:1px solid rgba(46,26,71,.06)}
.avan-public .cal-row:hover{background:var(--cream)}
.avan-public .cal-date{flex-shrink:0;width:80px;height:80px;border-radius:20px;display:grid;place-items:center;text-align:center;background:var(--cream-2);line-height:1.2}
.avan-public .cal-date b{font-size:26px;display:block;color:var(--gold-deep)}
.avan-public .cal-date span{font-size:13px;color:var(--ink-muted);font-weight:600}
.avan-public .cal-info{flex:1}
.avan-public .cal-info h4{font-size:17px;margin-bottom:4px}
.avan-public .cal-info p{color:var(--ink-muted);font-size:14px}

/* ===== CTA BANNER ===== */
.avan-public .cta-banner{background:linear-gradient(120deg,var(--teal),var(--teal-deep));border-radius:var(--r-xl);padding:60px 40px;text-align:center;color:#fff;position:relative;overflow:hidden}
.avan-public .cta-banner::before{content:"";position:absolute;width:340px;height:340px;background:rgba(255,255,255,.06);border-radius:50%;top:-140px;left:-80px}
.avan-public .cta-banner::after{content:"";position:absolute;width:240px;height:240px;background:rgba(255,184,77,.35);border-radius:50%;bottom:-120px;right:-60px}
.avan-public .cta-banner h2{font-size:clamp(26px,4vw,42px);margin-bottom:16px;position:relative}
.avan-public .cta-banner p{font-size:18px;opacity:.9;margin-bottom:30px;position:relative}
.avan-public .cta-banner .btn-primary{position:relative;background:#fff;color:var(--teal-deep);box-shadow:none}
.avan-public .cta-banner .btn-primary:hover{background:var(--cream)}

/* ===== FORMS ===== */
.avan-public .panel{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);padding:36px;border:1px solid rgba(46,26,71,.06)}
.avan-public .field{margin-bottom:18px}
.avan-public .field label{display:block;font-weight:700;font-size:14px;margin-bottom:8px;color:var(--ink-soft)}
.avan-public .field input,.avan-public .field select,.avan-public .field textarea{
  width:100%;font-family:inherit;font-size:15px;padding:14px 16px;
  border:2px solid rgba(46,26,71,.08);border-radius:var(--r-sm);
  background:var(--cream);transition:all .2s;color:var(--ink)
}
.avan-public .field input:focus,.avan-public .field select:focus,.avan-public .field textarea:focus{
  outline:none;border-color:var(--teal);background:var(--surface);
  box-shadow:0 0 0 3px rgba(63,170,155,.14)
}
.avan-public .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.avan-public .step-bar{display:flex;gap:10px;margin-bottom:28px}
.avan-public .step{flex:1;text-align:center;padding:12px;border-radius:var(--r-sm);background:var(--cream-2);font-weight:700;font-size:14px;color:var(--ink-soft);transition:all .2s}
.avan-public .step.on{background:var(--ink-slate);color:#fff}
.avan-public .step.done{background:rgba(63,170,155,.18);color:var(--teal-deep)}

/* ===== STATS ===== */
.avan-public .stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}
.avan-public .stat{background:var(--surface);border-radius:var(--r-md);padding:24px;box-shadow:var(--shadow-sm);border:1px solid rgba(46,26,71,.04);transition:transform .25s}
.avan-public .stat:hover{transform:translateY(-4px)}
.avan-public .stat .v{font-size:32px;font-weight:900}
.avan-public .stat .l{font-size:13px;color:var(--ink-muted);font-weight:600;margin-top:4px}

/* ===== PARENT PANEL ===== */
.avan-public .dash{display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:start}
.avan-public .side{background:var(--surface);border-radius:var(--r-md);padding:18px;box-shadow:var(--shadow-sm);position:sticky;top:100px;border:1px solid rgba(46,26,71,.04)}
.avan-public .side .who{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--r-sm);margin-bottom:14px;background:var(--cream-2)}
.avan-public .side .who .av{width:44px;height:44px;border-radius:50%;background:linear-gradient(140deg,var(--gold),var(--coral));display:grid;place-items:center;color:#fff;font-weight:900}
.avan-public .side .who b{font-size:14px;display:block}
.avan-public .side .who span{font-size:12px;color:var(--ink-muted)}
.avan-public .side nav a{display:block;text-decoration:none;font-size:14px;font-weight:700;color:var(--ink-soft);padding:12px 14px;border-radius:var(--r-sm);transition:all .2s}
.avan-public .side nav a:hover{background:var(--cream-2);color:var(--ink)}
.avan-public .side nav a.on{background:var(--ink-slate);color:#fff}
.avan-public .kid-switch{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}
.avan-public .kid-pill{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:2px solid rgba(46,26,71,.1);font-weight:700;font-size:14px;cursor:pointer;background:var(--surface);transition:all .2s;text-decoration:none;color:var(--ink)}
.avan-public .kid-pill.on{border-color:var(--teal);background:rgba(63,170,155,.1);color:var(--teal-deep)}
.avan-public .kid-pill-box{display:flex;flex-direction:column;align-items:center;gap:4px}
.avan-public .kid-grade{font-size:11px;color:var(--ink-muted);background:var(--cream-2);padding:2px 10px;border-radius:999px;white-space:nowrap}