html.atmo-active,html.atmo-active .page,html.atmo-active body{background:transparent!important}:root{--accent-from:#7c3aed;--accent-to:#14b8a6}.btn-gradient,.btn.accent{background:linear-gradient(135deg,var(--accent-from),var(--accent-to));color:#fff;border:0;border-radius:14px;font-weight:800;box-shadow:0 6px 18px rgba(2,6,23,.18)}.btn-gradient:hover,.btn.accent:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(2,6,23,.22)}.note-card{display:inline-block;padding:10px 14px;background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:12px;box-shadow:0 8px 20px rgba(2,6,23,.08);color:#334155}.btn-soft{background:rgba(15,23,42,.82);color:#e5e7eb;border-radius:999px;padding:.75rem 1.2rem;font-size:.9rem;border:1px solid rgba(148,163,184,.4)}.btn-soft:hover{background:rgba(15,23,42,.95)}.link-soft{color:#cbd5f5;font-size:.9rem}.link-soft:hover{color:#f9fafb}.pill{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;padding:.25rem .7rem;border-radius:999px;border:1px solid rgba(148,163,184,.4);background:rgba(15,23,42,.8);color:#e5e7eb}