.page{grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr)}
.story:after{opacity:.1;pointer-events:none}
.story h1{font-size:clamp(40px,4.4vw,66px);line-height:1.02}
.story p{color:#fff}
.form-side{padding:28px}
.form-shell{background:#000;border:1px solid #454545;box-shadow:0 20px 60px #061c4a25;color:#fff;color-scheme:normal}
.form-head{background:#000;border-bottom:1px solid #383838}
.form-head h2,.form-head .switch{color:#fff}
.form-head h2:after{color:#bfc3cc}
.switch:focus-visible,.fallback a:focus-visible{outline:2px solid #ffbf00;outline-offset:5px}
.iframe-window{height:auto;overflow:visible;background:#000;padding:12px 24px 20px}
.form-shell iframe{height:1500px;transform:none;filter:brightness(1.25);background:#000;color-scheme:normal}
.form-shell:has(iframe[title="Login MusicPop"]) iframe{height:560px}
.form-shell:has(iframe[title="Cadastro MusicPop"]) iframe{height:2100px}
.fallback{width:100%;max-width:none;margin:0;background:#000;color:#bfc3cc;border-color:#383838;line-height:1.65}
.fallback a{color:#ff75b0;text-decoration:underline;text-underline-offset:3px}
.auth-loading{width:100%;max-width:none;margin:0;padding:16px 24px;color:#bfc3cc;background:#000;font-size:13px}
.auth-loading[hidden]{display:none}
@media(max-width:900px){.page{grid-template-columns:1fr}.story{min-height:0;height:auto;gap:24px;padding:24px}.story h1{font-size:40px}.story .steps,.story .trust{display:none}.form-side{padding:14px}.form-head{padding:20px;flex-wrap:wrap}.iframe-window{padding:8px 16px 16px}}
@media(max-width:600px){.form-shell:has(iframe[title="Cadastro MusicPop"]) iframe{height:2300px}}
@media(max-width:380px){.form-shell:has(iframe[title="Cadastro MusicPop"]) iframe{height:2450px}}