@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap');
:root{--ink:#23334b;--muted:#5a6880;--paper:#fffdfb;--violet:#8265e5;--pink:#f671aa;--cyan:#39b9cd;--amber:#f6b84b;--mint:#75d8ba;--sky:#8dcbf4;--coral:#ff9581;--line:#e6e6f0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fffdfa,#fbfcff 45%,#fffbfc);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;line-height:1.7}a{color:#654ac1}a:focus-visible{outline:3px solid #36aac4;outline-offset:3px}header{background:#ffffffed;border-bottom:1px solid #eae7f3;position:sticky;top:0;z-index:20;box-shadow:0 3px 20px #25335508;backdrop-filter:blur(15px)}.nav{max-width:1180px;padding:13px 22px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{font-family:Outfit,sans-serif;font-weight:800;font-size:25px;letter-spacing:-1px;text-decoration:none;color:var(--ink)}.logo span{color:#8867e2}.navlinks{display:flex;flex-wrap:wrap;gap:16px}.navlinks a{text-decoration:none;color:var(--ink);font-weight:700;font-size:13px}.navlinks a:hover,.navlinks a:focus{color:#7650c7}
.hero{background:radial-gradient(circle at 92% 20%,#b5f3e7 0,transparent 34%),radial-gradient(circle at 68% 80%,#ffe1b8 0,transparent 42%),radial-gradient(circle at 9% 16%,#f9cfeb 0,transparent 40%),linear-gradient(110deg,#eee8ff,#dff5ff 54%,#fff1d9);color:var(--ink);padding:86px 22px 90px;position:relative;overflow:hidden}.hero:after{content:'✦';position:absolute;right:8%;top:13%;font-size:clamp(70px,12vw,180px);line-height:1;color:#ffffffba;pointer-events:none}.hero .wrap{max-width:1180px;margin:auto;position:relative;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800}.hero h1{font:800 clamp(37px,5vw,68px)/1.09 Outfit,sans-serif;max-width:870px;letter-spacing:-2px;margin:15px 0;color:#29354e}.hero p{max-width:680px;font-size:19px;color:#495771}.hero .pill{display:inline-block;background:#ffffffad;border:1px solid #ffffffeb;padding:7px 17px;border-radius:30px;font-weight:700;color:#6850a9}
.layout{max-width:1180px;margin:auto;padding:52px 22px}.sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.feature,.article,.sidepanel,.notice{background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 9px 35px #2b326808}.feature{display:flex;flex-direction:column;padding:26px;text-decoration:none;color:var(--ink);transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.feature:before{content:'';height:7px;position:absolute;top:0;left:0;right:0;background:var(--accent,#c4b5fd)}.feature:hover{transform:translateY(-4px);border-color:var(--accent,#c4b5fd);box-shadow:0 16px 30px #6573a01b}.tag{font-weight:800;color:#7655b8;text-transform:uppercase;letter-spacing:1.2px;font-size:11px}.feature h3{font:700 22px/1.25 Outfit,sans-serif;margin:12px 0}.feature p{color:var(--muted);font-size:14px;flex-grow:1}.feature .more{font-weight:800;color:#624ca4}.heading{font:800 32px/1.2 Outfit;margin:25px 0}.intro{font-size:19px;color:var(--muted);max-width:850px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:27px;align-items:start}.article{padding:clamp(25px,4vw,48px);border-top:7px solid #b5a2f1}.article h2{font:700 27px/1.24 Outfit;margin:40px 0 13px}.article h3{font:700 20px Outfit;margin:25px 0 10px}.article p,.article li{font-size:16px}.article ul{padding-left:24px}.article li{margin:10px 0}.sidepanel{padding:24px;position:sticky;top:92px;background:#f8f7ff}.sidepanel h3{font:700 20px Outfit}.sidepanel a{display:block;padding:10px 0;border-bottom:1px solid #e6e1f8;text-decoration:none;font-size:14px;font-weight:700}.notice{padding:23px;border-left:5px solid var(--coral);margin:28px 0;background:#fff5ed}.notice a{font-weight:800}.breadcrumb{font-size:13px;color:#66718a;margin-bottom:20px}.breadcrumb a{color:#6245a8}.faq{background:#ecf8f9;border-radius:16px;padding:20px 25px;margin:24px 0;border:1px solid #cbedf0}.faq h3{margin-top:8px}.category{margin-bottom:45px}.category-title{display:flex;align-items:center;gap:12px;font:800 30px Outfit}.dot{width:16px;height:16px;background:var(--accent,var(--pink));border-radius:50%}.category:nth-of-type(6n + 1){--accent:#ac9af2}.category:nth-of-type(6n + 2){--accent:#7bcdec}.category:nth-of-type(6n + 3){--accent:#f4a1b9}.category:nth-of-type(6n + 4){--accent:#95d6b4}.category:nth-of-type(6n + 5){--accent:#f6c577}.category:nth-of-type(6n + 6){--accent:#faaf94}.category .feature:nth-child(3n + 2){--accent:#f5bbca}.category .feature:nth-child(3n + 3){--accent:#8edacb}.search{width:min(100%,560px);padding:17px 21px;border:2px solid #ddd4f8;border-radius:14px;font:600 16px DM Sans;outline:0;background:#fff}.search:focus{border-color:#8c76cf}footer{margin-top:50px;background:linear-gradient(110deg,#eaf3ff,#fff0f8 55%,#fff5df);color:#35435b;padding:44px 22px;border-top:1px solid #e6e5f4}footer .inner{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer a{color:#624bac}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-block;background:#6c55c2;color:white;border-radius:40px;padding:12px 22px;text-decoration:none;font-weight:800;box-shadow:0 6px 18px #6c55c22b}.btn:hover{background:#5942af;color:white}.btn-outline{border:2px solid #a48de5;color:#53438d;background:#ffffffa8;box-shadow:none}.btn-outline:hover{background:white;color:#53438d}
@media(max-width:850px){.sections{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.sidepanel{position:static}.navlinks{gap:8px}.navlinks a{font-size:12px}}@media(max-width:560px){.sections{grid-template-columns:1fr}.hero{padding:65px 20px}.hero h1{letter-spacing:-1px}.nav{align-items:flex-start;flex-direction:column}.article{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature{transition:none}.feature:hover{transform:none}}