.login-page{min-height:100svh;display:flex;justify-content:center;align-items:flex-start;background:#080611 url("assets/pixel-friends.gif") center bottom/cover no-repeat;padding:36px 24px 290px;color:#f1eef8}.login-panel{flex:0 1 430px;min-width:0;max-width:430px;width:min(100%,430px);padding:24px 30px;background:#171421;border:1px solid #393147;border-radius:16px}.login-panel>img{display:block;width:150px;height:50px;max-width:100%;object-fit:contain;margin:0 auto}.login-panel h1{font-size:1.8rem;line-height:1.15;margin:14px 0 12px;letter-spacing:-.025em}.login-panel p{line-height:1.5}.login-panel .small-note,.login-privacy{color:#bdb5cc}.login-panel form{display:grid;gap:10px;margin-top:16px}.login-panel label{font-weight:600;color:#f1eef8}.login-panel input{width:100%;min-height:48px;background:#fff;color:#292a35;border:1px solid #c9c2d6;border-radius:8px;padding:10px 12px;font:inherit}.login-panel input:focus-visible{outline:3px solid #ac91ff;outline-offset:3px}.login-panel>.button,.login-panel form .button{width:100%;margin-top:8px}.login-panel #email-form .button{background:#7250d8;color:#fff;border-color:#7250d8}.login-panel #email-form .button:hover{background:#8060df}.login-panel #email-form .button:disabled{opacity:.6;cursor:wait}.login-divider{display:flex;align-items:center;gap:16px;margin:24px 0;color:#bdb5cc}.login-divider:before,.login-divider:after{content:'';height:1px;flex:1;background:#393147}#login-status{min-height:1.5em;line-height:1.5;margin:14px 0}.login-privacy{font-size:.875rem;line-height:1.6;margin:16px 0 0}.login-panel [hidden]{display:none}.login-panel ::selection{background:#7652cd;color:#fff}@media(min-width:1100px) and (min-height:850px){.login-page{padding-top:48px;padding-bottom:320px}}@media(max-width:700px){.login-page{padding:24px 16px 230px;background-size:100% auto}.login-panel{padding:24px;width:min(100%,430px)}}

#login-status:empty{display:none}
/* Premium page: the sign-in panel, a little wider for its feature list. */
.premium-panel{flex-basis:520px;max-width:520px;width:min(100%,520px)}.premium-panel h2{font-size:1.1rem;margin:22px 0 8px}.premium-panel ul{margin:0;padding-left:1.2em;line-height:1.7}.premium-panel strong{color:#fff}.premium-panel .small-note{font-size:.875rem;line-height:1.6;margin-top:20px}
/* Wide screens: price and trial beside the feature list, so the panel stays short like sign-in. */
.premium-free>:last-child{margin-bottom:0}@media(min-width:900px){.premium-panel{flex-basis:880px;max-width:880px;width:min(100%,880px);display:grid;grid-template-columns:1fr 1fr;grid-template-areas:'intro list' 'free list';align-content:start;column-gap:40px;padding:28px 36px}.premium-intro{grid-area:intro}.premium-list{grid-area:list}.premium-free{grid-area:free}.premium-panel .premium-intro>img{margin:0}.premium-list h2{margin-top:6px}}
/* Premium purchase: plan buttons, status line and legal links. */
.premium-action{margin-top:20px}.premium-action h2{margin-top:0}.premium-message{margin:0 0 12px;font-weight:600;color:#f1eef8}.premium-action .button{width:100%;min-height:48px;font-size:15px}.premium-action .button+.button{margin-top:10px}.premium-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.premium-buttons .button+.button{margin-top:0}.premium-panel .premium-action .small-note{margin-top:12px}
.premium-legal{margin-top:24px;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.875rem}.premium-legal a{color:#bdb5cc;text-decoration:underline;text-underline-offset:3px;padding:6px 0}.premium-legal a:hover{color:#fff}
@media(max-width:480px){.premium-buttons{grid-template-columns:1fr}}
@media(min-width:900px){.premium-panel{grid-template-areas:'intro list' 'action list' 'free list' 'legal legal'}.premium-action{grid-area:action;margin-top:0}.premium-legal{grid-area:legal;margin-top:8px}}
/* Legal pages: the same panel, a little wider for reading. */
.legal-panel{flex-basis:680px;max-width:680px;width:min(100%,680px)}.legal-panel h2{font-size:1.1rem;margin:22px 0 6px}.legal-panel p,.legal-panel li{line-height:1.6}.legal-panel ul{margin:0;padding-left:1.2em}.legal-panel a{color:#c9b8ff;text-decoration:underline;text-underline-offset:3px}.legal-back{margin-top:24px}
/* Legal pages: smaller sub-headings, a placeholder the owner still has to fill, and the shared footer links. */
.legal-panel h3{font-size:1rem;margin:16px 0 4px;color:#fff}.legal-panel ol{margin:0;padding-left:1.4em}.legal-panel ol li{margin-bottom:4px}
.legal-links{margin-top:28px;padding-top:16px;border-top:1px solid #393147;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.875rem}.legal-panel .legal-links a,.legal-links a{color:#bdb5cc;text-decoration:underline;text-underline-offset:3px;padding:6px 0}.legal-links a:hover{color:#fff}
/* Public home (signed-out /): the sign-in panel, widened like Premium, with the feature list beside the intro on wide screens. */
.home-panel{flex-basis:520px;max-width:520px;width:min(100%,520px)}.home-panel h1{font-size:1.9rem}.home-panel h2{font-size:1.1rem;margin:24px 0 8px}.home-panel strong{color:#fff}.home-panel ul{margin:0;padding-left:1.2em;line-height:1.6}.home-panel li{margin-bottom:8px}.home-panel .small-note{font-size:.875rem;line-height:1.6}
.home-note{padding:12px 14px;border:1px solid #393147;border-radius:10px;background:#1f1a2c}.home-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.home-actions .button{flex:1 1 140px;min-height:44px;font-size:.95rem}.home-actions .button.primary{background:#7250d8;border-color:#7250d8}.home-actions .button.primary:hover{background:#8060df}
.home-features li strong{display:inline}.home-demo>:last-child{margin-bottom:0}
@media(min-width:900px){.home-panel{flex-basis:900px;max-width:900px;width:min(100%,900px);display:grid;grid-template-columns:1fr 1fr;grid-template-areas:'intro features' 'demo features' 'links links';align-content:start;column-gap:44px;padding:30px 36px}.home-intro{grid-area:intro}.home-features{grid-area:features}.home-demo{grid-area:demo}.home-links{grid-area:links}.home-panel .home-intro>img{margin:0}.home-features h2{margin-top:6px}}
.contact-email{font-size:1.25rem;font-weight:600;margin:14px 0 6px}
.legal-panel ul+p,.legal-panel ol+p{margin-top:14px}