:root{--bg:#0b2025;--bg2:#123238;--teal:#2f6b6b;--gold:#e6b95a;--gold-soft:#e6b95a59;--cream:#f3ecdd;--muted:#b9b4a6;--serif:"Cormorant Garamond", Georgia, serif;--display:"Cinzel", Georgia, serif;--sans:"Poppins", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--bg);color:var(--cream);font-family:var(--sans);min-height:100%}body{overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.stage{flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.bg-door{z-index:0;background:radial-gradient(ellipse at 50% 0%, #174047 0%, var(--bg) 60%), url(/img/cosmic-door.jpg) center/cover;background-blend-mode:multiply;opacity:.55;filter:saturate(.9);position:fixed;inset:0}.cosmos{z-index:1;pointer-events:none;position:fixed;inset:0}.vignette{z-index:2;pointer-events:none;background:radial-gradient(#0000 40%,#050f12d9 100%);position:fixed;inset:0}.brand{z-index:5;text-align:center;font-family:var(--display);letter-spacing:.42em;color:var(--gold);padding:22px 16px 0;font-size:12px;position:relative}.screen{z-index:5;flex:1;width:100%;max-width:560px;margin:0 auto;padding:24px 20px 56px;position:relative}.screen.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.fade-in{animation:1.2s both fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.eyebrow{font-family:var(--display);letter-spacing:.32em;text-transform:uppercase;color:var(--gold);text-align:center;font-size:11px}.title{font-family:var(--serif);font-size:clamp(34px,9vw,52px);font-weight:500;line-height:1.08}.title.small{font-size:clamp(30px,8vw,42px)}.title em{color:var(--gold);font-style:italic;font-weight:500}.lead{font-family:var(--serif);color:var(--muted);max-width:440px;font-size:20px;line-height:1.45}.micro{color:var(--muted);opacity:.8;text-align:center;font-size:12px}.micro b{color:var(--gold);font-weight:500}.intro-form{flex-direction:column;gap:14px;width:100%;max-width:380px;margin-top:6px;display:flex}.field{text-align:left;flex-direction:column;gap:6px;display:flex}.field span{letter-spacing:.08em;color:var(--muted);font-size:12px}.field input{color:var(--cream);font:500 17px var(--sans);background:#f3ecdd0f;border:1px solid #e6b95a59;border-radius:12px;outline:none;padding:15px 16px;transition:border-color .3s,box-shadow .3s}.field input:focus{border-color:var(--gold);box-shadow:0 0 0 4px #e6b95a1f}.cta{text-align:center;background:linear-gradient(135deg, #f2cd7a, var(--gold) 45%, #c99a3a);color:#1b1304;font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:18px 28px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s,opacity .25s;animation:.9s both fadeIn;display:inline-block;position:relative;overflow:hidden;box-shadow:0 10px 40px #e6b95a4d,inset 0 1px #fff6}.cta:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff8c 50%,#0000 70%);animation:3.6s ease-in-out infinite shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes shine{60%,to{transform:translate(120%)}}.cta:hover:not(:disabled){transform:translateY(-2px)scale(1.02)}.cta:disabled{opacity:.4;cursor:not-allowed}.ghost{color:var(--muted);text-underline-offset:4px;margin:30px auto 0;font-size:13px;text-decoration:underline;display:block}.word{opacity:0;filter:blur(6px);animation:.9s forwards wordIn;display:inline-block}@keyframes wordIn{to{opacity:1;filter:blur()}}.orb{border-radius:50%;place-items:center;width:190px;height:190px;margin-bottom:10px;animation:6s ease-in-out infinite breathe;display:grid;position:relative}.orb:before,.orb:after{content:"";border:1px solid var(--gold-soft);border-radius:50%;animation:6s ease-in-out infinite ring;position:absolute;inset:-22px}.orb:after{opacity:.5;animation-delay:.6s;inset:-46px}.orb-core{background:radial-gradient(circle at 35% 30%, #f6d98f, var(--gold) 38%, #6b4d12 100%);border-radius:50%;width:100%;height:100%;box-shadow:0 0 80px 10px #e6b95a73}.orb.fast,.orb.fast:before,.orb.fast:after{animation-duration:3.2s}@keyframes breathe{0%,to{transform:scale(.72)}50%{transform:scale(1.08)}}@keyframes ring{0%,to{opacity:.2;transform:scale(.95)}50%{opacity:.8;transform:scale(1.12)}}.breath-text{font-family:var(--serif);max-width:380px;font-size:26px;line-height:1.3}.breath-sub{text-align:center;font-family:var(--display);letter-spacing:.3em;color:var(--gold);text-transform:uppercase;opacity:0;font-size:13px;position:absolute;bottom:14%;left:0;right:0}.b-in{animation:3s 1.8s both sub}.b-out{animation:3s 4.8s both sub}.b-fin{letter-spacing:.15em;animation:2.6s 7.4s both sub}@keyframes sub{0%{opacity:0}20%,80%{opacity:1}to{opacity:0}}.b-fin{animation-fill-mode:forwards}@keyframes subKeep{to{opacity:1}}.round{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.moons{gap:10px;margin:6px 0 8px;display:flex}.moons i{border:1px solid var(--gold-soft);border-radius:50%;width:9px;height:9px;transition:all .6s}.moons i.done{background:var(--gold);border-color:var(--gold)}.moons i.now{background:var(--gold);transform:scale(1.3);box-shadow:0 0 14px 3px #e6b95ab3}.prompt{font-family:var(--serif);max-width:420px;min-height:90px;font-size:22px;line-height:1.35}.deck{perspective:1400px;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin-top:8px;display:grid}.card{aspect-ratio:2/3;transition:transform .5s,opacity .6s,filter .6s;animation:.9s cubic-bezier(.2,.9,.3,1) both dealIn,5s ease-in-out infinite float;position:relative}.card:nth-child(2){margin-top:-10px;animation-delay:.14s,.5s}.card:nth-child(3){animation-delay:.28s,1s}@keyframes dealIn{0%{opacity:0;transform:translateY(60px)rotate(8deg)scale(.9)}to{opacity:1;transform:none}}@keyframes float{0%,to{translate:0}50%{translate:0 -7px}}.card:hover:not(:disabled){filter:drop-shadow(0 0 22px #e6b95a99);transform:translateY(-8px)scale(1.04)}.card:disabled{cursor:default}.card.dim{opacity:.22;filter:grayscale(.6)blur(1px);animation:none;transform:scale(.92)}.card.flipped{z-index:3;animation:none}.deck.has-pick .card.flipped{filter:drop-shadow(0 0 30px #e6b95ab3);transform:scale(1.12)}.card-inner{transform-style:preserve-3d;transition:transform 1s cubic-bezier(.3,.8,.2,1);position:absolute;inset:0}.card.flipped .card-inner{transform:rotateY(180deg)}.face{backface-visibility:hidden;border-radius:12px;position:absolute;inset:0;overflow:hidden}.face.back{border:1px solid var(--gold);color:var(--gold);background:linear-gradient(160deg,#15414a,#0a1f24);place-items:center;display:grid;box-shadow:0 14px 40px #0000008c,inset 0 0 40px #e6b95a14}.back-svg{width:100%;height:100%}.face.front{border:1px solid var(--gold);color:var(--gold);background:radial-gradient(circle at 50% 30%,#1c5159,#0a1f24 75%);flex-direction:column;justify-content:space-between;align-items:center;padding:12px 6px 14px;display:flex;transform:rotateY(180deg);box-shadow:inset 0 0 40px #e6b95a2e}.face.front .num{font-family:var(--display);letter-spacing:.2em;font-size:12px}.face.front svg{filter:drop-shadow(0 0 10px #e6b95a99);width:56%;height:auto}.ctitle{font-family:var(--display);letter-spacing:.06em;color:var(--cream);text-transform:uppercase;font-size:10.5px;line-height:1.25}.burst{pointer-events:none;position:absolute;top:50%;left:50%}.burst i{background:var(--gold);box-shadow:0 0 10px var(--gold);border-radius:50%;animation:1.3s ease-out .7s both burst;position:absolute}@keyframes burst{0%{opacity:1;transform:translate(0)}to{transform:translate(var(--x), var(--y));opacity:0}}.reveal{flex-direction:column;align-items:center;gap:22px;margin-top:18px;display:flex}.reveal-text{font-family:var(--serif);max-width:460px;font-size:23px;font-style:italic;line-height:1.4}.reveal .cta{opacity:0;animation:1s 2.2s forwards fadeIn}.reading-line{font-family:var(--serif);max-width:360px;margin-top:10px;font-size:26px;font-style:italic;animation:1s both fadeIn}.result{flex-direction:column;align-items:center;gap:26px;display:flex}.result-card{text-align:center;border:1px solid var(--gold);background:linear-gradient(170deg,#17464ee6,#08181cf2);border-radius:22px;width:100%;max-width:360px;padding:34px 22px 30px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0009,inset 0 0 60px #e6b95a1a}.result-card .glow{background:conic-gradient(#0000,#e6b95a2e,#0000 40%);animation:9s linear infinite spin;position:absolute;inset:-40%}@keyframes spin{to{transform:rotate(360deg)}}.result-card>*{position:relative}.result-card .num{font-family:var(--display);color:var(--gold);letter-spacing:.3em;font-size:13px}.big-sigil{color:var(--gold);filter:drop-shadow(0 0 18px #e6b95ab3);margin:14px 0 8px;animation:5s ease-in-out infinite float}.result-card h2{font-family:var(--display);letter-spacing:.06em;font-size:22px;font-weight:500}.arch{font-family:var(--serif);color:var(--gold);margin:6px 0 14px;font-size:22px;font-style:italic}.axiom{font-family:var(--serif);font-size:19px;line-height:1.35}.verse{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.5}.verse b{color:var(--gold);letter-spacing:.1em;margin-top:2px;font-weight:500;display:block}.read{flex-direction:column;gap:6px;width:100%;display:flex}.read h3{font-family:var(--display);letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-top:16px;font-size:12px}.read p{font-family:var(--serif);font-size:21px;line-height:1.5}.bars{background:#08181c99;border:1px solid #e6b95a40;border-radius:18px;flex-direction:column;gap:12px;width:100%;padding:22px 18px;display:flex}.bar{grid-template-columns:118px 1fr 40px;align-items:center;gap:10px;font-size:12.5px;display:grid}.bar>div{background:#f3ecdd1a;border-radius:6px;height:6px;overflow:hidden}.bar i{background:linear-gradient(90deg, var(--teal), var(--gold));transform-origin:0;border-radius:6px;height:100%;animation:1.4s cubic-bezier(.2,.8,.2,1) both grow;display:block}@keyframes grow{0%{transform:scaleX(0)}}.bar b{text-align:right;color:var(--gold);font-weight:500}.hook{text-align:center;flex-direction:column;align-items:center;gap:20px;margin-top:6px;display:flex}.hook p{font-family:var(--serif);font-size:23px;line-height:1.4}.hook em{color:var(--gold)}.offer{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.stack{text-align:left;flex-direction:column;gap:10px;width:100%;list-style:none;display:flex}.stack li{background:#08181c99;border:1px solid #e6b95a47;border-radius:14px;flex-direction:column;gap:4px;padding:16px 18px 16px 50px;display:flex;position:relative}.stack li:before{content:"✦";color:var(--gold);position:absolute;top:14px;left:18px}.stack b{font-family:var(--display);letter-spacing:.04em;font-size:14px;font-weight:500}.stack span{font-family:var(--serif);color:var(--muted);font-size:18px;line-height:1.35}.price{flex-direction:column;align-items:center;gap:2px;margin:6px 0;display:flex}.price s{color:var(--muted);font-size:16px}.price strong{font-family:var(--display);color:var(--gold);text-shadow:0 0 30px #e6b95a66;font-size:54px;font-weight:500;line-height:1.1}.price span{color:var(--muted);letter-spacing:.1em;font-size:12px}.host{text-align:left;border-top:1px solid #e6b95a33;align-items:center;gap:14px;margin-top:18px;padding-top:22px;display:flex}.host p{font-family:var(--serif);color:var(--muted);font-size:17px;line-height:1.4}.host b{color:var(--cream);font-family:var(--display);letter-spacing:.06em;font-size:14px;font-weight:500}.monogram{border:1px solid var(--gold);width:54px;height:54px;font-family:var(--display);color:var(--gold);border-radius:50%;flex:none;place-items:center;display:grid}@media (max-width:380px){.ctitle{font-size:9px}.bar{grid-template-columns:100px 1fr 38px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.screen.round{max-width:680px}.screen.round .deck{gap:18px}@media (min-width:700px){.screen.round .deck{max-width:560px}}