/* Web-Dezine-Studio site styles */
:root{
  --bg:#FAFAFA; --text:#0F172A; --muted:#475569;
  --brand:#2563EB; --accent:#F97316; --yellow:#EAB308;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
.font-display{font-family:'Outfit',sans-serif;letter-spacing:-0.02em}
.font-body{font-family:'Plus Jakarta Sans',sans-serif}
h1,h2,h3,h4,h5,h6{font-family:'Outfit',sans-serif;letter-spacing:-0.02em}
::selection{background:#2563EB;color:#fff}

@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.animate-marquee{animation:marquee 35s linear infinite}

.noise-bg{
  background-image:
    radial-gradient(circle at 20% 10%, rgba(37,99,235,.06), transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(249,115,22,.08), transparent 40%);
}
.grid-bg{
  background-image:
    linear-gradient(to right, rgba(15,23,42,.04) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(15,23,42,.04) 1px, transparent 1px);
  background-size:48px 48px;
}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:8px}

#toast{position:fixed;top:1rem;right:1rem;z-index:60;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}
.toast{background:#0F172A;color:#fff;padding:.75rem 1rem;border-radius:.75rem;font-size:.875rem;box-shadow:0 10px 30px rgba(0,0,0,.15);pointer-events:auto;animation:fadeUp .25s ease-out}
.toast.error{background:#DC2626}
.toast.success{background:#16A34A}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

#cookie-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:50;background:#fff;border:1px solid #E2E8F0;border-radius:1rem;padding:1.25rem;box-shadow:0 20px 50px rgba(0,0,0,.12)}
@media(min-width:768px){#cookie-banner{left:auto;right:1.5rem;bottom:1.5rem;max-width:28rem}}

.faq-item{background:#fff;border:1px solid #E2E8F0;border-radius:.75rem;padding:1.25rem;cursor:pointer;transition:border-color .2s}
.faq-item:hover{border-color:#0F172A}
.faq-item .a{display:none;color:#475569;font-size:.875rem;margin-top:.75rem;line-height:1.6}
.faq-item.open .a{display:block}
.faq-item .q{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-weight:600}
.faq-item.open .chev{transform:rotate(180deg)}
.chev{transition:transform .2s}

#paypal-button-container{min-height:45px;border-radius:9999px;overflow:hidden}