:root{--c1:#6a4c93;--c2:#eae7ff;--c3:#0e1116;--c4:#f2d6bd;--c5:#e07a5f;--txt:#1f2430;--muted:#667085}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:'Manrope',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--txt);background:#fff}
a{color:var(--c1);text-decoration:none}
img{max-width:100%;display:block}
.container{width:100%;max-width:1140px;margin:0 auto;padding:0 16px}
.navbar{position:sticky;top:0;z-index:10}
.gradient{background:linear-gradient(120deg,var(--c1),#4b3a6e)}
.lightbar{background:#fff;border-bottom:1px solid #eee}
.brand{font-weight:800;letter-spacing:.2px}
.brand.small{font-size:1rem}
.nav .nav-link{padding:12px 14px;display:inline-block;color:#222}
.btn{display:inline-flex;gap:.5rem;align-items:center;border-radius:12px;border:1px solid transparent;padding:12px 18px;font-weight:700}
.btn-cta{background:var(--c5);color:#fff;border-color:var(--c5)}
.btn-ghost{background:#fff;color:var(--c1);border-color:#ddd}
.hero{padding:64px 0 24px;background:linear-gradient(180deg,rgba(14,17,22,.85),rgba(14,17,22,.85)),url("../imglib/imgsz1.webp") center/cover no-repeat;color:#fff}
.hero.dark .display{color:#fff}
.hero.center{background:linear-gradient(135deg,var(--c1),#4b3a6e);color:#fff;text-align:center;padding:96px 0}
.display{font-size:clamp(32px,5vw,56px);line-height:1.1;margin:0 0 16px}
.lead{font-size:1.125rem;opacity:.9;margin:0 0 20px}
.section{padding:64px 0}
.section.light{background:#fff}
.section.dark{background:#0f1220;color:#f5f7ff}
.altbg{background:linear-gradient(135deg,#0f1220,#1a2036)}
.h{font-size:clamp(24px,3.5vw,36px);margin:0 0 16px}
.grid{display:grid;gap:24px}
.grid.two{grid-template-columns:1fr}
.grid.three{grid-template-columns:1fr}
@media(min-width:992px){.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}}
.col{display:flex;flex-direction:column;gap:16px}
.visual{position:relative}
.card-float{border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.25);transform:rotate(-2deg)}
.card-float.small{position:absolute;right:-10px;bottom:-18px;max-width:230px;transform:rotate(3deg)}
.box{background:#fff;border:1px solid #eee;border-radius:16px;padding:20px}
.box .icon{font-size:28px;color:var(--c1);margin-bottom:8px}
.feature{background:#fff;border:1px solid #eee;border-radius:16px;padding:24px}
.feature.decorated{border-left:6px solid var(--c5)}
.note{background:var(--c2);border:1px solid #ddd;border-radius:16px;padding:20px}
.badge{width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--c5);box-shadow:0 6px 18px rgba(0,0,0,.12)}
.list{list-style:none;padding:0;margin:0}
.list li{display:flex;gap:10px;align-items:flex-start;margin:10px 0}
.list i{color:#18c29c}
.form{background:linear-gradient(180deg,#0f1220,#151a2f)}
.form label{display:block;margin:0 0 8px}
.form input,.form textarea{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:12px 14px;background:#fff;color:#111}
.form .check{display:flex;gap:10px;align-items:flex-start;color:#e2e8f0}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.footer{background:#0b0d16;color:#cbd5e1;padding:32px 0}
.footer .links a{color:#cbd5e1;margin:0 8px}
.footer .legal{text-align:center;border-top:1px solid rgba(203,213,225,.2);padding-top:12px;margin-top:16px;font-size:.925rem;color:#a8b3c6}
.prose h1,.prose h2{color:#111}
.prose p{line-height:1.7;color:#2e2e2e}