:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#05120f;color:#eafcf4}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 80% 15%,#0a4738 0%,transparent 48%),radial-gradient(ellipse at 0% 90%,#174536 0%,transparent 45%),#05120f}
a{color:#8befc0;text-underline-offset:3px}a:hover{color:#d6fff1}
.universe{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px max(24px,env(safe-area-inset-bottom))}
.panel{width:min(100%,450px);border:1px solid #2d745c;background:linear-gradient(135deg,rgba(14,41,33,.96),rgba(4,21,18,.98));border-radius:25px;padding:clamp(22px,6vw,42px);box-shadow:0 26px 85px #0009,0 0 60px #124d3b44}
.star{height:75px;position:relative;display:grid;place-items:center}.core{font-size:37px;color:#b5ffe0;text-shadow:0 0 25px #42ffc6}.orbit{position:absolute;border:1px solid #3fc79a;border-radius:50%;width:71px;height:38px;transform:rotate(-33deg)}.orbit-b{transform:rotate(40deg)}
.eyebrow{text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:.19em;color:#84e4bc;font-size:.72rem}
h1{text-align:center;font-size:clamp(1.55rem,5vw,2.14rem);margin:.45rem 0 0;font-weight:520}h1 strong{color:#a9ffd8;font-weight:800}
.lead{text-align:center;line-height:1.55;color:#b5d4c6;font-size:.94rem;margin:12px 0 28px}
form{display:flex;flex-direction:column}label{font-weight:660;font-size:.85rem;margin:11px 0 7px}
input{width:100%;font:inherit;color:#fff;background:#0a241d;border:1px solid #397660;border-radius:12px;padding:13px 14px;min-height:49px;outline:none}input:focus{border-color:#8af4c3;box-shadow:0 0 0 3px #37e6a33b}
button,.google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:49px;border:0;border-radius:12px;font:inherit;font-weight:760;text-decoration:none;cursor:pointer}
button{margin-top:22px;background:#87ebbb;color:#082a1e}button:hover{background:#bbffdc}button:disabled{opacity:.5;cursor:wait}
.google{border:1px solid #4aa380;background:#153d31;color:#ecfff5;padding:10px}.google:hover{background:#205a44}
.separator{display:flex;align-items:center;gap:15px;margin:13px 0 18px;color:#a5bcb1;font-size:.86rem}.separator:before,.separator:after{content:"";height:1px;background:#2d6753;flex:1}
.form-status{min-height:18px;margin:10px 0 0;color:#ffd7a0;font-size:.84rem;text-align:center}.unavailable{padding:10px;text-align:center;color:#a9cfc0;border:1px dashed #35574a;border-radius:10px;font-size:.84rem;margin:0}
.intro-note{font-size:.82rem;color:#afc9ba;line-height:1.55;text-align:center;margin:24px 0 0}
footer{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;font-size:.77rem;margin-top:24px;color:#8ab09e}
@media(min-width:820px){.panel{margin-top:25px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}