.creator-page { background: #17243b; }
.creator-hero { background: radial-gradient(ellipse at 80% 30%,#5e528d55,transparent 65%),linear-gradient(120deg,#142238,#263853); overflow: hidden; border-bottom: 1px solid #c2d4ec26; }
.creator-hero-grid { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); gap: 3rem; align-items: center; padding-block: 3rem; }
.creator-hero h1 { font-size: clamp(2.5rem,5vw,4.5rem); line-height: 1.08; margin-bottom: 1.25rem; }
.creator-hero .lede { color: #cbdaed; max-width: 34rem; font-size: 1.05rem; }
.creator-hero img { max-height: 26rem; width: 100%; object-fit: contain; filter: drop-shadow(0 20px 25px #0b14275c); }
.creator-content { padding-block: 2.5rem 4rem; }
.creator-benefits { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.2rem; margin-bottom: 3rem; }
.creator-benefits article { border-bottom: 2px solid #f4c76b66; padding: .5rem .8rem 1.4rem 0; }
.creator-benefits h2 { font-size: 1.8rem; margin-bottom: .5rem; }
.creator-benefits p { color: #bdcfe5; font-size: .9rem; margin: 0; }
.creator-benefits .eyebrow { font-size: .65rem; }
.creator-application-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 3rem; align-items: start; }
.creator-card { padding: clamp(1.2rem,3vw,2rem); border: 1px solid #b5cce62b; background: linear-gradient(135deg,#253650,#203049); border-radius: 14px; min-width: 0; }
.creator-card h2 { font-size: 1.9rem; }
.creator-card p,.creator-expectations p,.creator-expectations li { color: #c8d7e9; }
.creator-card label { display: block; font-weight: 800; font-size: .88rem; margin: 1.1rem 0 .45rem; }
.creator-card input:not([type=checkbox]),.creator-card textarea,.creator-card select { display: block; width: 100%; min-width: 0; padding: .75rem .9rem; background: #142238; border: 1px solid #8aa9cd80; border-radius: 8px; color: #f0f5fc; font: inherit; }
.creator-card textarea { resize: vertical; }
.creator-card input:focus,.creator-card textarea:focus,.creator-card select:focus { outline: 2px solid #8dcdf2; outline-offset: 2px; }
.creator-card .fine { font-size: .78rem; color: #b4c7e0; }
.creator-card label.creator-check { display: flex; align-items: flex-start; gap: .65rem; font-size: .8rem; font-weight: 400; color: #d4e0f1; margin-block: 1.4rem; }
.creator-check input { flex: 0 0 auto; width: 18px; height: 18px; margin-top: .2rem; accent-color: #8dcdf2; }
.creator-page details { border-top: 1px solid #b5cce633; border-bottom: 1px solid #b5cce633; padding-block: 1rem; margin-block: 1.5rem; }
.creator-page summary { cursor: pointer; font-weight: 800; color: #e5edf9; }
.creator-page details[open] summary { margin-bottom: 1rem; }
.creator-expectations li { margin-block: .8rem; }
.creator-expectations details p { font-size: .86rem; }
.creator-state { display: inline-flex; border: 1px solid #a9c4e445; color: #d3e7fc; background: #14223866; border-radius: 30px; padding: .25rem .65rem; font-size: .75rem; font-weight: 800; }
.creator-dashboard-head { padding-block: 2.5rem 0; background: linear-gradient(130deg,#223954,#302b50); }
.creator-dashboard-head h1 { font-size: clamp(2.3rem,4vw,3.6rem); margin-bottom: .75rem; }
.creator-dashboard-head p { color: #c8d7e9; }
.creator-jumps { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; margin-top: 2rem; border-top: 1px solid #b5cce633; padding-block: 1rem; }
.creator-jumps a { font-size: .85rem; text-decoration: none; font-weight: 800; }
.creator-section-heading { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.25rem; }
.creator-section-heading h2 { margin: 0; }
.creator-section-heading .eyebrow { margin-bottom: .3rem; font-size: .7rem; }
.creator-metrics { display: grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap: 1rem; }
.creator-metrics dl { margin: 0; }
.creator-metrics dl > div { display: flex; flex-wrap: wrap; gap: .4rem 1rem; justify-content: space-between; padding-block: .65rem; border-top: 1px solid #b5cce626; }
.creator-metrics dt { color: #c4d4ea; font-size: .85rem; }
.creator-metrics dd { margin: 0; font-weight: 800; color: #85dfd1; }
.creator-empty p { margin-bottom: 0; }
.creator-dashboard-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.5rem; align-items: start; margin-top: 2rem; }
.creator-code-record { padding-block: 1rem; border-top: 1px solid #b5cce633; }
.creator-code-record > div { display: flex; flex-wrap: wrap; gap: .65rem; justify-content: space-between; align-items: center; }
.creator-code-record strong { font-size: 1.3rem; color: #f4c76b; overflow-wrap: anywhere; }
.creator-code-record code { overflow-wrap: anywhere; }
.creator-tickets { list-style: none; padding: 0; margin-block: 1.5rem; }
.creator-tickets li + li { border-top: 1px solid #b5cce626; }
.creator-tickets a { display: flex; gap: .8rem; justify-content: space-between; align-items: center; padding-block: .8rem; text-decoration: none; }
.creator-tickets a > span:first-child { overflow-wrap: anywhere; }
.creator-ticket-page { max-width: 850px; padding-block: 2rem 4rem; }
.creator-ticket-page h1 { font-size: clamp(2rem,4vw,3rem); overflow-wrap: anywhere; }
.creator-message { margin-block: 1rem; }
.creator-message header { display: flex; justify-content: space-between; gap: .8rem; flex-wrap: wrap; color: #8dded5; }
.creator-message time { color: #b5c8df; font-size: .75rem; }
.creator-message > p { white-space: pre-wrap; overflow-wrap: anywhere; margin-top: 1rem; }
@media(max-width:800px) { .creator-hero-grid { gap: 1rem; } .creator-application-grid { grid-template-columns: 1fr; gap: 1.5rem; } .creator-benefits { gap: 1rem; } .creator-benefits .eyebrow { font-size: .6rem; } .creator-benefits h2 { font-size: 1.5rem; } }
@media(max-width:600px) { .creator-hero-grid { grid-template-columns: 1fr; text-align: center; padding-block: 2.5rem 1rem; } .creator-hero img { max-height: 220px; } .creator-benefits,.creator-dashboard-grid { grid-template-columns: 1fr; } .creator-benefits { margin-bottom: 2rem; } .creator-benefits article { padding-bottom: 1.25rem; } .creator-benefits .eyebrow { font-size: .7rem; } .creator-jumps { gap: .75rem 1rem; } }