body{background:radial-gradient(circle at top left,rgba(124,58,237,.22),transparent 24%),radial-gradient(circle at top right,rgba(236,72,153,.16),transparent 22%),linear-gradient(180deg,#020617 0%,#0b1120 50%,#111827 100%);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.8}a{text-decoration:none}.hero{padding:5px 0 3rem}.hero-card,.content-card,.feature-card,.cta-card,.highlight-card{background:linear-gradient(180deg,rgba(15,23,42,.95),rgba(17,24,39,.95));border:1px solid var(--line);border-radius:24px;box-shadow:0 14px 34px rgba(0,0,0,.28)}.hero-card,.content-card,.feature-card,.cta-card,.highlight-card{padding:1.6rem}.badge-soft{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .95rem;border-radius:999px;border:1px solid rgba(124,58,237,.35);background:rgba(124,58,237,.12);color:#e9d5ff;margin-bottom:1rem}.title{font-size:2.1rem;line-height:1.25;font-weight:800}.section{padding:4rem 0}.section-title{font-size:1.9rem;font-weight:800;margin-bottom:1rem}.muted{color:var(--muted)}.breadcrumbs-wrap{background:rgba(124,58,237,.09);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:.9rem 1rem}.breadcrumb{margin:0}.breadcrumb-item a{color:#ddd6fe}.breadcrumb-item.active{color:var(--text-light)}.feature-card{height:100%;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(0,0,0,.35)}.icon-wrap{width:58px;height:58px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;color:#f5d0fe;background:linear-gradient(135deg,rgba(124,58,237,.22),rgba(236,72,153,.18));box-shadow:var(--glow);margin-bottom:1rem}.highlight-card{background:linear-gradient(135deg,rgba(124,58,237,.14),rgba(236,72,153,.12));border-left:4px solid var(--accent)}.tips-list{padding-left:1.2rem}.tips-list li{margin-bottom:.8rem}.cta-card{background:radial-gradient(circle at top left,rgba(124,58,237,.28),transparent 30%),linear-gradient(135deg,rgba(15,23,42,.98),rgba(17,24,39,.96))}.small-muted{color:var(--generated-muted)}@media (max-width:991px){.hero{padding-top:5px}.title{font-size:1.8rem}}