:root {
  --artist-submit-night: #060411;
  --artist-submit-paper: #f7f0e8;
  --artist-submit-cyan: #20d5ff;
  --artist-submit-violet: #9776ff;
  --artist-submit-rose: #e994ad;
  --artist-submit-muted: rgba(247,240,232,.68);
  --artist-submit-line: rgba(32,213,255,.24);
}

body.artist-submit-page { margin: 0; background: radial-gradient(circle at 14% 72%,rgba(151,118,255,.12),transparent 32rem),var(--artist-submit-night); color: var(--artist-submit-paper); font-family: 'Inter',sans-serif; }
.artist-submit-page::before { content: none; }
.artist-submit-nav { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; padding: 1.4rem 5%; border-bottom: 1px solid var(--artist-submit-line); background: rgba(5,3,14,.9); }
.artist-submit-nav .logo { color: var(--artist-submit-cyan); }
.artist-submit-back { color: var(--artist-submit-paper); font-size: .62rem; letter-spacing: .16em; text-decoration: none; text-transform: uppercase; }
.artist-submit-hero { min-height: 72svh; display: flex; align-items: flex-end; padding: 7rem max(6%,calc((100vw - 1180px)/2)); background: linear-gradient(90deg,rgba(4,2,12,.9),rgba(4,2,12,.2)),linear-gradient(0deg,var(--artist-submit-night),transparent 58%),url('The Artists Story/web/collective-studio-web.jpg') center/cover no-repeat; }
.artist-submit-hero p,.artist-submit-kicker { color: var(--artist-submit-cyan); font-size: .63rem; font-weight: 500; letter-spacing: .24em; text-transform: uppercase; }
.artist-submit-hero h1 { margin: 1.2rem 0; font-family: 'Cormorant Garamond',serif; font-size: clamp(4rem,9vw,8rem); font-weight: 300; letter-spacing: -.055em; line-height: .75; }
.artist-submit-hero h1 em { color: var(--artist-submit-cyan); font-weight: 300; }
.artist-submit-hero span { color: rgba(247,240,232,.82); font-family: 'Cormorant Garamond',serif; font-size: 1.2rem; font-style: italic; }
.artist-submit-shell { max-width: 980px; margin: 0 auto; padding: 8rem 6%; }
.artist-submit-intro { display: grid; grid-template-columns: .9fr 1.1fr; gap: 1rem 5rem; margin-bottom: 4rem; }
.artist-submit-intro .artist-submit-kicker { grid-column: 1/-1; }
.artist-submit-intro h2 { margin: 0; font-family: 'Cormorant Garamond',serif; font-size: clamp(2.8rem,5vw,4.8rem); font-weight: 300; letter-spacing: -.04em; line-height: .96; }
.artist-submit-intro > p:last-child { color: var(--artist-submit-muted); font-family: 'Cormorant Garamond',serif; font-size: 1.2rem; line-height: 1.75; }
.artist-submit-form { display: flex; flex-direction: column; gap: 1.3rem; padding: clamp(1.5rem,5vw,4rem); border: 1px solid var(--artist-submit-line); background: linear-gradient(145deg,rgba(32,213,255,.035),rgba(151,118,255,.025)); box-shadow: 0 30px 100px rgba(0,0,0,.3); }
.artist-field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.3rem; }
.artist-field { display: flex; flex-direction: column; gap: .6rem; }
.artist-field label { color: var(--artist-submit-cyan); font-size: .62rem; letter-spacing: .14em; text-transform: uppercase; }
.artist-field label span { color: var(--artist-submit-muted); letter-spacing: 0; text-transform: none; }
.artist-field input,.artist-field select,.artist-field textarea { width: 100%; box-sizing: border-box; border: 1px solid var(--artist-submit-line); border-radius: 0; background: rgba(255,255,255,.035); color: var(--artist-submit-paper); font: 300 .92rem/1.5 'Inter',sans-serif; }
.artist-field input,.artist-field select { height: 52px; padding: 0 .9rem; }
.artist-field textarea { padding: 1rem; resize: vertical; }
.artist-field input:focus,.artist-field select:focus,.artist-field textarea:focus { border-color: var(--artist-submit-cyan); outline: 1px solid rgba(32,213,255,.2); outline-offset: 2px; }
.artist-field small { color: var(--artist-submit-muted); font-family: 'Cormorant Garamond',serif; font-size: .9rem; font-style: italic; }
.artist-submit-prompts { padding: 1.3rem 1.5rem; border-left: 1px solid var(--artist-submit-rose); background: rgba(233,148,173,.045); }
.artist-submit-prompts p { margin: 0 0 .7rem; color: var(--artist-submit-rose); font-family: 'Cormorant Garamond',serif; font-size: 1.15rem; }
.artist-submit-prompts ul { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem 2rem; margin: 0; padding-left: 1.1rem; color: var(--artist-submit-muted); font-family: 'Cormorant Garamond',serif; line-height: 1.5; }
.artist-submit-consent { display: flex; gap: .8rem; align-items: flex-start; padding: 1rem 0; color: var(--artist-submit-muted); font-family: 'Cormorant Garamond',serif; font-size: 1rem; line-height: 1.55; }
.artist-submit-consent input { flex: 0 0 auto; margin-top: .28rem; accent-color: var(--artist-submit-cyan); }
.artist-submit-actions { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.artist-submit-actions a { color: var(--artist-submit-muted); font-size: .6rem; letter-spacing: .12em; text-transform: uppercase; }
.artist-submit-actions button { padding: .95rem 1.5rem; border: 1px solid transparent; border-radius: 999px; background: linear-gradient(120deg,#2368b9,var(--artist-submit-violet)); color: white; cursor: pointer; font: 500 .63rem/1 'Inter',sans-serif; letter-spacing: .15em; text-transform: uppercase; box-shadow: 0 10px 28px rgba(90,77,219,.28); }
.artist-submit-actions button:hover { transform: translateY(-2px); }
.artist-submit-direct { margin-top: 1.5rem; color: var(--artist-submit-muted); text-align: center; font-family: 'Cormorant Garamond',serif; font-size: 1rem; }
.artist-submit-direct a { color: var(--artist-submit-cyan); }
.artist-submit-footer { padding: 2.5rem 5%; border-top: 1px solid var(--artist-submit-line); color: var(--artist-submit-muted); font-size: .7rem; text-align: center; }

@media (max-width:700px) {
  .artist-submit-hero { min-height: 62svh; }
  .artist-submit-intro,.artist-field-grid { grid-template-columns: 1fr; }
  .artist-submit-intro .artist-submit-kicker { grid-column: auto; }
  .artist-submit-prompts ul { grid-template-columns: 1fr; }
}

@media (max-width:500px) {
  .artist-submit-nav .logo { font-size: .8rem; }
  .artist-submit-back { font-size: .52rem; }
  .artist-submit-shell { padding-block: 6rem; }
  .artist-submit-actions { align-items: stretch; flex-direction: column-reverse; }
  .artist-submit-actions button { width: 100%; }
}
