@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#070c13;--bg-deep:#06090e;--white:#f3f1ec;--muted:#9ca7af;--faint:#67747e;--line:rgba(180,199,207,.13);--gold:#e5ba7d;--blue:#82d7d7;--radius:9px;--font-head:'Space Grotesk',Arial,sans-serif;--font-body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font-body);font-size:16px;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 52% 46% at 77% 24%,rgba(45,119,135,.13),transparent 76%),radial-gradient(ellipse 37% 38% at 9% 74%,rgba(146,91,45,.07),transparent 78%),linear-gradient(180deg,#090f18 0%,#080c12 70%,#07090d 100%);z-index:-2}.visual-noise{position:fixed;inset:0;opacity:.12;z-index:1;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='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.34'/%3E%3C/svg%3E")}.world-grid{position:absolute;z-index:-1;top:0;left:0;right:0;height:850px;pointer-events:none;background-image:linear-gradient(rgba(117,164,172,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(117,164,172,.028) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,transparent,black 9%,black 55%,transparent)}.pointer-glow{position:fixed;width:900px;height:900px;left:var(--mouse-x,70%);top:var(--mouse-y,15%);transform:translate(-50%,-50%);pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(25,82,98,.064),transparent 60%)}#particles{position:absolute;top:0;left:0;width:100%;height:900px;pointer-events:none;z-index:-1;opacity:.65}a{color:inherit}button{font:inherit}.shell{max-width:1392px;padding:0 70px;margin:auto;position:relative}.site-header{height:118px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(216,227,226,.09);position:relative;z-index:3}.brand{display:flex;align-items:center;gap:19px;text-decoration:none}.brand img{width:136px;height:auto;display:block}.brand-line{height:22px;width:1px;background:rgba(198,224,226,.25)}.brand-sub{font-family:var(--font-head);letter-spacing:2.15px;font-size:9px;color:#a0aeb5;font-weight:600;white-space:nowrap}.top-status{color:#a8d6cf;font-size:10px;font-weight:700;letter-spacing:1.5px;display:flex;align-items:center;gap:12px;white-space:nowrap}.signal-dot,.meta-dot{display:inline-block;width:7px;height:7px;background:#a1dbbf;border-radius:50%;box-shadow:0 0 14px #84d0aa;animation:pulse 2.8s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 18px 4px rgba(117,225,171,.38);opacity:.66}}.hero{min-height:610px;display:grid;grid-template-columns:1.08fr .92fr;position:relative;align-items:center;gap:15px;padding:68px 0 79px}.hero-copy{position:relative;z-index:2;align-self:center;padding-top:4px}.eyebrow,.section-kicker{font-family:var(--font-head);font-weight:700;letter-spacing:2.3px;font-size:10px;color:var(--gold)}.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:24px}.eyebrow-icon{font-size:22px;font-weight:400;line-height:1}.eyebrow-separator{color:#5e747d}.over-title{font-family:var(--font-head);color:#7996a1;font-size:11px;font-weight:600;letter-spacing:5px;margin:0 0 12px}h1,h2,p{margin-top:0}h1,h2{font-family:var(--font-head)}h1{font-size:clamp(52px,5.2vw,78px);letter-spacing:-4.8px;line-height:1.06;font-weight:600;margin:0 0 24px}.gradient-text{background:linear-gradient(102deg,#f7f0df 7%,#e9bd7e 50%,#b88558 95%);background-clip:text;-webkit-background-clip:text;color:transparent}.title-dot{color:#edba76}.hero-lead{color:#aab3b9;font-size:16px;line-height:1.85;max-width:478px;margin-bottom:37px}.hero-lead strong{color:#e6ded0;font-weight:600}.data-rows{max-width:435px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0}.data-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:9px 0;font-size:10px;letter-spacing:1.5px;font-family:var(--font-head)}.data-row>span{color:#758893;font-weight:600}.data-row>strong{color:#c1cbd0;font-weight:600;text-align:right}.data-row .data-accent{color:var(--gold)}.hero-art{position:relative;width:100%;height:512px;min-width:0;display:flex;justify-content:center;align-items:center;isolation:isolate}.hero-art::before{content:"";position:absolute;inset:-45px 0;background:radial-gradient(circle at 50% 46%,rgba(52,152,166,.13),transparent 53%);z-index:-2}.hero-art::after{content:"";position:absolute;width:84%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(240,165,83,.085) 0%,transparent 65%);filter:blur(38px);z-index:-2}.orbital-scene{position:relative;width:min(100%,500px);aspect-ratio:1;display:grid;place-items:center}.arc{position:absolute;inset:0;border-radius:50%;pointer-events:none}.arc-outer{inset:0;border:1px solid rgba(177,206,209,.15);border-top-color:rgba(191,215,219,.34);transform:rotate(16deg);animation:turn 80s linear infinite}.arc-outer::before,.arc-outer::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#abd6d5;box-shadow:0 0 10px #80d3d6;top:13.5%;left:14%}.arc-outer::after{top:auto;left:auto;bottom:12%;right:12%;width:3px;height:3px}.arc-middle{inset:8%;border:1px dashed rgba(184,204,209,.24);animation:turn-reverse 100s linear infinite}.arc-inner{inset:18%;border:2px solid rgba(112,173,188,.17);border-left-color:rgba(237,185,117,.67);border-right-color:rgba(238,184,122,.48);transform:rotate(-28deg);animation:turn 24s linear infinite}.arc-dash{inset:4%;background:conic-gradient(from 5deg,transparent 0 19%,rgba(226,176,110,.75) 20%,transparent 22%,transparent 56%,rgba(226,176,110,.27) 57%,transparent 59%);mask:radial-gradient(closest-side,transparent calc(100% - 2px),black calc(100% - 1px));animation:turn 40s linear infinite}.scan-beam{position:absolute;inset:10%;background:conic-gradient(from 0deg,transparent 0 310deg,rgba(101,204,216,.03) 321deg,rgba(101,204,216,.10) 351deg,transparent 360deg);border-radius:50%;animation:turn 11s linear infinite}.scene-crosshair{position:absolute;background:linear-gradient(90deg,transparent,rgba(124,178,190,.16) 30%,rgba(124,178,190,.16) 70%,transparent)}.crosshair-h{width:112%;height:1px}.crosshair-v{height:112%;width:1px;transform:rotate(90deg)}.orb-halo{position:absolute;width:57%;height:57%;border-radius:50%;background:radial-gradient(circle,rgba(233,175,95,.19),rgba(29,88,96,.08) 45%,transparent 73%);filter:blur(18px)}.central-orb{position:relative;width:53%;aspect-ratio:1;border-radius:50%;overflow:hidden;display:grid;place-items:center;box-shadow:0 0 1px 1px rgba(188,196,183,.23),0 0 60px rgba(32,144,154,.12),0 0 114px rgba(148,89,48,.08),inset 0 0 42px rgba(240,175,102,.12);background:radial-gradient(circle at 36% 26%,rgba(233,227,193,.27),transparent 24%),radial-gradient(circle at 47% 47%,#264654 0%,#132632 40%,#0a1923 71%,#09131b 100%);border:1px solid rgba(228,189,139,.46)}.central-orb::before{content:"";position:absolute;inset:-30%;background:repeating-conic-gradient(from 0deg,transparent 0deg 9deg,rgba(211,222,219,.035) 10deg 11deg,transparent 12deg 19deg);animation:turn 120s linear infinite}.central-orb::after{content:"";position:absolute;inset:5%;border-radius:50%;border:1px solid rgba(176,206,210,.12)}.orb-highlight{position:absolute;width:66%;height:6%;background:#f4e2b9;filter:blur(32px);top:11%;opacity:.6}.orb-data{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center}.orb-data strong{font-family:var(--font-head);font-size:clamp(53px,5.5vw,80px);font-weight:500;letter-spacing:-6px;line-height:1.15;color:#f0dcc0;text-shadow:0 0 22px rgba(225,179,117,.3)}.orb-small{font:600 8px var(--font-head);letter-spacing:2.7px;color:#9ec2c4}.orbit-mark{width:7px;height:7px;border-radius:50%;background:#efc48b;box-shadow:0 0 20px rgba(234,184,118,.6);position:absolute}.orbit-mark-1{left:12%;top:24%}.orbit-mark-2{right:14%;bottom:23%;width:4px;height:4px}.orbit-mark-3{right:25%;top:9%;width:3px;height:3px;background:#9fddd8}.orbit-label{position:absolute;z-index:2;font:600 9px var(--font-head);color:#8aabb5;letter-spacing:1.5px}.orbit-label-one{top:33px;left:3px}.orbit-label-two{right:-7px;bottom:55px;color:#a88d70}.art-bottom-line{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;gap:40px;width:70%;max-width:340px;font:600 9px var(--font-head);letter-spacing:1.8px;white-space:nowrap}.art-bottom-line span{color:#70858e}.art-bottom-line strong{color:var(--gold)}@keyframes turn{to{transform:rotate(360deg)}}@keyframes turn-reverse{to{transform:rotate(-360deg)}}
.portal{background:linear-gradient(125deg,rgba(19,32,41,.93),rgba(12,21,30,.92));border:1px solid rgba(150,185,194,.24);box-shadow:0 18px 90px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.03);position:relative;overflow:hidden;margin-bottom:30px}.portal::before{content:"";position:absolute;top:0;left:0;width:240px;height:2px;background:linear-gradient(90deg,#e8bc83,transparent)}.portal::after{content:"";position:absolute;width:520px;height:520px;right:-320px;top:-330px;border-radius:50%;background:radial-gradient(circle,rgba(39,117,132,.10),transparent 70%);pointer-events:none}.portal-meta{padding:23px 35px;display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--line);font:600 9px var(--font-head);letter-spacing:1.85px;color:#849ba6}.portal-meta>span:first-child{display:flex;align-items:center;gap:11px;color:#bbd9cc}.meta-dot{width:5px;height:5px}.portal-content{padding:54px 52px 52px;display:grid;grid-template-columns:.92fr 1.08fr;gap:40px;align-items:center}.countdown-intro h2,.reveal-heading h2{font-size:37px;letter-spacing:-1.3px;line-height:1.15;font-weight:500;margin:15px 0}.gold-period{color:var(--gold)}.countdown-intro p{font-size:13px;color:#a0aeb7;line-height:1.9;max-width:380px;margin-bottom:0}.countdown{display:flex;align-items:flex-start;justify-content:flex-end;gap:10px;min-width:0}.time-unit{display:flex;flex-direction:column;align-items:center;min-width:0;flex:1}.time-value{font:500 clamp(35px,3.5vw,52px)/1.1 var(--font-head);letter-spacing:-2px;color:#f4f0e9;min-width:2ch;text-align:center;font-variant-numeric:tabular-nums}.time-label{color:#8196a1;font:600 9px var(--font-head);letter-spacing:1.8px;margin-top:14px}.time-separator{font:400 32px/1.45 var(--font-head);color:#8a9ba4}.encrypted-message{border-top:1px solid var(--line);padding:22px 35px;display:flex;gap:18px;align-items:center;background:rgba(5,12,18,.28)}.lock-icon{width:42px;height:42px;border:1px solid rgba(234,186,125,.27);display:grid;place-items:center;color:#d4af78;flex:none;background:rgba(229,186,125,.04)}.encrypted-copy{display:flex;flex-direction:column;gap:7px;min-width:0}.encrypted-copy strong{font:700 10px var(--font-head);letter-spacing:1.45px;color:#d4d9da}.encrypted-copy span{font-size:12px;color:#879aa3;line-height:1.6}.encrypted-code{margin-left:auto;color:#a88b65;white-space:nowrap;font:500 12px var(--font-head);letter-spacing:1.8px}.below-panel{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 7px 65px}.below-point{display:flex;align-items:center;gap:15px}.asterisk{color:var(--gold);font-size:25px}.below-point>div{display:flex;flex-direction:column;gap:4px}.below-point strong{font-size:12px;letter-spacing:.1px;font-weight:600}.below-point span:not(.asterisk){color:#7e929b;font-size:11px}.below-note{font:600 9px var(--font-head);color:#566f79;letter-spacing:1.3px}footer{border-top:1px solid var(--line);padding:25px 0 39px;display:flex;justify-content:space-between;gap:20px;color:#647780;font:600 9px var(--font-head);letter-spacing:1.5px}#openView{padding:48px 55px 50px}#openView[hidden],#lockedView[hidden],#errorView[hidden],[hidden]{display:none!important}.reveal-heading{margin-bottom:30px}.reveal-heading h2{max-width:640px;font-size:38px}.letter{background:rgba(8,14,20,.66);border:1px solid var(--line);padding:31px 38px 25px;position:relative}.letter::after{content:'✳';position:absolute;right:27px;bottom:18px;color:rgba(210,170,111,.13);font-size:110px;line-height:1}.letter-meta{display:flex;justify-content:space-between;gap:15px;padding-bottom:23px;border-bottom:1px solid var(--line);color:#9bb4bc;font:600 10px var(--font-head);letter-spacing:1.5px}.letter p{max-width:800px;font-size:15px;line-height:1.85;color:#b9c4c8;position:relative;z-index:2}.letter .letter-salutation{margin-top:26px;font-weight:700;color:#f1e6d6}.letter strong{color:#f1e0c6;font-weight:600}.letter-signature{margin-top:25px!important;color:#f0e1ca!important;font-weight:600}.letter-signature span{color:#d1a976}.coordinates-panel{margin-top:24px;border:1px solid rgba(223,184,130,.32);padding:34px 38px 25px;background:linear-gradient(135deg,rgba(169,115,68,.08),rgba(16,39,44,.34));position:relative}.coordinates-heading{display:flex;justify-content:space-between;align-items:center}.location-pin{font-size:35px;color:#e4bd84}.coordinates-label{color:#879da7;font:600 10px var(--font-head);letter-spacing:1.6px;margin:12px 0}.coordinates-value{font:500 clamp(25px,3vw,42px)/1.3 var(--font-head);color:#f6dfb9;letter-spacing:-.5px;display:block;overflow-wrap:anywhere}.location-hint{font-size:13px;color:#b6c3c6;line-height:1.8;margin:17px 0 0}.action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.action{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:45px;padding:0 20px;text-decoration:none;font:700 10px var(--font-head);letter-spacing:1.1px;cursor:pointer;border:1px solid transparent;transition:transform .18s,background .18s,border-color .18s}.action:hover{transform:translateY(-2px)}.action:focus-visible,a:focus-visible{outline:2px solid #d9aa66;outline-offset:3px}.action-primary{background:#ddb57e;color:#101820}.action-primary:hover{background:#f0cca0}.action-secondary{border-color:rgba(212,229,225,.3);color:#e6e8e5;background:rgba(19,28,34,.65)}.action-secondary:hover{background:rgba(56,75,81,.5)}.location-disclaimer{font-size:11px;line-height:1.7;color:#7f929a;margin:22px 0 0}.error-view{padding:50px 55px;color:#d6d9d6}.error-view strong{color:#edd0a3;letter-spacing:1.5px;font:700 12px var(--font-head)}.error-view p{font-size:14px;line-height:1.8;color:#a4b5bb;margin:18px 0 26px}.error-view .action{padding:12px 20px}
@media (max-width:1100px){.shell{padding:0 42px}.hero{grid-template-columns:1fr .86fr;min-height:570px;padding:52px 0}h1{font-size:clamp(48px,5.3vw,68px);letter-spacing:-3.3px}.hero-art{height:430px}.portal-content{padding:45px 35px;gap:18px}.countdown{gap:4px}.time-value{font-size:38px}.time-separator{font-size:25px}}
@media (max-width:780px){.shell{padding:0 25px}.site-header{height:94px}.brand img{width:125px}.brand-line,.brand-sub{display:none}.top-status{font-size:9px;letter-spacing:1px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:60px 0 35px;gap:0;min-height:0}.hero-copy{width:100%;align-self:stretch}.hero-art{height:auto;aspect-ratio:1;max-width:440px;margin:-16px auto 15px}.hero-lead{margin-bottom:27px}h1{font-size:clamp(49px,9vw,68px);letter-spacing:-3px}.orbital-scene{max-width:440px}.portal-content{display:flex;flex-direction:column;align-items:stretch;padding:36px 26px 40px;gap:32px}.countdown{justify-content:space-between;width:100%}.time-value{font-size:clamp(36px,7vw,50px)}.portal-meta{padding:20px 25px}.portal-meta>span:last-child{display:none}.encrypted-message{padding:20px 25px}.encrypted-code{display:none}#openView{padding:38px 25px}.below-note{display:none}footer span:nth-child(2){display:none}}
@media (max-width:440px){.shell{padding:0 18px}.site-header{height:80px}.brand img{width:110px}.top-status{font-size:8px;letter-spacing:.6px;gap:7px}.signal-dot{width:6px;height:6px}.hero{padding:45px 0 24px}.eyebrow{font-size:9px;letter-spacing:1.55px;margin-bottom:22px}.over-title{font-size:9px;letter-spacing:3.2px}h1{font-size:clamp(39px,11.3vw,51px);letter-spacing:-2.4px}.hero-lead{font-size:14px;line-height:1.8;margin-bottom:20px}.data-rows{padding:6px 0}.data-row{font-size:9px;letter-spacing:1px}.hero-art{width:100%;margin:-8px auto 0}.orbit-label{font-size:7px}.orbit-label-one{top:13px;left:0}.orbit-label-two{bottom:43px;right:0}.art-bottom-line{bottom:0;width:84%;font-size:8px;gap:10px}.orb-data strong{font-size:49px}.orb-small{font-size:6px}.portal-meta{padding:18px 20px;font-size:8px}.portal-content{padding:32px 20px 35px;gap:30px}.countdown-intro h2,.reveal-heading h2{font-size:31px}.countdown-intro p{font-size:12px}.countdown{gap:0}.time-value{font-size:clamp(31px,9vw,39px);letter-spacing:-2px}.time-separator{font-size:21px;line-height:1.65}.time-label{font-size:8px;letter-spacing:.6px;margin-top:9px}.encrypted-message{padding:19px;gap:13px}.lock-icon{width:36px;height:36px}.encrypted-copy strong{font-size:9px}.encrypted-copy span{font-size:11px}.below-panel{padding:20px 4px 50px}footer{font-size:8px;letter-spacing:1px}#openView{padding:35px 18px}.reveal-heading h2{font-size:29px}.letter{padding:22px}.letter-meta{font-size:8px;letter-spacing:.6px}.letter p{font-size:13px}.coordinates-panel{padding:24px 20px}.coordinates-value{font-size:24px}.action{width:100%}.error-view{padding:35px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}#particles{display:none}}