html,body,#app{margin:0;padding:0;width:100%;height:100%;overflow:hidden}#app{position:relative}.shell{width:100%;height:100%}.scene-logo{position:absolute;top:20px;left:20px;width:clamp(6rem,10vw,12rem);height:auto;z-index:1;pointer-events:none}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem clamp(1rem,50vw - 12rem,2rem);overflow:hidden;background:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-align:center}.loading-screen[hidden]{display:none}.loading-screen__text{margin:0;font-size:1.05rem;line-height:1.5;color:#444;white-space:nowrap}.landing[hidden]{display:none}.landing{box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.5rem;padding:2rem clamp(1rem,50vw - 12rem,2rem);overflow-y:auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1a1a1a;background:#fff;text-align:center}.landing__logo,.loading-screen__logo,.loading-screen__bar{width:100%;max-width:clamp(10rem,40svh,20rem)}.landing__logo,.loading-screen__logo{height:auto}.loading-screen__bar{flex-shrink:0;margin:.375rem 0 -.375rem;height:4px;border-radius:2px;overflow:hidden;background:#f0f0f0}.loading-screen__fill{width:0;height:100%;border-radius:inherit;background:#1a1a1a}.landing__logo{margin-top:auto}.landing__heading{margin:0;font-size:2rem;font-weight:600;color:#1a1a1a}.landing__credit-text{margin:0;font-size:.85rem;color:#888}.landing__credit-logo{width:100%;max-width:15rem;height:auto;margin-top:-.75rem}.landing__prose{max-width:32rem;margin:0;font-size:1.05rem;line-height:1.5;color:#444}.otp{display:flex;justify-content:center;width:100%;gap:clamp(.375rem,2.5vw + .1rem,.75rem)}.otp__cell{flex:0 1 auto;width:3rem;min-width:0;height:clamp(2.5rem,12.5vw + .25rem,3.5rem);border:1px solid #ccc;border-radius:.5rem;background:#fafafa;font-size:clamp(1.25rem,2.5vw + .85rem,1.5rem);text-align:center;text-transform:uppercase;color:#1a1a1a}.otp__cell:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a1f}.otp__cell:not(:placeholder-shown){border-color:#1a1a1a;background:#fff}.landing__error{margin:0;min-height:1lh;flex-shrink:0;color:#c0392b;font-size:.95rem}.landing__error[hidden]{display:block;visibility:hidden}.landing__footer{display:flex;gap:.75rem;align-items:center;margin-top:auto;margin-bottom:-.5rem;font-size:.85rem;color:#888}.landing__footer a{color:#888;text-decoration:none}.landing__footer a:hover{color:#1a1a1a;text-decoration:underline}.lang-switcher{position:relative}.lang-switcher__trigger{font:inherit;color:#888;background:none;border:none;padding:0;cursor:pointer}.lang-switcher__trigger:hover{color:#1a1a1a;text-decoration:underline}.lang-switcher__popup{position:absolute;bottom:100%;left:0;margin-bottom:.5rem;display:flex;flex-direction:column;background:#fff;border:1px solid #ccc;border-radius:.5rem;padding:.25rem;box-shadow:0 2px 8px #00000026}.lang-switcher__popup[hidden]{display:none}.lang-switcher__popup button{font:inherit;color:#1a1a1a;background:none;border:none;padding:.35rem .75rem;text-align:left;white-space:nowrap;cursor:pointer}.lang-switcher__popup button:hover{background:#f0f0f0}