/* Creator Program page only. Extends style.css - do not duplicate its rules. */

.creator-form{display:flex;flex-direction:column;gap:20px}
.creator-form label{display:flex;flex-direction:column;gap:8px;font-size:13.5px;letter-spacing:.02em;color:var(--ink)}
.creator-form .opt{font-weight:300;color:var(--muted);letter-spacing:0}
.creator-form input,.creator-form textarea{
  font-family:inherit;font-size:15px;color:var(--ink);
  padding:13px 14px;background:var(--cream);border:1px solid var(--line);resize:vertical;
}
.section.cream .creator-form input,.section.cream .creator-form textarea{background:#fff}
.creator-form input:focus,.creator-form textarea:focus{outline:none;border-color:var(--rose)}
.creator-form button{align-self:flex-start;margin-top:6px}

.link-rows{display:flex;flex-direction:column;gap:10px;margin-top:-8px}
.link-add{
  font-family:inherit;font-size:13px;color:var(--rose);
  background:none;border:0;padding:0;margin-top:-8px!important;cursor:pointer;
  text-decoration:underline;text-underline-offset:4px;
}
.link-add:hover{color:var(--rose-dk)}

/* honeypot - present in the DOM for bots, invisible and untouchable for people */
.creator-form label.hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

.form-msg{padding:22px 24px;border:1px solid var(--line);margin:0 0 24px}
.form-msg p{margin:0;font-size:15px;line-height:1.7}
.form-msg-ok{background:var(--cream);border-left:3px solid var(--rose)}
.section.cream .form-msg-ok{background:#fff}
.form-msg-err{background:var(--cream);border-left:3px solid var(--muted)}
.section.cream .form-msg-err{background:#fff}

/* UGC page: reimbursement steps and terms */
.terms-steps{margin:0 0 28px;padding-left:22px;display:flex;flex-direction:column;gap:12px;font-size:15px;line-height:1.7}
.terms-box{border:1px solid var(--line);border-left:3px solid var(--rose);background:#fff;padding:20px 24px;margin:0 0 32px}
.terms-box p{margin:0 0 12px;font-size:14.5px;line-height:1.7}
.terms-box p:last-child{margin-bottom:0}
.terms-cta{margin:0 0 28px}

/* UGC success state: replaces the page body once a submission goes through */
.sent-card{text-align:center;background:#fff;border:2px solid var(--rose);padding:56px 28px;margin:0 0 24px}
.sent-card[hidden]{display:none}
.sent-check{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 22px;border-radius:50%;background:var(--rose);color:#fff;font-size:38px;line-height:1}
.sent-card h2{margin:0 0 14px}
.sent-card p{margin:0 auto 10px;max-width:440px;font-size:17px;line-height:1.7}
.sent-card .sent-sub{font-size:14px;color:var(--muted)}

.terms-steps[hidden],.terms-box[hidden],.terms-cta[hidden],.section-head[hidden]{display:none!important}
.creator-form[hidden]{display:none!important}