:root{color-scheme:dark;--navy: #0e1034;--navy-light: #161842;--coral: #f87565;--purple: #583b7b;--white: #ffffff;--maxw: 1120px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5.5rem}body{font-family:Rubik,system-ui,sans-serif;background:var(--navy);color:var(--white);line-height:1.7;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}.topbar{position:sticky;top:0;z-index:50;background:#0e1034d1;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.topbar-inner{max-width:var(--maxw);margin:0 auto;padding:.9rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.6rem;font-family:Inter Tight,sans-serif;font-weight:800;font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;color:var(--white);text-decoration:none}.brand img{width:26px;height:26px;border-radius:6px}.brand .divider{color:#ffffff40;font-weight:300}.brand .accent{color:var(--coral)}.topbar-cta{font-family:Inter Tight,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.02em;color:var(--coral);text-decoration:none;border:1px solid rgba(248,117,101,.4);padding:.45rem .95rem;border-radius:999px;transition:background .15s ease,border-color .15s ease;white-space:nowrap}.topbar-cta:hover{background:#f875651f;border-color:var(--coral)}.hero{position:relative;max-width:var(--maxw);margin:0 auto;padding:5.5rem 2rem 3rem;text-align:center}.hero:before{content:"";position:absolute;top:-10%;left:50%;transform:translate(-50%);width:900px;max-width:120%;height:520px;background:radial-gradient(ellipse at center,rgba(248,117,101,.18),transparent 68%);pointer-events:none;z-index:-1}.eyebrow{display:inline-block;font-family:Inter Tight,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--coral);background:#f875651a;border:1px solid rgba(248,117,101,.25);padding:.35rem .9rem;border-radius:999px;margin-bottom:1.6rem}h1{font-family:Inter Tight,sans-serif;font-weight:800;font-size:clamp(2.6rem,6vw,4.4rem);line-height:1.05;letter-spacing:-.02em;margin-bottom:1.2rem;background:linear-gradient(135deg,#ffffff 20%,var(--coral) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lede{font-size:clamp(1.15rem,2.4vw,1.45rem);font-weight:300;color:#ffffffb8;max-width:760px;margin:0 auto 1.5rem}.subcopy{font-size:1.05rem;color:#ffffff8c;max-width:680px;margin:0 auto}.stats{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:2.2rem}.stat{display:flex;align-items:baseline;gap:.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.7rem 1.1rem}.stat b{font-family:Inter Tight,sans-serif;font-size:1.5rem;font-weight:800;color:var(--coral)}.stat span{font-size:.9rem;color:#fff9}.how{max-width:var(--maxw);margin:1.5rem auto 0;padding:0 2rem}.how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;border-top:1px solid rgba(255,255,255,.08);padding-top:2.5rem}.how-card{padding:.25rem .25rem .5rem}.how-step{font-family:Inter Tight,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f87565cc}.how-card h3{font-family:Inter Tight,sans-serif;font-weight:700;font-size:1.15rem;margin:.4rem 0;color:var(--white)}.how-card p{font-size:.98rem;color:#fff9}.jumpnav{position:sticky;top:3.4rem;z-index:40;background:#0e1034e6;backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);margin-top:3.5rem}.jumpnav-inner{max-width:var(--maxw);margin:0 auto;padding:.7rem 2rem;display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none}.jumpnav-inner::-webkit-scrollbar{display:none}.jumpnav a{white-space:nowrap;font-size:.85rem;color:#fff9;text-decoration:none;padding:.3rem .75rem;border-radius:999px;border:1px solid transparent;transition:color .15s ease,background .15s ease,border-color .15s ease}.jumpnav a:hover{color:var(--white);background:#ffffff0d;border-color:#ffffff1a}main{max-width:var(--maxw);margin:0 auto;padding:3.5rem 2rem 2rem}.category{margin-bottom:4rem;scroll-margin-top:6rem}.category-head{display:flex;align-items:baseline;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.category h2{font-family:Inter Tight,sans-serif;font-weight:800;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.01em;color:var(--white)}.category-count{font-family:Inter Tight,sans-serif;font-size:.8rem;font-weight:600;color:var(--coral);background:#f875651a;border-radius:999px;padding:.15rem .6rem}.category-desc{font-size:1.1rem;color:#ffffff8c;max-width:720px;margin-bottom:1.6rem}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.card{display:flex;flex-direction:column;background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:1.4rem 1.5rem;transition:transform .18s ease,border-color .18s ease,background .18s ease}.card:hover{transform:translateY(-3px);border-color:#f8756566;background:#f875650a}.card h4{font-family:Inter Tight,sans-serif;font-weight:700;font-size:1.12rem;line-height:1.3;color:var(--white);margin-bottom:.55rem}.card p{font-size:.96rem;color:#ffffffad;margin-bottom:1.1rem;flex:1}.tools{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.06)}.tool{font-size:.74rem;font-family:Inter Tight,sans-serif;font-weight:500;letter-spacing:.01em;color:#ffffff9e;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:6px;padding:.2rem .5rem}.closer{max-width:var(--maxw);margin:2rem auto 0;padding:0 2rem}.closer-inner{background:linear-gradient(135deg,#583b7b59,#f8756524);border:1px solid rgba(248,117,101,.25);border-radius:22px;padding:3rem 2.5rem;text-align:center}.closer h2{font-family:Inter Tight,sans-serif;font-weight:800;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.1;margin-bottom:.9rem}.closer p{font-size:1.1rem;color:#ffffffb8;max-width:620px;margin:0 auto 1.8rem}.btn{display:inline-block;font-family:Inter Tight,sans-serif;font-weight:600;font-size:1rem;color:var(--navy);background:var(--coral);padding:.85rem 1.8rem;border-radius:999px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 8px 30px #f8756540}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px #f8756559}footer{max-width:var(--maxw);margin:0 auto;padding:3rem 2rem 3.5rem;text-align:center;color:#ffffff4d;font-size:.88rem}footer a{color:var(--coral);text-decoration:none}footer a:hover{text-decoration:underline}@media(max-width:640px){.topbar-inner,.hero,.how,.jumpnav-inner,main,.closer,footer{padding-left:1.25rem;padding-right:1.25rem}.hero{padding-top:3.5rem}.closer-inner{padding:2.2rem 1.5rem}.topbar-cta{display:none}}