*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse 80% 40% at 80% 0,rgba(158,15,94,.25),transparent 70%),#09070b;color:#fff6fa;font:300 15px/1.55 'Geologica',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:rgba(9,7,11,.75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,210,234,.1)}
header img{height:30px;filter:invert(1)}
.btn,.copy{display:inline-flex;align-items:center;height:40px;padding:0 18px;border:0;border-radius:100px;background:linear-gradient(110deg,#ff3d99,#ff8cc4 40%,#e0247f);color:#1f0714;font:600 .78rem 'Tektur',sans-serif;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;cursor:pointer}
main{max-width:1120px;margin:0 auto;padding:0 20px 80px}
section{padding-top:48px}
.eyebrow{font:500 .66rem 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#ff9ccc;margin:0}
h1,h2,h3{font-family:'Tektur',sans-serif;font-weight:700;line-height:1.05;margin:0}
h1{font-size:clamp(2rem,6vw,3.4rem);margin:10px 0 14px}
h2{font-size:clamp(1.5rem,4vw,2.2rem);margin-bottom:16px}
h3{font-size:1.1rem;margin:26px 0 12px}
em{font-style:normal;color:#ff9ccc}
.intro>p{max-width:62ch;color:#dccbd5}
.files{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-top:20px}
.files a{display:block;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,190,225,.18);background:rgba(255,255,255,.04);font:600 .9rem 'JetBrains Mono',monospace;text-decoration:none}
.files small{display:block;margin-top:4px;font:300 .8rem 'Geologica',sans-serif;color:#b3a2ae}
.todo{margin:0;padding:0;list-style:none;counter-reset:t;display:grid;gap:8px}
.todo li{counter-increment:t;position:relative;padding:14px 16px 14px 56px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,210,234,.1)}
.todo li:before{content:counter(t,decimal-leading-zero);position:absolute;left:16px;top:14px;font:700 1rem 'Tektur',sans-serif;color:#ff4fa3}
.todo b{font-weight:600}.todo p{margin:4px 0 0;color:#cdbdc7;font-size:.88rem}
.note{color:#b3a2ae;font-size:.85rem;max-width:70ch}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
figure{margin:0}
figure img{display:block;width:100%;border-radius:14px;border:1px solid rgba(255,210,234,.12)}
figcaption{display:flex;justify-content:space-between;gap:8px;padding:8px 2px 0;font-size:.8rem;color:#dccbd5}
figcaption b{font:700 .85rem 'Tektur',sans-serif;color:#fff;white-space:nowrap}
figcaption small{color:#b3a2ae}
.stories figcaption{flex-direction:column;gap:0}
.logo-box img{width:220px;border-radius:24px}
.stories{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.post{display:grid;gap:16px;margin-bottom:22px;padding:16px;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid rgba(255,210,234,.1)}
.post img{width:100%;border-radius:12px}
.post h3{margin:0 0 8px}.post p{margin:0 0 12px;color:#dccbd5;font-size:.9rem}
.desc{padding:18px;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid rgba(255,210,234,.1)}
.desc p{margin:0 0 12px;color:#e6d5de}
@media (min-width:860px){.post{grid-template-columns:420px 1fr}}