/* Glassmorphism SaaS theme + micro-interactions */
body{font-family:var(--font);background:#f1f5f9;min-height:100vh}
html.dark body{background:radial-gradient(1200px 600px at 15% -10%,rgba(99,102,241,.35),transparent 60%),radial-gradient(900px 500px at 90% 0,rgba(34,211,238,.18),transparent 60%),linear-gradient(180deg,#0b1020,#10162e 60%,#0b1020);background-attachment:fixed}
.glass{background:rgba(255,255,255,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(99,102,241,.18);box-shadow:0 8px 30px rgba(15,23,42,.08)}
html.dark .glass{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:0 8px 30px rgba(0,0,0,.35)}
.glass-nav{background:rgba(255,255,255,.75);backdrop-filter:blur(14px)}html.dark .glass-nav{background:rgba(11,16,32,.7)}
.menu-pop{background:#fff;border:1px solid #e2e8f0}html.dark .menu-pop{background:#141a35;border-color:rgba(255,255,255,.12)}
.grad-text{background:linear-gradient(90deg,var(--p),var(--s));-webkit-background-clip:text;background-clip:text;color:transparent}
.logo-dot{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,var(--p),var(--s));box-shadow:0 0 18px var(--p)}
.nav-link{padding:.5rem .8rem;border-radius:.7rem;transition:.2s}.nav-link:hover{background:rgba(99,102,241,.18)}
.btn-main{background:linear-gradient(90deg,var(--p),var(--s));color:#fff;font-weight:700;border-radius:.9rem;transition:transform .2s,box-shadow .2s}
.btn-main:hover{transform:translateY(-2px);box-shadow:0 10px 28px -6px var(--p)}.btn-main:disabled{opacity:.6;transform:none}
.tab,.qtab{padding:.5rem 1rem;border-radius:999px;font-weight:600;font-size:.875rem;transition:.2s;white-space:nowrap}
.tab:hover,.qtab:hover{background:rgba(99,102,241,.2)}.tab.on,.qtab.on{background:linear-gradient(90deg,var(--p),var(--s));color:#fff}
.card{border-radius:1.1rem;transition:transform .25s,box-shadow .25s,border-color .25s}
.card:hover{transform:translateY(-4px);border-color:var(--p);box-shadow:0 14px 40px -12px var(--p)}
.field{width:100%;border-radius:.9rem;padding:.9rem 2.6rem .9rem 1rem;background:rgba(255,255,255,.9);border:1px solid rgba(99,102,241,.3);color:#0f172a;outline:none;transition:.2s}
html.dark .field{background:rgba(255,255,255,.07);color:#fff;border-color:rgba(255,255,255,.18)}
.field:focus{border-color:var(--s);box-shadow:0 0 0 4px rgba(34,211,238,.18)}
.skel{border-radius:.8rem;background:linear-gradient(90deg,rgba(148,163,184,.15),rgba(148,163,184,.35),rgba(148,163,184,.15));background-size:200% 100%;animation:sh 1.2s infinite}
@keyframes sh{to{background-position:-200% 0}}
.fade{animation:fd .5s ease both}@keyframes fd{from{opacity:0;transform:translateY(8px)}}
.tabs{scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
.prose-content p{margin:.9rem 0;line-height:1.85}.prose-content h2{font-size:1.5rem;font-weight:800;margin:1.4rem 0 .5rem}
.prose-content ul{list-style:disc;padding-inline-start:1.5rem}.prose-content a{color:var(--s);text-decoration:underline}.prose-content img{max-width:100%;height:auto;border-radius:1rem}
details>summary{list-style:none;cursor:pointer}details>summary::-webkit-details-marker{display:none}details[open] summary span.pm{transform:rotate(45deg)}

/* Dropdown menus: hover on desktop, tap/accordion on mobile */
.dd-list{display:none;position:absolute;top:100%;inset-inline-start:0;min-width:16rem;padding:.4rem;border-radius:.9rem;z-index:60;background:#fff;border:1px solid #e2e8f0;box-shadow:0 20px 40px rgba(0,0,0,.2)}
html.dark .dd-list{background:#141a35;border-color:rgba(255,255,255,.12)}
.dd.open>.dd-list{display:block}
@media(hover:hover) and (min-width:1280px){.dd:hover>.dd-list{display:block}}
@media(max-width:1279px){.dd-list{position:static;box-shadow:none;border:0;background:transparent!important;padding-inline-start:1rem}}