@font-face{font-family:Signup Condensed;src:url('/assets/bebas-neue-regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:Signup Brush;src:url('/assets/kaushan-script-regular.ttf') format('truetype');font-display:swap}
#artist-signup-dialog{box-sizing:border-box;width:860px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;margin:auto;padding:0;border:1px solid #a9884370;border-radius:14px;background:#060909 url('/assets/signup-torn-border-v1.webp') center top/100% 100% no-repeat;color:#f5f5f1;font-family:'Plus Jakarta Sans',Arial,sans-serif;box-shadow:0 24px 100px #000d;color-scheme:dark;scrollbar-width:thin;scrollbar-color:#796a49 #0b0d0c}
#artist-signup-dialog::backdrop{background:#000c;backdrop-filter:blur(6px)}
#artist-signup-dialog *{box-sizing:border-box}
.signup-poster{padding:24px 0 22px;background:linear-gradient(90deg,transparent 12%,#03080744 23%,#03080744 77%,transparent 88%)}
.signup-logo{display:block;width:270px;max-width:48%;height:90px;object-fit:contain;margin:0 auto 22px}
.signup-content{width:64%;margin:0 auto}
.signup-hero{margin:0 -6%}
#artist-signup-title{margin:0;text-align:center;text-transform:uppercase;outline:none;text-shadow:0 2px 10px #000;font-family:Signup Condensed,'Arial Narrow',sans-serif;font-size:61px;line-height:1.04;font-weight:400;letter-spacing:.3px}
#artist-signup-title span{display:block;white-space:nowrap}
#artist-signup-title em{display:block;white-space:nowrap;font-family:Signup Brush,cursive;font-size:62px;line-height:1.3;font-style:normal;font-weight:400;letter-spacing:-2.5px;color:#ffd363;transform:rotate(-3deg);margin:0 -7% 4px}
.signup-brush{width:40%;height:9px;margin:22px auto;background:linear-gradient(100deg,#c5942b,#ffe08a,#d59d31);clip-path:polygon(0 65%,50% 18%,96% 0,88% 35%,100% 30%,72% 72%,18% 100%)}
.signup-intro{margin:0 0 28px;text-align:center;font-size:17px;line-height:1.6;color:#eceee9}
.signup-benefits{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:18px}
.signup-benefits li{display:grid;grid-template-columns:102px 1fr;align-items:center;gap:19px}
.signup-benefit-icon{display:grid;place-items:center;min-height:91px;background:radial-gradient(ellipse at bottom,#b38a2a35,transparent 48%),linear-gradient(145deg,#282825,#0c0e0d 65%);border:1px solid #99947f30;clip-path:polygon(5% 8%,22% 4%,35% 6%,52% 0,68% 5%,88% 3%,96% 13%,94% 30%,100% 46%,95% 64%,97% 87%,83% 94%,60% 97%,43% 94%,20% 100%,4% 88%,0 69%,4% 48%,1% 27%)}
.signup-benefits svg{width:62px;height:62px;fill:none;stroke:#f4bf42;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.signup-benefits h3{margin:0 0 5px;font:400 27px/1.1 Signup Condensed,sans-serif;color:#f9d674;text-transform:uppercase}
.signup-benefits h3 small{display:block;font:500 10px/1.5 'Plus Jakarta Sans',sans-serif;letter-spacing:1px;color:#d8cbae}
.signup-benefits p{margin:0;font-size:16px;line-height:1.5;color:#eeefea}
.signup-visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.signup-email-field{display:flex;align-items:center;gap:17px;padding:0 18px;border:1px solid #b1b5aa88;border-radius:10px;background:#060d0ed9;min-height:62px;box-shadow:inset 0 0 14px #ffffff04}
.signup-email-field svg{width:28px;height:28px;flex:none;fill:none;stroke:#f4f5f0;stroke-width:1.7}
.signup-email-field input{width:100%;min-width:0;min-height:60px;border:0;outline:none;background:none;color:#fff;font:inherit;font-size:17px}
.signup-email-field input::placeholder{color:#a5aaa4;opacity:1}
.signup-email-field:focus-within{outline:2px solid #f5ce6a;outline-offset:3px}
.signup-continue{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:64px;margin-top:12px;padding:12px;border:1px solid #ffe9a2;border-radius:10px;background:linear-gradient(110deg,#f6c442,#ffe28b 52%,#f7c64e);color:#0a0c09;font:800 20px/1.3 'Plus Jakarta Sans',sans-serif;box-shadow:inset 0 1px 3px #fff8,0 5px 20px #0008;cursor:pointer}
.signup-continue span{font-size:30px;font-weight:400}.signup-continue:hover{filter:brightness(1.08)}.signup-continue:disabled{opacity:.65;cursor:wait}
#artist-signup-status{font-size:14px;line-height:1.6;color:#ffdf92;text-align:center;margin:12px 0}#artist-signup-status:empty{display:none}
#artist-signup-login{text-align:center;font-size:12px;line-height:1.7;color:#cdcfc7;margin:12px 0 0}.signup-login{padding:4px 0;background:none;border:0;color:#f5d985;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.signup-trust{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:25px 0 0;text-align:center}.signup-trust li+li{border-left:1px solid #aeb2a580}.signup-trust svg{display:block;width:40px;height:40px;fill:none;stroke:#f3bd40;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;margin:0 auto 8px}.signup-trust span{font-size:15px;line-height:1.5}
.signup-dismiss{display:block;width:max-content;max-width:100%;margin:18px auto 0;padding:9px 12px;min-height:40px;border:0;background:#050a07a0;color:#d7ccb1;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
#artist-signup-dialog button:focus-visible{outline:2px solid #ffdb79;outline-offset:4px}body:has(#artist-signup-dialog[open]){overflow:hidden}
.signup-content[hidden],.signup-success[hidden]{display:none}
.signup-success{width:65%;margin:0 auto;padding:0 0 38px;text-align:center}.signup-success-tick{display:block;width:72px;height:72px;margin:0 auto 20px;fill:#f5c54b15;stroke:#f5c54b;stroke-width:3}.signup-success-tick path{fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.signup-success h3{margin:0 0 14px;font:400 42px/1.1 Signup Condensed,sans-serif;outline:none}.signup-success p{font-size:16px;line-height:1.6;overflow-wrap:anywhere}
@media(max-width:600px){#artist-signup-dialog{max-width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:10px;background-size:145% 100%}.signup-poster{padding:14px 0}.signup-logo{width:190px;height:63px;max-width:60%;margin-bottom:17px}.signup-content{width:82%}#artist-signup-title{font-size:clamp(29px,8.3vw,48px)}#artist-signup-title em{font-size:clamp(29px,8.4vw,48px);letter-spacing:-1.7px;margin-inline:-3%}.signup-hero{margin-inline:-2%}.signup-brush{margin:17px auto;height:7px}.signup-intro{font-size:14px;line-height:1.6;margin-bottom:22px}.signup-benefits{gap:16px;margin-bottom:24px}.signup-benefits li{grid-template-columns:65px 1fr;gap:12px}.signup-benefit-icon{min-height:67px}.signup-benefits svg{width:44px;height:44px}.signup-benefits h3{font-size:23px}.signup-benefits p{font-size:13px;line-height:1.5}.signup-email-field{min-height:54px;gap:10px;padding:0 12px}.signup-email-field svg{width:24px}.signup-email-field input{min-height:52px;font-size:16px}.signup-continue{min-height:56px;font-size:16px}.signup-trust{margin-top:20px}.signup-trust span{font-size:11px}.signup-trust svg{width:32px;height:32px}.signup-success{width:78%}}
@media(prefers-reduced-motion:reduce){#artist-signup-dialog{scroll-behavior:auto}}

#artist-signup-dialog{background-attachment:local}
.signup-login-panel[hidden]{display:none}.signup-login-panel{width:64%;margin:0 auto;padding:0 0 32px;text-align:center}.signup-login-panel h2{font-size:32px;margin:0 0 12px}.signup-login-panel p{font-size:14px;line-height:1.6;color:#e2e5de}.signup-login-panel form{text-align:left}.signup-login-panel label{display:block;font-size:14px;margin:18px 0 8px}.signup-login-panel input{display:block;width:100%;padding:14px;background:#080f11;color:white;border:1px solid #8c9487;border-radius:8px;font:inherit;font-size:16px}.signup-login-panel .signup-continue{font-size:18px}.signup-login-panel .login-status{color:#ffe09a}.signup-login-panel .signup-login{font-size:13px;padding:8px}#artist-signup-dialog:has(.signup-login-panel:not([hidden])) .signup-poster{padding-bottom:4px}@media(max-width:600px){.signup-login-panel{width:82%}}

/* Compact shared signup/login poster. */
#artist-signup-dialog{width:460px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 40px);border-radius:12px;background-size:100% 100%}
.signup-poster{padding:14px 0 16px}.signup-logo{width:170px;height:48px;max-width:50%;margin:0 auto 5px}
.signup-close{position:absolute;top:6px;right:6px;width:36px;height:36px;border:0;border-radius:50%;background:#080b0bd9;color:#fff;font:26px/1 Arial;cursor:pointer}
.signup-mode-toggle{display:flex;width:64%;margin:0 auto 12px;padding:3px;border:1px solid #b4975266;border-radius:8px;background:#090b0df2;gap:4px}.signup-mode-toggle button{flex:1;min-height:34px;border:0;border-radius:5px;background:transparent;color:#eee;font:700 13px 'Plus Jakarta Sans',sans-serif;cursor:pointer}.signup-mode-toggle button[aria-pressed=true]{background:linear-gradient(110deg,#e9bc5a,#ffe2a0);color:#17130b}
.signup-content,.signup-login-panel{width:72%}.signup-hero{margin:0 -4%}#artist-signup-title{font-size:35px;line-height:1.02}#artist-signup-title em{font-size:36px;line-height:1.25;letter-spacing:-1.5px;margin:0 -4% 2px}
.signup-brush{height:4px;margin:9px auto}.signup-intro{font-size:11px;line-height:1.45;margin:0 0 12px}
.signup-benefits{gap:8px;margin:0 0 12px}.signup-benefits li{grid-template-columns:48px 1fr;gap:10px}.signup-benefit-icon{min-height:45px}.signup-benefits svg{width:33px;height:33px}.signup-benefits h3{font-size:18px;line-height:1.05;margin:0 0 2px}.signup-benefits h3 small{display:inline;font-size:8px;letter-spacing:0}.signup-benefits p{font-size:10px;line-height:1.35}
.signup-email-field{min-height:40px;padding:0 10px;gap:8px;border-radius:6px}.signup-email-field svg{width:19px;height:19px}.signup-email-field input{min-height:38px;font-size:16px}.signup-continue{min-height:42px;padding:9px;margin-top:7px;border-radius:6px;font-size:14px}.signup-continue span{font-size:19px}
#artist-signup-login{display:none}.signup-trust{margin:12px 0 0}.signup-trust svg{width:23px;height:23px;margin:0 auto 3px}.signup-trust span{font-size:9px;line-height:1.3}.signup-content>.signup-dismiss,.signup-login-panel>.signup-dismiss{display:none}
.signup-login-panel{padding:8px 0 24px}.signup-login-panel h2{font-size:26px;margin-bottom:7px}.signup-login-panel p{font-size:12px}.signup-login-panel label{margin:14px 0 6px;font-size:12px}.signup-login-panel input{padding:10px;min-height:42px}.signup-login-panel .signup-continue{font-size:14px;margin-top:14px}.signup-login-panel .signup-login{font-size:12px}.login-status:empty{display:none}
#artist-signup-dialog:has(.signup-login-panel:not([hidden])) .signup-poster{padding-bottom:16px}
@media(max-width:480px){#artist-signup-dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);background-size:125% 100%}.signup-content,.signup-login-panel{width:78%}.signup-mode-toggle{width:72%}#artist-signup-title{font-size:clamp(28px,8vw,35px)}#artist-signup-title em{font-size:clamp(28px,8.2vw,36px)}}

.signup-logo{height:40px}.signup-mode-toggle{margin-bottom:9px}.signup-poster{padding-top:10px}#artist-signup-title{font-size:31px}#artist-signup-title em{font-size:32px}.signup-intro{margin-bottom:9px}.signup-benefits{gap:6px;margin-bottom:9px}.signup-benefits h3{font-size:17px}.signup-benefit-icon{min-height:41px}.signup-benefits li{min-height:41px}.signup-trust{margin-top:9px}.signup-trust span{display:block;font-size:9px;line-height:1.25}.signup-login-panel>p:last-of-type{margin-bottom:0}
@media(max-height:700px){.signup-logo{height:32px}.signup-poster{padding:8px 0 10px}.signup-mode-toggle{margin-bottom:7px}#artist-signup-title{font-size:27px}#artist-signup-title em{font-size:28px}.signup-brush{margin:6px auto}.signup-intro{margin-bottom:7px}.signup-benefits{gap:4px;margin-bottom:7px}.signup-benefits li{min-height:37px}.signup-benefit-icon{min-height:37px}.signup-benefits svg{width:29px;height:29px}.signup-trust{margin-top:7px}.signup-trust svg{height:19px;margin-bottom:2px}}
