.obs{--obs-void:#02050a;--obs-glass:#070e168c;--background:var(--obs-void);--color-background:var(--background);background:var(--obs-void);min-height:100dvh;color:var(--foreground);position:relative}@supports (color:lab(0% 0 0)){.obs{--obs-void:lab(1.35687% -.276513 -2.14278);--obs-glass:lab(3.66184% -.725724 -5.09484/.55)}}.obs .obs-space{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}.obs .obs-nebula{pointer-events:none;z-index:1;background:radial-gradient(52% 42% at 72% 16%, var(--sr-signal-07), transparent 70%), radial-gradient(40% 36% at 14% 88%, color-mix(in oklch, var(--signal) 5%, transparent), transparent 70%);position:fixed;inset:0}.obs .obs-vignette{pointer-events:none;z-index:2;background:radial-gradient(120% 95% at 50% 45%,#0000 55%,#010305d9 100%);background:radial-gradient(120% 95% at 50% 45%,#0000 55%,lab(.648676% -.133485 -1.17178/.85) 100%);position:fixed;inset:0}.obs .obs-bezel{pointer-events:none;z-index:3;border:1px solid var(--line);position:fixed;inset:clamp(10px,1.8vw,22px)}.obs .obs-bezel i{border:1px solid var(--sr-signal-40);width:12px;height:12px;position:absolute}.obs .obs-bezel i:first-child{border-width:1px 0 0 1px;top:-1px;left:-1px}.obs .obs-bezel i:nth-child(2){border-width:1px 1px 0 0;top:-1px;right:-1px}.obs .obs-bezel i:nth-child(3){border-width:0 0 1px 1px;bottom:-1px;left:-1px}.obs .obs-bezel i:nth-child(4){border-width:0 1px 1px 0;bottom:-1px;right:-1px}.obs .obs-hud{z-index:4;font:500 .58rem var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--sr-faint);opacity:0;animation:obsHudIn 1.1s var(--sr-ease) .9s forwards;align-items:center;gap:.55rem;display:inline-flex;position:fixed}.obs .obs-hud b{color:var(--muted-foreground);font-weight:500}.obs .obs-hud.tl{top:clamp(22px,3.4vw,40px);left:clamp(24px,3.6vw,44px)}.obs .obs-hud.tr{top:clamp(22px,3.4vw,40px);right:clamp(24px,3.6vw,44px)}.obs .obs-hud.bl{bottom:clamp(22px,3.4vw,40px);left:clamp(24px,3.6vw,44px)}.obs .obs-hud.br{bottom:clamp(22px,3.4vw,40px);right:clamp(24px,3.6vw,44px)}.obs .obs-lockup{align-items:center;gap:.55rem;text-decoration:none;display:inline-flex}.obs .obs-lockup .pip{background:var(--signal);width:9px;height:9px;box-shadow:0 0 12px var(--signal);border-radius:50%;flex:none;animation:1.8s ease-in-out infinite obsPulse}.obs .obs-lockup .mark{font-family:var(--font-display);letter-spacing:-.01em;color:var(--foreground);text-transform:none;font-size:1rem;font-weight:700}.obs .obs-lockup .mark b{color:var(--signal)}.obs .obs-lockup:focus-visible{outline:1px solid var(--signal);outline-offset:4px}.obs .obs-main{z-index:5;grid-template-columns:minmax(400px,460px) 1fr;align-items:center;width:min(1440px,100%);min-height:100dvh;margin-inline:auto;padding:clamp(4.2rem,9vh,6rem) clamp(1.2rem,4vw,4.5rem);display:grid;position:relative}.obs .obs-berth{min-width:0}.obs .obs-card{background:var(--obs-glass);-webkit-backdrop-filter:blur(16px)saturate(1.15);backdrop-filter:blur(16px)saturate(1.15);border:1px solid var(--line-2);width:100%;box-shadow:0 60px 120px -40px #000000d9, 0 0 90px -30px var(--sr-signal-40), inset 0 1px 0 #ffffff0d;opacity:0;animation:obsBerthIn 1.1s var(--sr-ease) .55s forwards;transform:perspective(1100px) rotateX(var(--obs-rx,0deg)) rotateY(var(--obs-ry,0deg));transition:box-shadow .5s var(--sr-ease);will-change:transform;border-radius:10px;padding:clamp(1.6rem,3.2vw,2.3rem);display:block;position:relative}@supports (color:lab(0% 0 0)){.obs .obs-card{box-shadow:0 60px 120px -40px lab(0% 0 0/.85), 0 0 90px -30px var(--sr-signal-40), inset 0 1px 0 lab(100% 0 0/.05)}}.obs .obs-card:focus-within{box-shadow:0 60px 120px -40px #000000d9, 0 0 90px -22px var(--sr-signal-40), inset 0 1px 0 #ffffff0d}@supports (color:lab(0% 0 0)){.obs .obs-card:focus-within{box-shadow:0 60px 120px -40px lab(0% 0 0/.85), 0 0 90px -22px var(--sr-signal-40), inset 0 1px 0 lab(100% 0 0/.05)}}.obs .obs-card:before,.obs .obs-card:after{content:"";pointer-events:none;width:15px;height:15px;position:absolute}.obs .obs-card:before{border-top:1px solid var(--sr-signal-40);border-left:1px solid var(--sr-signal-40);top:-5px;left:-5px}.obs .obs-card:after{border-bottom:1px solid var(--sr-signal-40);border-right:1px solid var(--sr-signal-40);bottom:-5px;right:-5px}.obs .obs-eyebrow{font:500 .62rem var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--sr-faint);margin:0 0 .7rem}.obs .obs-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--foreground);text-wrap:balance;margin:0;font-size:clamp(1.5rem,3.4vw,1.9rem);font-weight:500;line-height:1.18}.obs .obs-title em{color:var(--signal);text-shadow:0 0 26px var(--sr-signal-40);font-style:normal}.obs .obs-lede{color:var(--muted-foreground);max-width:36ch;margin:.8rem 0 0;font-size:.92rem;line-height:1.6}.obs .obs-card form{margin-top:1.7rem}.obs .obs-field{margin-bottom:1.5rem;position:relative}.obs .obs-input{border:0;border-bottom:1px solid var(--line-2);width:100%;font:400 1rem var(--font-sans);color:var(--foreground);caret-color:var(--signal);background:0 0;border-radius:0;padding:1.1rem 3.4rem .55rem 0}.obs .obs-input:focus{outline:none}.obs .obs-field label{font:400 .95rem var(--font-sans);color:var(--sr-faint);pointer-events:none;transition:top .3s var(--sr-ease), font-size .3s var(--sr-ease), letter-spacing .3s var(--sr-ease), color .3s var(--sr-ease);position:absolute;top:.9rem;left:0}.obs .obs-input:focus+label,.obs .obs-input:not(:placeholder-shown)+label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--signal);font-size:.58rem;top:-.4rem}.obs .obs-trace{background:linear-gradient(90deg, var(--signal), var(--sr-signal-40));height:1px;box-shadow:0 0 12px var(--sr-signal-40);transform-origin:0;transition:transform .5s var(--sr-ease);position:absolute;top:2.65rem;left:0;right:0;transform:scaleX(0)}.obs .obs-input:focus~.obs-trace{transform:scaleX(1)}.obs .obs-peek{cursor:pointer;font:700 .56rem var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--sr-faint);background:0 0;border:0;padding:0;position:absolute;top:1rem;right:0}.obs .obs-peek:hover{color:var(--signal)}.obs .obs-peek:focus-visible{outline:1px solid var(--signal);outline-offset:3px}.obs .obs-input:-webkit-autofill{-webkit-text-fill-color:var(--foreground);transition:background-color 9999s ease-out;-webkit-box-shadow:inset 0 0 0 40px #070e16}.obs .obs-field p[role=alert]{margin:.45rem 0 0}.obs .obs-input~div{margin-top:.55rem}.obs .obs-card form>p[role=alert]{margin:0 0 1.2rem}.obs .obs-launch{cursor:pointer;background:color-mix(in oklch, var(--signal) 6%, transparent);width:100%;min-height:52px;color:var(--signal);border:1px solid var(--sr-signal-40);font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;transition:background .35s var(--sr-ease), color .35s var(--sr-ease), box-shadow .35s var(--sr-ease), border-color .35s var(--sr-ease);border-radius:6px;justify-content:center;align-items:center;font-size:.85rem;font-weight:500;display:inline-flex;position:relative}.obs .obs-sat{display:none}@supports (offset-path:border-box){.obs .obs-sat{background:var(--signal);width:5px;height:5px;box-shadow:0 0 10px var(--signal);offset-path:border-box;offset-distance:0%;border-radius:50%;animation:6s linear infinite obsOrbit;display:block;position:absolute}}.obs .obs-launch:hover{background:var(--signal);color:var(--obs-void);border-color:var(--signal);box-shadow:0 14px 44px -12px var(--sr-signal-40), 0 0 34px -6px var(--sr-signal-40)}.obs .obs-launch:hover .obs-sat{animation-duration:1.6s}.obs .obs-launch:active{transform:translateY(1px)}.obs .obs-launch:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}.obs .obs-launch:disabled{cursor:wait;opacity:.75}.obs .obs-passage{border-top:1px solid var(--line);font:500 .68rem var(--font-mono);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.45rem;padding-top:1.15rem;display:flex}.obs .obs-passage a{color:var(--muted-foreground);text-decoration:none;transition:color .25s,text-shadow .25s}.obs .obs-passage a.on{color:var(--signal)}.obs .obs-passage a:hover{color:var(--signal);text-shadow:0 0 12px var(--sr-signal-40)}.obs .obs-passage a:focus-visible{outline:1px solid var(--signal);outline-offset:3px}.obs .obs-seals{font:500 .54rem var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--sr-faint);flex-wrap:wrap;gap:1.1rem;margin-top:1rem;padding:0;list-style:none;display:flex}.obs .obs-seals li{align-items:center;gap:.4rem;display:inline-flex}.obs .obs-seals li:before{content:"";background:var(--signal);opacity:.65;width:4px;height:4px;transform:rotate(45deg)}.obs .obs-terms{color:var(--muted-foreground);font-size:.75rem;line-height:1.55}@keyframes obsBerthIn{0%{opacity:0;filter:blur(10px);transform:perspective(1100px)translateY(22px)}to{opacity:1;transform:perspective(1100px) rotateX(var(--obs-rx,0deg)) rotateY(var(--obs-ry,0deg));filter:blur()}}@keyframes obsHudIn{to{opacity:1}}@keyframes obsPulse{50%{opacity:.35}}@keyframes obsOrbit{to{offset-distance:100%}}@media (max-width:1023px){.obs .obs-main{grid-template-columns:1fr;justify-items:center}.obs .obs-berth{width:min(440px,100%)}.obs .obs-hud.tr,.obs .obs-hud.bl{display:none}}@media (prefers-reduced-motion:reduce){.obs .obs-card{opacity:1;animation:none;transform:none}.obs .obs-hud{opacity:1;animation:none}.obs .obs-lockup .pip{animation:none}.obs .obs-sat{display:none}.obs .obs-field label,.obs .obs-trace,.obs .obs-launch{transition:none}}
