@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#fff;--surface:#f7f7fb;--ink:#1d1d1f;--muted:#6e6e73;--accent:#5636e9;--accent-2:#db2777;--border:#e5e5eb;--font:Inter,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.67;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-underline-offset:3px}a:hover{color:#9126b9}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip{position:absolute;left:-9999px;top:0}.skip:focus{left:16px;top:12px;z-index:10;padding:8px;background:white}.site-header{border-bottom:1px solid var(--border);background:white}.header-inner{max-width:1360px;padding:12px 32px;margin:auto;display:flex;align-items:center;gap:28px;justify-content:space-between}.logo{font-weight:700;font-size:23px;line-height:1;text-decoration:none;letter-spacing:-.04em;background:linear-gradient(100deg,#2563eb,#9333ea 55%,#db2777);color:transparent;background-clip:text}.top-nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.top-nav a,.auth a{font-size:14px;font-weight:500;color:#34343a;text-decoration:none;white-space:nowrap}.top-nav a:hover,.auth a:hover{color:var(--accent)}.auth{display:flex;gap:20px;align-items:center}.auth .pill,.pill{border:0;border-radius:999px;background:linear-gradient(100deg,#2563eb,#9333ea);color:white;text-decoration:none;padding:10px 22px;font-weight:600;display:inline-block;white-space:nowrap;box-shadow:0 6px 18px rgba(86,54,233,.13)}.auth .pill:hover,.pill:hover{color:white;filter:brightness(.93)}.wrap{max-width:1120px;margin:auto;padding:0 28px}.article-hero{max-width:970px;margin:0 auto;padding:76px 28px 26px;text-align:center}.eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#7926bf;margin:0 0 19px}h1{font-size:clamp(38px,5.1vw,68px);line-height:1.07;letter-spacing:-.045em;margin:0 auto 24px;font-weight:700;max-width:900px}h1 .accent-text{background:linear-gradient(90deg,#2563eb,#9333ea 54%,#db2777);background-clip:text;color:transparent}.dek{max-width:690px;margin:0 auto 23px;font-size:20px;line-height:1.55;color:#46464e}.byline{color:var(--muted);font-size:14px}.figure{max-width:1070px;margin:20px auto 72px;padding:0 28px}.figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:20px;border:1px solid var(--border);background:var(--surface)}.figure figcaption{font-size:12px;color:var(--muted);margin-top:9px;text-align:right}.prose{max-width:760px;padding:0 28px 90px;margin:auto}.prose h2{font-size:clamp(27px,3vw,36px);line-height:1.18;letter-spacing:-.035em;margin:64px 0 18px}.prose h3{font-size:22px;line-height:1.3;letter-spacing:-.025em;margin:32px 0 12px}.prose p,.prose li{margin:0 0 18px}.prose ul,.prose ol{padding-left:25px;margin:0 0 24px}.prose li{padding-left:3px;margin-bottom:10px}.prose strong{font-weight:700}.prose .lead{font-size:20px;color:#35353c;line-height:1.6}.note{background:var(--surface);border-left:4px solid var(--accent);border-radius:0 14px 14px 0;padding:18px 22px;margin:28px 0}.note p:last-child{margin-bottom:0}.step{border-top:1px solid var(--border);padding-top:3px}.step h3{display:flex;align-items:baseline;gap:12px}.step-no{color:var(--accent);font-size:15px;font-weight:700;letter-spacing:.08em}.checklist{background:var(--surface);border-radius:16px;padding:24px 28px;margin:28px 0}.checklist h3{margin:0 0 14px}.checklist ul{margin-bottom:0}.cta{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px;margin-top:56px}.cta h2{margin:0 0 12px}.cta p{max-width:600px}.cta .pill{margin-top:6px}.site-footer{border-top:1px solid var(--border);padding:40px 28px;color:var(--muted);font-size:14px}.footer-inner{max-width:1100px;margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{color:#46464e;text-decoration:none}.footer-links a:hover{color:var(--accent)}.directory{padding:76px 28px 100px;max-width:1120px;margin:auto}.directory h1{text-align:left;margin:0 0 18px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px;margin-top:40px}.card{border:1px solid var(--border);border-radius:18px;overflow:hidden;text-decoration:none;color:var(--ink);display:block;transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(34,20,70,.10)}.card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.card-body{padding:22px}.card time{font-size:13px;color:var(--muted)}.card h2{margin:8px 0;font-size:22px;line-height:1.25}.card p{margin:0;font-size:15px;color:var(--muted)}@media(max-width:1060px){.top-nav{gap:12px}.header-inner{flex-wrap:wrap}.auth{margin-left:auto}}@media(max-width:680px){body{font-size:16px}.header-inner{padding:16px 20px}.top-nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;gap:20px;padding:8px 0}.auth{gap:12px}.auth .pill{padding:8px 12px}.article-hero{padding:54px 22px 22px}.dek,.prose .lead{font-size:18px}.figure{padding:0 20px;margin-bottom:44px}.prose{padding:0 22px 66px}.prose h2{margin-top:48px}.cta{padding:24px}.directory{padding:54px 22px 80px}}