:root { --ink:#090909; --cream:#f0eadc; --gold:#bca06a; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--cream); font-family:"Manrope",sans-serif; }
a { color:inherit; text-decoration:none; }
[hidden] { display:none!important; }
.page-shell { min-height:100svh; position:relative; overflow:hidden; background:radial-gradient(circle at 50% 28%,#252018 0,rgba(18,16,13,.55) 22%,transparent 50%),#090909; padding:0 5vw; display:flex; flex-direction:column; }
.grain { position:absolute; inset:0; opacity:.19; pointer-events:none; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E"); }
.topbar { height:92px; display:flex; justify-content:space-between; align-items:center; position:relative; z-index:5; border-bottom:1px solid rgba(188,160,106,.17); }
.wordmark { font-family:"Cormorant Garamond",serif; font-size:23px; letter-spacing:.22em; font-weight:700; }
.wordmark span { color:var(--gold); }
.nav-join { color:var(--gold); font-size:10px; letter-spacing:.18em; font-weight:800; display:flex; gap:14px; align-items:center; transition:color .2s; }
.nav-join:hover { color:#ead6ad; }
.hero { position:relative; z-index:2; flex:1; min-height:760px; display:flex; flex-direction:column; align-items:center; text-align:center; padding:50px 0 42px; }
.editorial-mark { position:absolute; font-family:"Cormorant Garamond",serif; font-size:min(48vw,680px); line-height:.7; top:43px; color:transparent; -webkit-text-stroke:1px rgba(188,160,106,.055); pointer-events:none; user-select:none; letter-spacing:-.08em; }
.portrait-wrap { position:relative; margin-bottom:21px; }
.portrait-ring { width:120px; height:120px; padding:4px; border:1px solid rgba(188,160,106,.72); border-radius:50%; box-shadow:0 0 50px rgba(188,160,106,.11); }
.portrait-ring img { width:100%; height:100%; object-fit:cover; border-radius:50%; filter:saturate(.72) contrast(1.08); }
.verified { position:absolute; right:3px; bottom:9px; display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:var(--gold); color:#111; border:3px solid #0c0b0a; font-size:12px; font-weight:900; }
.eyebrow { margin:0 0 20px; display:flex; align-items:center; gap:13px; color:var(--gold); font-size:9px; letter-spacing:.27em; font-weight:700; }
.eyebrow span { width:34px; height:1px; background:var(--gold); opacity:.6; }
h1 { font-family:"Cormorant Garamond",serif; font-weight:600; font-size:clamp(50px,6vw,82px); line-height:.82; letter-spacing:-.035em; margin:0; }
h1 em { color:var(--gold); font-weight:500; }
.subcopy { font-family:"Cormorant Garamond",serif; font-style:italic; color:#a9a194; font-size:17px; line-height:1.5; margin:24px 0; }
.social-proof { display:flex; align-items:center; gap:15px; margin-bottom:27px; }
.avatars { display:flex; padding-left:8px; }
.avatars span { width:30px; height:30px; margin-left:-8px; border-radius:50%; display:grid; place-items:center; background:#3d3529; border:2px solid #14120f; color:#dcc08a; font-family:"Cormorant Garamond",serif; font-size:12px; }
.social-proof div:not(.avatars) { text-align:left; }
.social-proof strong { display:block; font-family:"Cormorant Garamond",serif; font-size:17px; line-height:1; letter-spacing:.04em; }
.social-proof small { color:#777269; font-size:7px; letter-spacing:.17em; font-weight:700; }
.social-proof > i { height:24px; width:1px; background:#39352f; }
.online { display:flex; gap:7px; align-items:center; }
.online b { width:6px; height:6px; background:#6e9e6f; border-radius:50%; box-shadow:0 0 8px #6e9e6f; }
.offer-card { width:min(100%,520px); padding:20px 22px 13px; border:1px solid rgba(188,160,106,.28); background:rgba(14,13,11,.8); box-shadow:0 24px 80px rgba(0,0,0,.45); backdrop-filter:blur(7px); }
.timer-copy > small { display:block; color:#79736a; font-size:7px; letter-spacing:.2em; font-weight:800; margin-bottom:6px; }
.timer-copy strong { display:flex; justify-content:center; gap:11px; align-items:center; font-family:"Cormorant Garamond",serif; font-size:31px; font-weight:500; line-height:1; }
.timer-copy strong span { min-width:42px; }
.timer-copy strong i { color:var(--gold); font-style:normal; transform:translateY(-2px); }
.timer-labels { display:flex; justify-content:center; gap:32px; margin:4px 0 14px; color:#5f5b55; font-size:6px; letter-spacing:.17em; }
.primary-cta { min-height:66px; background:var(--cream); color:#12110f; display:grid; grid-template-columns:38px 1fr 28px; align-items:center; padding:0 18px; transition:transform .2s,background .2s; text-align:left; }
.primary-cta:hover { transform:translateY(-2px); background:#fff9eb; }
.telegram-icon { font-size:23px; transform:rotate(-25deg); color:#806b44; }
.primary-cta b { display:block; font-family:"Cormorant Garamond",serif; font-size:17px; letter-spacing:.16em; }
.primary-cta small { display:block; font-size:6px; letter-spacing:.22em; margin-top:2px; color:#766f63; }
.cta-arrow { text-align:right; font-size:19px; }
.offer-card > p { margin:10px 0 0; color:#5f5b54; font-size:7px; letter-spacing:.1em; }
.offer-card > p span { color:var(--gold); margin-right:6px; }
.expired { border-color:rgba(188,160,106,.55); }
footer { height:64px; position:relative; z-index:2; border-top:1px solid rgba(188,160,106,.17); display:flex; justify-content:space-between; align-items:center; color:#4f4b45; font-family:"Cormorant Garamond",serif; font-size:8px; letter-spacing:.18em; }
.join-toast { position:fixed; z-index:10; left:24px; bottom:25px; width:298px; display:grid; grid-template-columns:38px 1fr 25px; align-items:center; gap:10px; background:#f1ebde; color:#201d18; padding:11px 13px; box-shadow:0 12px 40px rgba(0,0,0,.45); }
.toast-animate { animation:toastIn .45s ease both; }
.toast-avatar { width:36px; height:36px; border-radius:50%; background:#29251f; color:#d8bc86; display:grid; place-items:center; font-family:"Cormorant Garamond",serif; }
.join-toast b,.join-toast small { display:block; text-align:left; }
.join-toast b { font-size:10px; }
.join-toast small { font-size:8px; color:#766f63; margin-top:3px; }
.toast-check { width:19px; height:19px; border-radius:50%; background:#718d67; color:white; display:grid; place-items:center; font-size:9px; }
.join-toast label { position:absolute; right:8px; bottom:3px; font-size:5px; color:#aaa294; letter-spacing:.12em; }
@keyframes toastIn { from { opacity:0; transform:translateY(15px); } }
@media (max-width:700px) {
  .page-shell { padding:0 20px; }.topbar { height:72px; }.nav-join { font-size:8px; }
  .hero { min-height:720px; padding:38px 0 34px; }.portrait-ring { width:102px; height:102px; }
  h1 { font-size:48px; }.subcopy { font-size:15px; margin:19px 0; }.offer-card { padding:17px 15px 12px; }
  footer span:nth-child(2) { display:none; }.join-toast { left:16px; right:16px; bottom:16px; width:auto; }
}
@media (max-height:820px) and (min-width:701px) {
  .topbar { height:70px; }.hero { padding:28px 0; min-height:670px; }.portrait-ring { width:95px;height:95px; }
  h1{font-size:60px}.subcopy{margin:16px 0}.social-proof{margin-bottom:18px}
}
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }