:root{color-scheme:dark;--ink:#fff8fd;--muted:#d9cbd8;--line:#ffffff21;--rose:#ff74b7;--purple:#a983ff;--panel:#190c22c7}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 82% 4%,#a983ff33,transparent 30rem),radial-gradient(circle at 10% 45%,#ff74b721,transparent 35rem),#100818;color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit}img{display:block;max-width:100%}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}
header{border-bottom:1px solid var(--line);background:#100818e0}nav{min-height:70px;display:flex;align-items:center;gap:22px}.brand{text-decoration:none;font:700 clamp(1.1rem,3vw,1.45rem) Georgia,serif;letter-spacing:.03em;margin-right:auto}.brand span,.eyebrow{color:var(--rose)}nav>a:not(.brand){font-size:.9rem;text-decoration:none;color:var(--muted)}.join{padding:8px 14px;border:1px solid #ff74b78c;border-radius:999px;color:white!important}
main{padding:54px 0 72px}.crumbs{margin-bottom:24px;color:var(--muted);font-size:.88rem}.crumbs a{text-decoration:none}.hero{display:grid;grid-template-columns:minmax(270px,440px) 1fr;gap:clamp(32px,6vw,76px);align-items:center}.portrait{position:relative;border-radius:30px;overflow:hidden;border:1px solid #fff3;box-shadow:0 28px 80px #0006;aspect-ratio:2/3}.portrait img{width:100%;height:100%;object-fit:cover}.online{position:absolute;left:18px;bottom:18px;padding:7px 12px;border-radius:99px;background:#0c0811cc;font-size:.82rem}.online:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#58e38c;margin-right:7px}.eyebrow{margin:0 0 8px;font-size:.82rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}h1{margin:0;font:700 clamp(3.1rem,9vw,6.8rem)/.92 Georgia,serif;letter-spacing:-.055em}.meta{margin:15px 0;color:var(--muted)}.lead{font-size:clamp(1.08rem,2vw,1.3rem);max-width:40rem;margin:0 0 24px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 21px;border-radius:99px;text-decoration:none;font-weight:750;background:linear-gradient(135deg,var(--rose),var(--purple))}.button.secondary{background:transparent;border:1px solid var(--line);color:var(--muted)}.notice{font-size:.82rem;color:var(--muted)}
.details{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:64px}.card{padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--panel)}.card h2{font:700 1.25rem Georgia,serif;margin:0 0 8px}.card p{margin:0;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tag{padding:6px 11px;border-radius:99px;border:1px solid var(--line);font-size:.83rem;color:var(--muted)}.quote{margin:58px auto 0;padding:32px;max-width:790px;text-align:center;border-block:1px solid var(--line)}.quote p{margin:0;font:italic clamp(1.25rem,3vw,1.8rem)/1.45 Georgia,serif}.back{display:block;margin:30px auto 0;text-align:center;color:var(--muted)}footer{padding:26px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}footer .wrap{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}
@media(max-width:760px){nav>a:not(.brand):not(.join){display:none}.hero{grid-template-columns:1fr}.portrait{max-width:400px;margin:auto}.details{grid-template-columns:1fr}main{padding-top:30px}.wrap{width:min(100% - 24px,1120px)}h1{font-size:clamp(3.2rem,17vw,5.5rem)}}