:root{--bg-page: #f5f5f7;--bg-section: #ffffff;--bg-soft: #f1f2f6;--bg-soft-alt: #eef0f8;--purple-paradise: #a66bde;--purple-soft: #c4a6ff;--text-main: #1f2933;--text-muted: #6b7280;--border-soft: #e5e7eb;--font-body: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-title: Avenir, "Avenir Next", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background:radial-gradient(900px 520px at 18% 10%,rgba(166,107,222,.14),transparent 60%),radial-gradient(820px 480px at 85% 20%,rgba(196,166,255,.12),transparent 62%),var(--bg-page);color:var(--text-main);font-family:var(--font-body)}nav[data-af-header]{position:fixed;top:0;left:0;right:0;z-index:1200;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 5%;background:#f5f5f7eb;backdrop-filter:blur(10px)}.nav-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-weight:900;font-size:1rem;letter-spacing:.02em}.nav-logo svg{height:46px;width:auto;display:block}.avenir-logo--nav .st0{fill:#111827}.avenir-logo--nav .sub-char{fill:#111827c7}.nav-links{display:flex;align-items:center;gap:22px}.nav-links a{color:#111827e0;text-decoration:none;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.nav-links a:hover{color:var(--purple-paradise)}.nav-cta{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,var(--purple-paradise),var(--purple-soft));color:#fff;text-decoration:none;font-weight:800;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 10px 20px #a66bde40;transition:transform .15s ease,box-shadow .15s ease}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 14px 28px #a66bde59}@media(max-width:860px){nav[data-af-header]{padding:14px 5%}.nav-links{gap:14px}.nav-links a{font-size:.72rem}.nav-cta{padding:8px 14px}}main{padding:118px 0 90px}.backline{display:flex;justify-content:center;margin:0 auto 18px}.backlink{text-decoration:none;font-weight:900;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#111827e0;padding:10px 14px;border-radius:999px;border:1px solid var(--border-soft);background:#fffc;transition:border-color .18s ease,transform .18s ease}.backlink:hover{border-color:var(--purple-paradise);transform:translateY(-1px)}.container{width:min(1100px,calc(100% - 40px));margin:0 auto}.section-header{margin-bottom:18px;display:flex;align-items:center;justify-content:center;gap:16px;text-align:center}.section-header h1{font-family:var(--font-title);font-size:clamp(2rem,4vw,3.1rem);color:#111827}.highlight-text{color:var(--purple-paradise)}.lead{margin:0 auto 26px;max-width:75ch;text-align:center;color:var(--text-muted);line-height:1.8;font-size:1.02rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media(max-width:980px){.grid{grid-template-columns:1fr}}.card{border:1px solid var(--border-soft);background:#ffffffe6;border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;position:relative}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--purple-paradise),var(--purple-soft));opacity:.95;pointer-events:none}.card:hover{transform:translateY(-2px);box-shadow:0 16px 30px #0f172a14;border-color:var(--purple-paradise)}.media{height:170px;background:#f5f5f7e6}.media img{width:100%;height:100%;object-fit:cover;display:block}.content{padding:14px;display:grid;gap:10px}.meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:linear-gradient(135deg,#a66bde38,#c4a6ff2e);border:1px solid rgba(166,107,222,.3);color:#111827db;font-weight:900;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.date{color:#6b7280f2;font-weight:800;font-size:12px}h2{font-family:var(--font-title);font-weight:900;letter-spacing:-.02em;color:#111827;font-size:1.1rem;line-height:1.25}p{color:var(--text-muted);line-height:1.75}.post{scroll-margin-top:90px}footer{padding:26px 0;border-top:1px solid var(--border-soft);background:var(--bg-section);color:#6b7280f2;font-weight:800;font-size:.95rem;text-align:center}