:root { --bg:#151b19; --panel:#202a26; --text:#edf1e7; --muted:#9ba8a0; --line:#394740; --accent:#d6e84b; --orange:#ff9800; --pink:#f00090; --blue:#27b1fc; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-height:100vh; display:flex; flex-direction:column; background:var(--bg); color:var(--text); font:16px/1.6 Arial,sans-serif; }
a { color:inherit; }
.wrap { width:min(100% - 48px, 960px); margin:auto; }
.site-header { border-bottom:1px solid var(--line); box-shadow:0 1px 0 rgba(240,0,144,.16); }
.nav { min-height:76px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; align-items:center; gap:10px; text-decoration:none; font-weight:bold; letter-spacing:-.04em; font-size:1.15rem; }
.brand img { width:20px; height:32px; object-fit:contain; }
.brand span span { color:var(--pink); }
nav { display:flex; gap:28px; }
nav a,.section-top a,.footer a { color:var(--muted); font-size:.8rem; text-decoration:none; }
nav a:hover,.section-top a:hover,.footer a:hover { color:var(--text); }
.hero { padding:120px 0 110px; position:relative; }
.hero:before { content:""; position:absolute; width:180px; height:180px; border-radius:50%; border:1px solid rgba(39,177,252,.35); right:6%; top:76px; pointer-events:none; }
.eyebrow { color:var(--orange); font-size:.7rem; font-weight:bold; letter-spacing:.14em; text-transform:uppercase; margin:0 0 18px; }
h1,h2 { line-height:1.05; letter-spacing:-.05em; font-weight:500; }
h1 { font-size:clamp(3.8rem,10vw,7.5rem); margin:0 0 26px; }
h1 em { font-family:Georgia,serif; }
.hero > p:last-child { max-width:390px; color:var(--muted); font-size:1.05rem; }
.latest { padding-bottom:120px; }
.section-top { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.section-top .eyebrow { margin:0 0 18px; }
.latest-card { display:flex; justify-content:space-between; gap:30px; padding:38px 0; border-bottom:1px solid var(--line); border-image:linear-gradient(90deg,var(--orange),var(--pink),var(--blue)) 1; }
.latest-card h2 { max-width:650px; font-size:clamp(2rem,5vw,4rem); margin:14px 0 18px; }
.latest-card h2 a { text-decoration:none; }
.latest-card > div > p:not(.meta) { max-width:520px; color:var(--muted); }
.meta { color:var(--muted); font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; }
.read-link { display:inline-block; margin-top:17px; color:var(--blue); font-size:.8rem; font-weight:bold; text-decoration:none; }
.latest-number { color:var(--pink); font:2rem Georgia,serif; margin:0; }
.latest-card:before { content:""; width:4px; align-self:stretch; background:linear-gradient(var(--orange),var(--pink),var(--blue)); }
.footer { margin-top:auto; border-top:1px solid var(--line); color:var(--muted); font-size:.75rem; }
.footer .wrap { min-height:80px; display:flex; align-items:center; justify-content:space-between; }
.archive,.post-page { padding:90px 0 120px; }
.archive h1,.post-page h1 { font-size:clamp(3rem,8vw,6rem); margin:0 0 50px; }
.archive-item { border-top:1px solid var(--line); padding:28px 0 34px; }
.archive-item h2 { font-size:2rem; margin:10px 0; }
.archive-item h2 a { text-decoration:none; }
.archive-item > p:last-child { color:var(--muted); max-width:560px; }
.post-page { max-width:780px; }
.back { color:var(--muted); font-size:.8rem; text-decoration:none; }
.post-page h1 { margin:45px 0 12px; }
.post-content { border-top:1px solid var(--line); margin-top:42px; padding-top:34px; font-size:1.08rem; }
.post-content h2,.post-content h3 { margin-top:42px; }
.post-content a { color:var(--blue); }
.post-content img { display:block; max-width:100%; height:auto; margin:28px 0; border-radius:2px; }
.post-content figure { margin:28px 0; }
.post-content figure img { margin:0; }
.post-content figcaption { color:var(--muted); font-size:.8rem; margin-top:8px; }
@media (max-width:600px) { .wrap { width:min(100% - 32px,560px); } .hero { padding:75px 0 80px; } .latest-card { padding-top:28px; } .latest-number { font-size:1.5rem; } nav { gap:16px; } }