:root{--bg:#0b090b;--text:#f4edf1;--muted:#b4a7ae;--pink:#df5b9e;--line:#33252d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}header,main,footer{width:min(1160px,calc(100% - 40px));margin:auto}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{color:var(--text);text-decoration:none;font-weight:900;font-size:24px;letter-spacing:-1px}.brand span{color:var(--pink)}.header-link{color:var(--text);text-decoration:none;font-size:14px;border-bottom:1px solid var(--pink);padding:8px 0}.hero{padding:64px 0 90px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(460px,1.15fr);gap:64px;align-items:center}.eyebrow{margin:0 0 18px;color:var(--pink);font:11px monospace;letter-spacing:2px}.hero h1{font-size:clamp(58px,6.5vw,94px);line-height:.94;letter-spacing:-5px;margin:0}.hero h1 em{font-style:normal;color:var(--pink)}.lead{max-width:520px;color:var(--muted);font-size:18px;line-height:1.65;margin:28px 0 34px}.hero-actions{display:flex;align-items:center;gap:30px}.primary{display:inline-block;background:var(--pink);color:#160b11;text-decoration:none;font-weight:800;padding:16px 22px}.address{display:flex;flex-direction:column;gap:4px}.address span{color:var(--muted);font-size:11px}.address strong{font-family:monospace;font-size:15px}.base-shot{position:relative;margin:0;aspect-ratio:16/11;border:1px solid var(--line);background:linear-gradient(145deg,#181118,#100d10);overflow:hidden}.base-shot:before{content:"";position:absolute;inset:14px;border:1px solid #402b36}.base-shot:after{content:"";position:absolute;width:180px;height:180px;border:1px solid #4d293b;border-radius:50%;right:10%;top:12%;box-shadow:0 0 80px #341526 inset}.base-shot div{position:absolute;z-index:1;left:30px;bottom:28px;display:flex;flex-direction:column;gap:7px}.base-shot strong{font-size:18px}.base-shot span{color:var(--muted);font-size:13px}.access{scroll-margin-top:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:72px 0;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.section-copy h2,.joining h2{font-size:42px;letter-spacing:-2px;margin:0 0 18px}.section-copy p:last-child{color:var(--muted);font-size:17px;line-height:1.6;max-width:480px}form{margin:0}label{display:block;font-size:13px;margin-bottom:10px}.input-row{display:flex}input{min-width:0;flex:1;background:#0d0a0c;border:1px solid #4a3741;color:#fff;padding:17px;font-size:16px;outline:none}input:focus{border-color:var(--pink);box-shadow:0 0 0 3px #df5b9e24}button{border:0;background:var(--pink);color:#160b11;font-weight:800;padding:0 22px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.hint{color:var(--muted);font-size:11px;margin:9px 0}#result{min-height:24px;color:#f08cbd;font-size:14px;margin-top:12px}.joining{padding:80px 0 100px;display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.joining ol{margin:0;padding:0;list-style:none;counter-reset:step}.joining li{counter-increment:step;border-top:1px solid var(--line);padding:18px 0;color:var(--muted);font-size:16px;line-height:1.45}.joining li:before{content:counter(step);display:inline-block;width:34px;color:var(--pink);font:12px monospace}.joining strong{color:var(--text)}footer{border-top:1px solid var(--line);padding:28px 0 38px;display:flex;justify-content:space-between;color:#766771;font-size:12px}@media(max-width:760px){header,main,footer{width:min(100% - 32px,1160px)}header{height:72px}.hero{grid-template-columns:1fr;gap:38px;padding:52px 0 64px}.hero h1{font-size:clamp(52px,15vw,72px);letter-spacing:-3px}.lead{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.base-shot{aspect-ratio:4/3}.base-shot div{left:20px;bottom:20px}.access,.joining{grid-template-columns:1fr;gap:34px;padding:58px 0}.section-copy h2,.joining h2{font-size:36px}.input-row{display:block}button{width:100%;padding:16px}.joining{padding-bottom:72px}footer{font-size:11px}}
header nav{display:flex;align-items:center;gap:24px}@media(max-width:760px){header nav{gap:12px}.header-link{font-size:12px}}