:root{color-scheme:dark;--pink:#ca087b;--cyan:#c2f9f2;--yellow:#ffe3a0;--violet:#713e9f;--ink:#39113e;font-family:"PingFang TC","Noto Serif TC","Microsoft JhengHei",serif;background:var(--pink);color:var(--cyan)}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 70% 40%,#e84eaa80,transparent 60%);isolation:isolate}body:before{content:"";position:fixed;inset:-20%;z-index:-2;background:repeating-radial-gradient(ellipse at 30% 70%,transparent 0 110px,#f06ac255 113px 119px,transparent 122px 160px,#7c459861 164px 170px,transparent 173px 240px);transform:rotate(-18deg);pointer-events:none}.texture{position:fixed;inset:0;opacity:.13;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#2a103033 3px 4px)}header,footer{display:flex;justify-content:space-between;align-items:center;margin:0 5vw;padding:28px 0;border-bottom:1px solid #c2f9f24d}.wordmark{font-weight:900;font-size:24px;letter-spacing:.16em;color:var(--cyan);text-decoration:none;text-shadow:0 0 14px #c2f9f285}.orbit-mark{font-size:36px}.form-layout{max-width:1280px;margin:auto;padding:70px 5vw 60px;display:grid;grid-template-columns:1.15fr 1fr;gap:9vw;align-items:center}.eyebrow{color:var(--yellow);letter-spacing:.2em;font-size:13px;line-height:1.8}h1{font-size:clamp(44px,5.5vw,76px);line-height:1.4;letter-spacing:.06em;margin:22px 0;text-shadow:0 0 25px #c2f9f280;max-width:7em}p{line-height:1.9}.lead{max-width:26em;font-size:16px}.caption{font-size:13px;letter-spacing:.12em}.portal{width:220px;height:180px;position:relative;margin:30px 0;display:grid;place-items:center}.portal i{position:absolute;border:2px solid var(--cyan);border-radius:50%;width:80%;height:65%;transform:rotate(-35deg);box-shadow:0 0 18px #baffef55,inset 0 0 14px #baffef55}.portal i:nth-child(2){transform:rotate(35deg)}.portal i:nth-child(3){transform:rotate(90deg)}.portal span{font-size:95px;filter:drop-shadow(0 0 15px var(--cyan));animation:breathe 4s ease-in-out infinite}.form-panel{background:#44133bdf;border:1px solid #ffa2d37a;box-shadow:16px 16px 0 #7a2d8166;padding:clamp(24px,4vw,48px);border-radius:3px;min-height:420px}label{display:block;font-size:15px;line-height:1.9}input[type=email]{width:100%;padding:16px 0;background:transparent;border:0;border-bottom:1px solid #c2f9f280;color:var(--cyan);font:18px sans-serif;border-radius:0;margin:10px 0 30px}input::placeholder{color:#c2f9f26b}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}.consent{display:flex;align-items:flex-start;gap:12px;font-size:14px}.consent input{margin-top:7px;accent-color:var(--yellow);width:18px;height:18px;flex-shrink:0}.privacy{font-size:12px;opacity:.7;margin:24px 0}.submit{width:100%;border:0;background:var(--yellow);color:var(--ink);font:700 17px inherit;padding:18px 22px;display:flex;justify-content:space-between;cursor:pointer;transition:transform .2s}.submit:hover{transform:translateY(-2px)}button:disabled{opacity:.5;cursor:wait}#status{color:var(--yellow);font-size:14px}h2{font-size:32px}.success-star{font-size:90px;color:var(--yellow)}footer{border-bottom:0;border-top:1px solid #c2f9f24d;font-size:12px;letter-spacing:.12em}.watch-layout{max-width:1000px;margin:auto;padding:45px 5vw}.watch-layout h1{max-width:none;font-size:clamp(32px,5vw,60px)}video{width:100%;max-height:70vh;background:#210c24;border:1px solid #c2f9f255}.watch-layout .lead{max-width:none}[hidden]{display:none!important}@keyframes breathe{50%{transform:scale(.9) rotate(15deg)}}@media(max-width:720px){header{padding:20px 0}.form-layout{grid-template-columns:1fr;gap:24px;padding-top:28px}h1{max-width:none;font-size:43px}.portal{display:none}.form-panel{min-height:unset}.caption{margin-bottom:0}footer{font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.form-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.form-layout>*{min-width:0}.form-panel{max-width:100%;overflow-wrap:anywhere}.consent span{min-width:0}h1{overflow-wrap:anywhere}@media(max-width:720px){.form-layout{grid-template-columns:minmax(0,1fr)}h1{font-size:clamp(34px,9vw,43px)}.form-panel{padding:24px}}
