/* Practical Vector brand layer: burgundy, brown, gold and cream with glossy glass.
   Shared by every public page. Glass only on dark grounds; long text always on solid cream. */
@import url('https://fonts.googleapis.com/css2?family=Secular+One&family=Assistant:wght@400;500;700;800&display=swap');

:root{
  --pv-burgundy-deep:#4A0F1C; --pv-wine:#7A1F31; --pv-wine-dark:#4F0F1E; --pv-wine-glow:#A33A4E;
  --pv-walnut:#3B2317; --pv-coffee:#6E4A33; --pv-ink:#24150F; --pv-ink-soft:#5C4636;
  --pv-gold:#C9A45C; --pv-gold-light:#E8CF95; --pv-gold-pale:#F2DEAE; --pv-gold-deep:#B08A45;
  --pv-cream:#F6EFE3; --pv-ivory:#FCF8F1; --pv-line:#E2D3BA; --pv-line-soft:#ECE0CC; --pv-on-dark:#EADCC6;
  --pv-display:'Secular One','Assistant',sans-serif; --pv-body:'Assistant',sans-serif;
  --pv-radius:22px; --pv-pill:999px;
  --pv-gold-fill:linear-gradient(180deg,var(--pv-gold-pale),var(--pv-gold) 60%,var(--pv-gold-deep));
  --pv-glass-fill:linear-gradient(155deg,rgba(255,246,230,.28),rgba(255,246,230,.07) 45%,rgba(255,246,230,.14));
  --pv-glass-edge:rgba(240,214,160,.62);
  --pv-glass-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(201,164,92,.3),0 50px 90px -40px rgba(0,0,0,.8);
}

.pv-page{margin:0;background:var(--pv-cream);color:var(--pv-ink);font-family:var(--pv-body);direction:rtl;-webkit-font-smoothing:antialiased}
.pv-page h1,.pv-page h2,.pv-page h3,.pv-display{font-family:var(--pv-display);font-weight:400;line-height:1.1}
.pv-page a{color:var(--pv-wine)}.pv-page a:hover{color:var(--pv-wine-dark)}
.pv-page :focus-visible{outline:3px solid var(--pv-gold);outline-offset:3px;border-radius:8px}
.pv-wrap{max-width:1200px;margin:0 auto;padding-inline:24px}
.pv-num{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}

/* Dark luxury ground with soft glows */
.pv-dark{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 20% 0%,#6A1828,var(--pv-burgundy-deep) 55%,#2E0812);color:var(--pv-cream)}
.pv-dark::before,.pv-dark::after{content:"";position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}
.pv-dark::before{width:620px;height:620px;background:var(--pv-gold);opacity:.28;top:-260px;left:-160px}
.pv-dark::after{width:520px;height:520px;background:var(--pv-wine-glow);opacity:.5;bottom:-260px;right:8%}
.pv-dark>*{position:relative}

/* Glass surfaces (dark grounds only) */
.pv-glass{position:relative;background:var(--pv-glass-fill);border:1px solid var(--pv-glass-edge);box-shadow:var(--pv-glass-shadow);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border-radius:var(--pv-radius);color:var(--pv-cream)}
.pv-glass::before{content:"";position:absolute;inset:0 0 55% 0;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0));pointer-events:none}
.pv-card{background:var(--pv-ivory);border-radius:var(--pv-radius);box-shadow:inset 0 0 0 1px var(--pv-line),0 20px 40px -30px rgba(74,15,28,.5)}

/* Buttons */
.pv-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 26px;border-radius:var(--pv-pill);border:0;font:800 16px/1.2 var(--pv-body);text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.pv-btn:hover{transform:translateY(-1px)}
.pv-btn-gold{color:var(--pv-ink)!important;background:var(--pv-gold-fill);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -2px 0 rgba(122,90,34,.35),0 16px 30px -16px rgba(0,0,0,.6)}
.pv-btn-wine{color:var(--pv-cream)!important;background:linear-gradient(180deg,#8C2A3E,#6A1828);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.pv-btn-ghost{color:var(--pv-cream)!important;background:rgba(255,246,230,.06);border:1px solid rgba(240,214,160,.6)}
.pv-btn-line{color:var(--pv-walnut)!important;background:transparent;border:1px solid #C9B28A;font-weight:500}

/* Logo coin: flies in, then turns in 3D inside a pulsing gold halo */
.pv-coin{position:relative;display:inline-flex;align-items:center;justify-content:center}
.pv-coin-halo{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(242,222,174,.95),rgba(201,164,92,0) 68%)}
.pv-coin-face{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--pv-glass-fill);border:1px solid rgba(240,214,160,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 20px 40px -18px rgba(0,0,0,.7);backdrop-filter:blur(16px)}

@keyframes pvFly{0%{opacity:0;transform:translate(-220px,140px) scale(.3) rotate(-50deg)}60%{opacity:1;transform:translate(14px,-12px) scale(1.08) rotate(6deg)}100%{opacity:1;transform:none}}
@keyframes pvSpin{0%,12%{transform:perspective(900px) rotateY(0)}50%{transform:perspective(900px) rotateY(180deg) translateY(-8px)}88%,100%{transform:perspective(900px) rotateY(360deg)}}
@keyframes pvFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes pvSheen{0%,55%{transform:translateX(160%) skewX(-22deg)}100%{transform:translateX(-260%) skewX(-22deg)}}
@keyframes pvHalo{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:.9;transform:scale(1.14)}}
@keyframes pvRise{0%{opacity:0;transform:translateY(28px)}100%{opacity:1;transform:none}}
.pv-fly{animation:pvFly 1.8s cubic-bezier(.2,.8,.2,1) .3s both}
.pv-spin{animation:pvSpin 9s ease-in-out 2.1s infinite}
.pv-float{animation:pvFloat 8s ease-in-out infinite}
.pv-halo{animation:pvHalo 4.5s ease-in-out infinite}
.pv-rise{animation:pvRise 1s cubic-bezier(.2,.8,.2,1) both}
.pv-rise-2{animation:pvRise 1s cubic-bezier(.2,.8,.2,1) .15s both}
.pv-rise-3{animation:pvRise 1s cubic-bezier(.2,.8,.2,1) .3s both}
.pv-shine{position:relative;overflow:hidden}
.pv-shine::after{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:38%;background:linear-gradient(90deg,transparent,rgba(255,250,235,.6),transparent);animation:pvSheen 5.5s ease-in-out infinite;pointer-events:none}
/* Scroll reveal: elements get .pv-in from a tiny IntersectionObserver; without JS they are simply visible. */
.pv-js .pv-reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.pv-js .pv-reveal.pv-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.pv-fly,.pv-spin,.pv-float,.pv-halo,.pv-rise,.pv-rise-2,.pv-rise-3,.pv-shine::after{animation:none}.pv-js .pv-reveal{opacity:1;transform:none;transition:none}.pv-btn{transition:none}}

/* Status chips (shared with the management center) */
.pv-chip{display:inline-block;font-size:13px;font-weight:700;padding:5px 12px;border-radius:var(--pv-pill)}
.pv-chip-new{background:#EFE6D6;color:var(--pv-ink-soft)}.pv-chip-todo{background:#F7DCD9;color:var(--pv-wine)}.pv-chip-doing{background:#F3E3BE;color:#6B4A12}.pv-chip-wait{background:#E0E6F2;color:#2B3F66}.pv-chip-done{background:#DDEBDF;color:#24553A}