@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0e1018;--panel:#171a26;--panel2:#202438;--text:#f5f5fb;--muted:#a8abc0;--accent:#ad8bff;--accent2:#73e1d2;--line:#32364a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}a:hover{color:var(--accent2)}.container{max-width:1180px;margin:auto;padding:0 24px}.topline{height:5px;background:linear-gradient(90deg,var(--accent),#e39fcf,var(--accent2))}.header{position:sticky;top:0;z-index:10;background:#10121deF;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px}.brand{font:800 27px Manrope,sans-serif;letter-spacing:-1.5px}.brand span{color:var(--accent)}.links{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;color:#d2d3df}.hero{padding:92px 0 76px;background:radial-gradient(ellipse at 80% 20%,#35234d 0,transparent 50%),radial-gradient(ellipse at 15% 80%,#153936 0,transparent 40%)}.eyebrow{color:var(--accent2);text-transform:uppercase;letter-spacing:2px;font-weight:700;font-size:12px}.hero h1{font:800 clamp(40px,6vw,75px)/1.1 Manrope,sans-serif;max-width:920px;letter-spacing:-3px;margin:17px 0 24px}.hero p{color:#c4c5d5;font-size:18px;max-width:680px}.cta{display:inline-block;margin-top:18px;padding:13px 22px;border-radius:12px;background:var(--accent);color:#0b0a10;font-weight:800}.section{padding:62px 0}.section h2{font:800 32px Manrope,sans-serif;letter-spacing:-1px}.section-intro{color:var(--muted);max-width:760px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{border:1px solid var(--line);background:linear-gradient(160deg,#1d2030,#141723);border-radius:20px;padding:25px;min-height:245px;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:var(--accent)}.tag{display:inline-block;color:var(--accent2);font-size:12px;font-weight:700;letter-spacing:.6px}.card h3{font:800 21px/1.35 Manrope,sans-serif;margin:14px 0}.card p{color:var(--muted);font-size:14px;line-height:1.7}.card .read{font-size:13px;color:var(--accent);font-weight:700}.feature{grid-column:span 2;background:linear-gradient(125deg,#362849,#182b32)}.feature h3{font-size:30px}.chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.chip{border:1px solid #54516e;border-radius:30px;padding:9px 16px;color:#e2ddf5;font-size:13px}.searchbox{width:100%;max-width:500px;background:#242737;border:1px solid #55516b;color:white;border-radius:12px;padding:14px 17px;font:inherit}.article{max-width:830px;margin:auto;padding:66px 24px 90px}.article h1{font:800 clamp(33px,5vw,54px)/1.16 Manrope,sans-serif;letter-spacing:-1.7px}.article .lead{font-size:20px;color:#d0d1df}.article h2{font:800 25px Manrope,sans-serif;margin-top:44px}.article p{color:#c4c7d6}.callout{padding:22px 26px;background:#1d2632;border-left:4px solid var(--accent2);border-radius:8px;margin:32px 0}.breadcrumb{color:var(--muted);font-size:13px}.breadcrumb a{color:var(--accent2)}.footer{border-top:1px solid var(--line);padding:38px 0;color:var(--muted);font-size:13px}.footer-row{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.hidden{display:none!important}.empty{color:var(--muted);padding:20px 0}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.links{gap:11px;font-size:12px}.hero{padding:65px 0}.feature{grid-column:span 2}}@media(max-width:590px){.grid{grid-template-columns:1fr}.feature{grid-column:span 1}.nav{align-items:flex-start;flex-direction:column;padding:16px 0;gap:8px}.links{gap:12px}.hero h1{letter-spacing:-1.5px}.section{padding:38px 0}.card{min-height:0}}
