
/* Artist Join visual enhancement. Enqueued only on /artists/join. */
#app main > section { position:relative; isolation:isolate; }
#app main > section:first-child {
  overflow:hidden;
  background:
    radial-gradient(ellipse at 88% 20%,rgba(47,171,183,.20),transparent 42%),
    radial-gradient(ellipse at 10% 88%,rgba(116,182,168,.11),transparent 36%),
    linear-gradient(135deg,#0B1119 0%,#10131D 58%,#0B1119 100%);
  border-bottom:1px solid rgba(116,199,206,.22);
  padding-top:clamp(9rem,14vw,12rem);
  padding-bottom:clamp(5rem,9vw,8rem);
}
#app main > section:first-child::before,
#app main > section:first-child::after {
  content:"";position:absolute;pointer-events:none;z-index:-1;
  width:360px;height:360px;border:1px solid rgba(131,210,214,.13);
  border-radius:50%;
}
#app main > section:first-child::before {right:-160px;top:8%}
#app main > section:first-child::after {left:-200px;bottom:-50%}
#app main > section:first-child h1 {
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(3rem,7vw,6.3rem);
  line-height:1.06;letter-spacing:-.045em;
  text-wrap:balance;max-width:1000px;margin-inline:auto;
  color:#f9f7f1!important;
}
#app main > section:first-child p {color:#F5EBD9!important}
#app main > section:first-child p:first-child {
  color:#D6B27C!important;letter-spacing:.22em;
}
#app main > section:first-child a[href="/artists/apply"],
#app main a[href="/artists/apply"] {
  border-radius:12px!important;min-height:49px;
  background:#302238!important;color:#fff!important;
  box-shadow:0 12px 34px rgba(0,0,0,.19);
  text-align:center;justify-content:center;
  transition:background .2s,transform .2s,box-shadow .2s;
}
#app main a[href="/artists/apply"]:hover {
  background:#B18B5F!important;transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(0,0,0,.25);
}
#app main a[href="#how-it-works"] {
  border-radius:12px!important;min-height:49px;
  border-color:#B18B5F!important;color:#F5EBD9!important;
  text-align:center;justify-content:center;
}
#app main > section {scroll-margin-top:80px}
#app main > section:nth-child(2) {background:#10131D!important}
#app main > section:nth-child(2) [class*="rounded-2xl"] {
 border-radius:22px!important;border-color:rgba(119,195,204,.35)!important;
 box-shadow:0 24px 65px rgba(0,0,0,.23);
}
#app main section :is(h2,h3) {text-wrap:balance}
#app main section h2 {
 font-family:Georgia,"Times New Roman",serif;
 letter-spacing:-.025em;line-height:1.15;
}
#app main > section:nth-child(3),
#app main > section:nth-child(5) {
 background:linear-gradient(160deg,#0B1119,#10131D)!important;
}
#app main > section:nth-child(4),
#app main > section:nth-child(6) {background:#10131D!important}
#app main > section:not(:first-child):not(:last-child) {
 border-bottom:1px solid rgba(134,200,208,.15);
}
#app main > section [class*="rounded-xl"],
#app main > section [class*="rounded-2xl"] {
 border-color:rgba(116,183,193,.24);
}
#app main > section [class*="grid"] > [class*="border"] {
 border-radius:16px;transition:border-color .2s,transform .2s;
}
#app main > section [class*="grid"] > [class*="border"]:hover {
 border-color:rgba(111,214,221,.55);
}
#app main > section:last-child {
 background:linear-gradient(115deg,#171B27 0%,#10131D 65%,#10131D 100%)!important;
 border-top:1px solid rgba(142,224,228,.3);
}
#app main > section:last-child h2 {color:#fbf8ef!important}
#app main > section:last-child p {color:#F5EBD9!important}
#app main :is(a,button):focus-visible {
 outline:3px solid #D6B27C!important;outline-offset:3px!important;
}
@media (max-width:640px) {
 #app main > section:first-child {padding:8.2rem 1.1rem 4.1rem}
 #app main > section:first-child h1 {font-size:clamp(2.7rem,12vw,4.2rem)}
 #app main > section:not(:first-child){padding-top:3.7rem;padding-bottom:3.7rem}
 #app main > section:first-child a[href="/artists/apply"],
 #app main a[href="/artists/apply"] {width:100%;max-width:340px}
}
@media (prefers-reduced-motion:reduce) {
 #app main a[href="/artists/apply"],
 #app main > section [class*="grid"] > [class*="border"] {transition:none!important}
 #app main a[href="/artists/apply"]:hover {transform:none}
}
