:root{--color-stage:#071a38;--color-stage-shade:#030c1c7a;--color-action:#091a3ad1;--color-action-text:#fff4c7;--color-action-border:#ffffff94;--color-focus:#f3ce63;--font-size-action:clamp(.75rem, 1.25vw, 1rem);--space-1:.25rem;--space-3:.75rem;--space-4:1rem;--space-7:1.75rem;--space-14:3.5rem;--blur-backdrop:24px;--blur-action:10px;--shadow-action:0 10px 30px #030c1c6b;--radius-pill:999px}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{background:var(--color-stage);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button{font:inherit}.landing-stage{isolation:isolate;background:var(--color-stage);place-items:center;width:100%;min-height:100dvh;display:grid;position:relative;overflow:hidden}.landing-backdrop{z-index:-3;object-fit:cover;filter:blur(var(--blur-backdrop));transform:scale(1.08)}.landing-shade{z-index:-2;background:var(--color-stage-shade);position:absolute;inset:0}.artwork-stage{aspect-ratio:43/24;width:min(100vw,179.167dvh);position:relative;overflow:hidden}.artwork-image{object-fit:contain}.discover-action{z-index:1;min-width:clamp(7.5rem,14vw,11rem);padding:clamp(var(--space-3), 1.45vw, var(--space-4)) clamp(var(--space-7), 3vw, var(--space-14));border:1px solid var(--color-action-border);border-radius:var(--radius-pill);color:var(--color-action-text);background:var(--color-action);box-shadow:var(--shadow-action);font-size:var(--font-size-action);letter-spacing:.06em;text-align:center;white-space:nowrap;opacity:1;-webkit-backdrop-filter:blur(var(--blur-action));font-weight:700;line-height:1;position:absolute;bottom:16%;right:14%}.discover-action:disabled{cursor:default}@media (max-width:480px){.discover-action{min-width:6.5rem;padding-inline:var(--space-4);bottom:12%;right:10%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}.login-stage{isolation:isolate;background:#0d2857;place-items:center;width:100%;min-height:100dvh;display:grid;position:relative;overflow:hidden}.login-backdrop{z-index:-3;object-fit:cover;transform:scale(1.05)}.login-shade{z-index:-2;background:#0d28574d;position:absolute;inset:0}.login-card{z-index:10;-webkit-backdrop-filter:blur(20px);color:#fff;background:#ffffff26;border:1px solid #ffffff4d;border-radius:16px;flex-direction:column;gap:1.5rem;width:90%;max-width:400px;padding:2.5rem 2rem;display:flex;position:relative;box-shadow:0 20px 40px #0003}.login-title{text-align:center;color:#fff;text-shadow:0 2px 4px #0003;margin:0;font-size:1.75rem;font-weight:700}.login-form{flex-direction:column;gap:1rem;display:flex}.login-input{color:#fff;background:#ffffff1a;border:1px solid #fff6;border-radius:8px;outline:none;width:100%;padding:.8rem 1rem;font-size:1rem;transition:all .2s}.login-input::placeholder{color:#ffffffb3}.login-input:focus{background:#fff3;border-color:#a3d9fa;box-shadow:0 0 0 2px #a3d9fa4d}.login-submit{color:#071a38;cursor:pointer;background:#a3d9fa;border:none;border-radius:8px;width:100%;margin-top:.5rem;padding:.8rem;font-size:1rem;font-weight:600;transition:all .2s}.login-submit:hover:not(:disabled){background:#fff}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-toggle{color:#a3d9fa;cursor:pointer;text-align:center;background:0 0;border:none;margin-top:.5rem;padding:0;font-size:.9rem;text-decoration:underline}.login-toggle:hover{color:#fff}.login-disabled-notice{color:#fff4c7;text-align:center;background:#0006;border-left:3px solid #f3ce63;border-radius:6px;padding:.75rem;font-size:.85rem}