@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Noto+Sans+SC:wght@300;400;500&family=Noto+Serif+SC:wght@400;500&family=Outfit:wght@300;400;500&display=swap";:root{--navy:#1b2130;--porcelain:#ecebe6;--gold:#b99a5b;--gold-light:#d7be84;--ink:#1b2130;--ink-soft:#1b2130ad;--line:#b99a5b47;--line-soft:#b99a5b29;--line-strong:#b99a5b7a;--max-w:540px;--page-pad-x:24px;--btn-h:50px;--tap-min:44px;--ease-luxe:cubic-bezier(.22, .61, .36, 1);--dur:.45s;--font-latin:"Cormorant Garamond", "Times New Roman", serif;--font-sc:"Noto Serif SC", "Songti SC", "SimSun", serif;--font-ui:"Outfit", "Noto Sans SC", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sc), var(--font-latin);background:var(--porcelain);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.85;overflow-x:hidden}button,input,textarea{font-family:inherit}img{max-width:100%;display:block}.app-shell{flex-direction:column;align-items:center;width:100%;min-height:100dvh;display:flex;overflow-x:hidden}.progress-track{z-index:100;pointer-events:none;background:0 0;height:1px;position:fixed;top:0;left:0;right:0}.progress-fill{background:var(--gold);opacity:.72;transform-origin:0;width:0%;height:100%;transition:width var(--dur) var(--ease-luxe)}.page{width:100%;max-width:none;padding-top:64px;padding-right:max(var(--page-pad-x), env(safe-area-inset-right,0px));padding-bottom:max(128px, calc(108px + env(safe-area-inset-bottom,0px)));padding-left:max(var(--page-pad-x), env(safe-area-inset-left,0px));min-height:100dvh;margin:0 auto;overflow-x:hidden}.page-inner{max-width:var(--max-w);width:100%;margin:0 auto}.page--navy{background:var(--navy);color:var(--porcelain)}.page-title{font-family:var(--font-sc);letter-spacing:.06em;margin:0 0 20px;font-size:clamp(1.4rem,4.8vw,1.75rem);font-weight:400;line-height:1.45}.page-title--latin{font-family:var(--font-latin);letter-spacing:.2em;font-size:clamp(1.2rem,4vw,1.4rem);font-weight:400}.page-body{color:var(--ink-soft);margin:0 0 36px;font-size:.98rem;font-weight:400;line-height:1.88}.page--navy .page-body{color:#ecebe6ad}.btn{min-height:var(--btn-h);border:1px solid var(--line-strong);color:inherit;font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background var(--dur) var(--ease-luxe), color var(--dur) var(--ease-luxe), border-color var(--dur) var(--ease-luxe), opacity var(--dur) var(--ease-luxe);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;justify-content:center;align-items:center;width:100%;padding:0 32px;font-size:.78rem;font-weight:400;display:inline-flex}.btn:active:not(:disabled){border-color:var(--gold-light);background:#b99a5b24}.btn:disabled{opacity:.32;cursor:not-allowed}.btn--primary{border-color:var(--gold);background:#b99a5b1a}.btn--ghost{color:var(--gold);width:auto;min-height:var(--tap-min);letter-spacing:.14em;border-color:#0000;padding:0 14px}.btn-row{flex-direction:column;gap:14px;margin-top:36px;display:flex}.chip-row{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.chip{border:1px solid var(--line-soft);color:inherit;font-family:var(--font-ui);min-height:var(--tap-min);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background var(--dur) var(--ease-luxe), border-color var(--dur) var(--ease-luxe), color var(--dur) var(--ease-luxe);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;padding:0 18px;font-size:.72rem;font-weight:400}.chip.is-on{border-color:var(--line-strong);color:var(--gold);background:#b99a5b14}.option{border:1px solid var(--line-soft);cursor:pointer;transition:border-color var(--dur) var(--ease-luxe), background var(--dur) var(--ease-luxe);text-align:left;width:100%;color:inherit;font-family:var(--font-sc), var(--font-latin);min-height:var(--tap-min);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;margin-bottom:12px;padding:20px 22px;font-size:1rem;line-height:1.65}.option.is-on{border-color:var(--line-strong);background:#b99a5b0f}.option small{opacity:.55;font-family:var(--font-ui);letter-spacing:.06em;text-transform:none;margin-top:8px;font-size:.72rem;line-height:1.55;display:block}.field{border:1px solid var(--line-soft);width:100%;color:inherit;resize:vertical;min-height:var(--tap-min);transition:border-color var(--dur) var(--ease-luxe);background:0 0;outline:none;padding:16px 18px;font-size:1rem;line-height:1.75}.field:focus{border-color:var(--line-strong)}.field::placeholder{opacity:.4}.muted-ctrl,.skip-ctrl{z-index:50;color:#d7be84b3;font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;min-height:var(--tap-min);min-width:var(--tap-min);opacity:.75;transition:opacity var(--dur) var(--ease-luxe), color var(--dur) var(--ease-luxe);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;padding:10px 16px;font-size:.68rem;font-weight:400;position:fixed}.muted-ctrl:active,.skip-ctrl:active{opacity:1;color:var(--gold-light)}.muted-ctrl{top:max(14px, env(safe-area-inset-top,0px));right:max(10px, env(safe-area-inset-right,0px))}.skip-ctrl{bottom:max(18px, env(safe-area-inset-bottom,0px));right:max(10px, env(safe-area-inset-right,0px))}.footer-bar{padding-top:20px;padding-right:max(var(--page-pad-x), env(safe-area-inset-right,0px));padding-bottom:max(28px, calc(18px + env(safe-area-inset-bottom,0px)));padding-left:max(var(--page-pad-x), env(safe-area-inset-left,0px));background:linear-gradient(to top, var(--porcelain) 68%, transparent);z-index:40;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.footer-bar>*{pointer-events:auto;max-width:var(--max-w);width:100%}.footer-bar--navy{background:linear-gradient(to top, var(--navy) 68%, transparent)}.advisor-note{font-family:var(--font-ui);opacity:.45;letter-spacing:.14em;text-transform:uppercase;margin-top:32px;font-size:.68rem}.latin{font-family:var(--font-latin)}.ui-label{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;font-size:.7rem;font-weight:400}.price{font-family:var(--font-latin);letter-spacing:.04em}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled){border-color:var(--gold-light);background:#b99a5b1a}.btn--ghost:hover:not(:disabled){color:var(--gold-light);background:0 0}.chip:hover,.option:hover{border-color:var(--line)}.muted-ctrl:hover,.skip-ctrl:hover{opacity:1;color:var(--gold-light)}}@media (width<=389px){:root{--page-pad-x:18px}.page-body{font-size:.94rem}.chip{padding:0 14px;font-size:.68rem}}@media (width>=900px){:root{--max-w:980px;--page-pad-x:48px}.page{padding-top:80px;padding-bottom:max(148px, calc(120px + env(safe-area-inset-bottom,0px)))}.page-title{margin-bottom:24px;font-size:1.95rem}.page-title--latin{font-size:1.55rem}.page-body{max-width:40em;margin-bottom:44px;font-size:1.04rem;line-height:1.9}.btn-row{flex-direction:row;align-items:stretch;gap:18px}.btn-row .btn{flex:1 1 0;width:auto}.btn-row .btn--ghost{flex:none;min-width:9em}.option{padding:22px 24px}.footer-bar{padding-top:24px}}@media (width>=900px) and (height<=900px) and (orientation:landscape){.page{padding-top:56px}.page-title{font-size:1.7rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.opening{width:100%;min-height:100dvh;color:var(--porcelain);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);background:#0a0c12;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.opening-gate{text-align:center;padding:40px max(20px, env(safe-area-inset-left,0px));z-index:2;width:100%;max-width:min(540px,100%);position:relative}.opening-kicker{letter-spacing:.35em;color:var(--gold-light);text-transform:none;margin:0 0 28px;font-size:.95rem}.opening-title{letter-spacing:.08em;margin:0 0 12px;font-size:clamp(1.45rem,5.5vw,1.75rem);font-weight:500}.opening-hint{opacity:.55;margin:0 0 40px;font-size:.95rem}.opening-enter{max-width:220px;min-height:var(--btn-h);margin:0 auto}.op-stage{perspective:1400px;transform-style:preserve-3d;will-change:opacity, transform;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.op-void{z-index:0;background:radial-gradient(70% 55% at 50% 42%,#121826 0%,#0a0c12 62%,#050608 100%);position:absolute;inset:0;overflow:hidden}.op-nebula-wash{z-index:1;pointer-events:none;will-change:transform, opacity;transform-origin:48% 45%;filter:blur(42px);opacity:0;background:radial-gradient(55% 40% at 28% 38%,#28376e47 0%,#0000 70%),radial-gradient(45% 35% at 72% 55%,#37285a2e 0%,#0000 65%),radial-gradient(60% 30% at 50% 70%,#192d5024 0%,#0000 60%);position:absolute;inset:-12%}.op-earth-layer{z-index:2;transform-style:preserve-3d;will-change:transform, opacity, filter;pointer-events:none;justify-content:center;align-items:flex-end;padding-bottom:min(6dvh,48px);display:flex;position:absolute;inset:0}.op-earth-glow{filter:blur(32px);will-change:opacity, transform;pointer-events:none;background:radial-gradient(circle at 52% 48%,#d7be8438 0%,#5a8cd224 32%,#0000 68%);border-radius:50%;width:min(88vw,680px);height:min(88vw,680px);position:absolute;bottom:-8%}.op-planet{will-change:transform;width:min(92vw,720px);height:min(92vw,720px);transform-style:preserve-3d;border-radius:50%;position:relative}.op-planet-body{background:radial-gradient(circle at 38% 32%,#2a3d5c 0%,#152238 38%,#0c1524 68%,#070c14 100%);border-radius:50%;position:absolute;inset:6%;box-shadow:inset -18px -12px 40px #040810d9,inset 10px 8px 28px #3c5a8c1f}.op-planet-terminator{pointer-events:none;background:linear-gradient(118deg,#0000 42%,#080c1659 58%,#04060cb8 78%);border-radius:50%;position:absolute;inset:6%}.op-planet-atm{pointer-events:none;background:0 0;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 1.5px #78aaff59,0 0 18px 4px #5a96f038,0 0 48px 10px #4678d21a,inset 0 0 24px #64a0ff14}.op-planet-cities{pointer-events:none;opacity:.55;background:radial-gradient(circle at 62% 48%,#d7be84b3 0 .9px,#0000 1.6px),radial-gradient(circle at 68% 55%,#ecdcaa8c 0 .7px,#0000 1.4px),radial-gradient(circle at 58% 62%,#b99a5b80 0 .8px,#0000 1.5px),radial-gradient(circle at 72% 42%,#d7be8473 0 .6px,#0000 1.2px),radial-gradient(circle at 65% 70%,#ecdcaa66 0 .7px,#0000 1.3px),radial-gradient(circle at 74% 58%,#d7be8459 0 .5px,#0000 1.1px),radial-gradient(circle at 55% 52%,#b99a5b4d 0 .55px,#0000 1.15px);border-radius:50%;position:absolute;inset:10%;-webkit-mask-image:linear-gradient(105deg,#0000 45%,#000 58% 100%);mask-image:linear-gradient(105deg,#0000 45%,#000 58% 100%)}.op-gem-layer{z-index:5;will-change:transform, opacity, filter;pointer-events:none;transform-origin:50% 48%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.op-gem-bloom{filter:blur(22px);mix-blend-mode:screen;will-change:opacity, transform;background:radial-gradient(circle at 50% 48%,#4a7fd480 0%,#d7be8438 32%,#0000 70%);border-radius:50%;width:min(70vw,420px);height:min(70vw,420px);position:absolute}.op-seed{will-change:opacity, transform;pointer-events:none;background:radial-gradient(circle,#fffaf0f2 0%,#d7be84b3 35%,#4a7fd440 60%,#0000 75%);border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 0 12px 4px #d7be848c,0 0 36px 10px #4a7fd440}.op-gem-wrap{will-change:transform, opacity, filter;filter:drop-shadow(0 0 28px #4a7fd447);justify-content:center;align-items:center;width:min(78vw,480px);height:min(86vw,528px);display:flex;position:relative}.op-gem-svg{width:100%;height:100%;overflow:visible}.op-flare{mix-blend-mode:screen;pointer-events:none;will-change:opacity, transform;background:radial-gradient(circle at 42% 38%,#fffaf0d9 0%,#d7be8459 12%,#4a7fd424 28%,#0000 55%);border-radius:50%;width:min(120vw,900px);height:min(120vw,900px);position:absolute}.op-dust{mix-blend-mode:screen;pointer-events:none;will-change:opacity, transform;background:radial-gradient(circle at 30% 40%,#d7be8459 0%,#0000 8%),radial-gradient(circle at 70% 35%,#ecebe647 0%,#0000 6%),radial-gradient(circle at 55% 60%,#b99a5b4d 0%,#0000 7%),radial-gradient(circle at 42% 55%,#d7be8438 0%,#0000 5%),radial-gradient(circle at 62% 48%,#fffaf033 0%,#0000 4%);position:absolute;inset:-10%}.op-vignette{z-index:6;pointer-events:none;will-change:opacity;background:radial-gradient(58% 52% at 50% 45%,#0000 18%,#080a1059 55%,#040508e0 100%);position:absolute;inset:0}.op-particles{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.op-grain{z-index:7;pointer-events:none;opacity:.05;mix-blend-mode:overlay;will-change:opacity;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.op-type{z-index:8;text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:14px;padding:24px;display:flex;position:relative}.op-brand{font-family:var(--font-latin);color:var(--gold-light);letter-spacing:.28em;text-shadow:0 2px 28px #0a0c12a6,0 0 40px #d7be842e;will-change:filter, opacity, letter-spacing, transform;margin:0;font-size:clamp(1.55rem,5.4vw,2.05rem)}.op-sub{letter-spacing:.28em;color:#ecebe6d1;text-shadow:0 1px 18px #0a0c128c;will-change:filter, opacity, transform;flex-direction:column;align-items:center;gap:8px;font-size:.92rem;display:flex}.op-sub .latin{letter-spacing:.32em;color:#d7be84b8;text-transform:uppercase;font-size:.72rem}@media (width>=900px){.opening-gate{max-width:640px;padding:48px 40px}.opening-title{font-size:2.1rem}.op-brand{font-size:2.35rem}.op-planet{width:min(58vw,640px);height:min(58vw,640px)}.op-gem-wrap{width:min(42vw,460px);height:min(46vw,506px)}}@media (width>=900px) and (orientation:landscape) and (height<=900px){.opening-gate{padding-top:32px;padding-bottom:32px}.op-brand{font-size:1.9rem}.op-planet{width:min(52dvh,480px);height:min(52dvh,480px)}}@media (width<=389px){.op-brand{letter-spacing:.22em;font-size:1.35rem}}@media (orientation:portrait) and (width<=480px){.op-planet{width:110vw;height:110vw}.op-gem-wrap{width:82vw;height:90vw}}
