@import url('creators-base.css?v=2');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Oswald:wght@500;600;700&display=swap');
body.creator-page{margin:0;background:#060606;color:#f8f4f1;font-family:Inter,Arial,sans-serif;overflow-x:hidden}
body.creator-page:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 85% 5%,rgba(168,7,18,.24),transparent 30%),radial-gradient(circle at 8% 70%,rgba(213,161,59,.09),transparent 26%),linear-gradient(135deg,#050505,#090707 50%,#050505)}
body.creator-page:after{content:"";position:fixed;inset:0;z-index:-1;opacity:.2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:34px 34px}
.creator-page .creator-wrap{width:min(1180px,calc(100% - 38px));padding:24px 0 80px}
.creator-page .creator-nav{position:sticky;top:12px;z-index:20;min-height:68px;padding:10px 12px 10px 20px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(12,10,10,.9);box-shadow:0 18px 45px rgba(0,0,0,.38);backdrop-filter:blur(18px)}
.creator-page .creator-nav h1{position:relative;padding-left:35px;font-family:Oswald,Arial,sans-serif;font-size:22px;text-transform:uppercase}.creator-page .creator-nav h1:before{content:"SU";position:absolute;left:0;top:50%;display:grid;place-items:center;width:27px;height:27px;transform:translateY(-50%) rotate(-5deg);border-radius:7px;background:linear-gradient(145deg,#a80712,#390004);font:900 8px Inter,sans-serif;box-shadow:0 0 22px rgba(168,7,18,.4)}
.creator-page .creator-nav a,.creator-page .creator-btn{min-height:40px;padding:0 16px;background:linear-gradient(105deg,#a80712,#c22b12 58%,#d5a13b);box-shadow:0 8px 24px rgba(132,4,12,.2);font-size:9px;letter-spacing:.65px;transition:.2s}.creator-page .creator-nav a:hover,.creator-page .creator-btn:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 12px 30px rgba(168,7,18,.32)}
.creator-page .creator-btn.secondary,.creator-page .creator-nav a.secondary{border:1px solid #3b2c2a;background:#171313;box-shadow:none;color:#d9d0cc}
.creator-page .creator-hero,.creator-page .creator-card{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(145deg,rgba(22,17,17,.97),rgba(10,9,9,.99));box-shadow:0 22px 65px rgba(0,0,0,.28)}
.creator-page .creator-hero{position:relative;overflow:hidden;padding:42px}.creator-page .creator-hero:not(.creator-profile-head):before{content:"";position:absolute;right:-45px;bottom:-90px;width:340px;height:260px;opacity:.55;background:repeating-linear-gradient(90deg,transparent 0 12px,rgba(213,161,59,.14) 13px 17px);transform:rotate(-9deg)}.creator-page .creator-hero:not(.creator-profile-head):after{content:"CREATORS";position:absolute;right:28px;top:14px;color:rgba(255,255,255,.025);font:900 70px Oswald,sans-serif;letter-spacing:4px}
.creator-page .creator-hero h2{position:relative;z-index:1;width:min(700px,100%);font:700 clamp(30px,5vw,58px)/1.04 Oswald,sans-serif;text-transform:uppercase}.creator-page .creator-hero>p,.creator-page .creator-hero>form{position:relative;z-index:1}
.creator-page .creator-card{padding:22px;transition:.2s}.creator-page .creator-card-link:hover{transform:translateY(-5px);border-color:rgba(213,161,59,.45);box-shadow:0 26px 70px rgba(0,0,0,.42)}.creator-page .creator-card h2{font:700 20px Oswald,sans-serif;text-transform:uppercase}
.creator-page .creator-card-link:after{content:"VER PERFIL →";display:block;margin-top:17px;color:#d5a13b;font-size:8px;font-weight:900;letter-spacing:.8px}.creator-page .creator-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border:1px solid rgba(213,161,59,.36);background:rgba(213,161,59,.09);color:#e7bc68;font-size:7px;letter-spacing:1.1px}.creator-page .creator-badge:before{content:"";width:5px;height:5px;margin-right:6px;border-radius:50%;background:#d5a13b;box-shadow:0 0 9px #d5a13b}
.creator-page .creator-directory-avatar{width:88px;height:88px;border:2px solid #3a2927;background:radial-gradient(circle at 35% 30%,#521218,#1a090a 65%);box-shadow:0 12px 30px #000}
.creator-page .creator-form input,.creator-page .creator-form select,.creator-page .creator-form textarea,.creator-page .creator-hero input,.creator-page .creator-admin-actions input{border-color:#3c302e;border-radius:10px;outline:0;background:#090808;font-family:Inter,Arial,sans-serif;transition:.2s}.creator-page .creator-form input:focus,.creator-page .creator-form select:focus,.creator-page .creator-form textarea:focus,.creator-page .creator-hero input:focus{border-color:#9b6b26;box-shadow:0 0 0 3px rgba(213,161,59,.08)}
.creator-page .creator-form input[type=file]::file-selector-button{margin-right:10px;padding:8px 10px;border:0;border-radius:7px;background:#251817;color:#fff;font-size:8px;font-weight:800}.creator-page .creator-check{padding:12px;border:1px solid #322725;border-radius:10px;background:#0c0a0a}.creator-page .creator-check input{accent-color:#a80712}
.creator-page .creator-profile-head{min-height:360px;padding:34px;background-position:center;background-size:cover}.creator-page .creator-profile-head:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.25) 35%,rgba(3,3,3,.97))}.creator-page .creator-profile-head:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#a80712,#d5a13b,transparent)}
.creator-page .creator-profile-copy{z-index:2}.creator-page .creator-profile-copy h1{margin:5px 0 6px;font:700 clamp(30px,5vw,55px)/1 Oswald,sans-serif;text-transform:uppercase}.creator-page .creator-avatar{width:122px;height:122px;flex:0 0 auto;border:4px solid #fff;background:radial-gradient(circle at 35% 25%,#7b1821,#1d0709 70%);box-shadow:0 18px 45px rgba(0,0,0,.6)}
.creator-page .creator-track{grid-template-columns:76px minmax(0,1fr) minmax(250px,360px);padding:14px 0;border-color:#2a2220}.creator-page .creator-track-cover{width:76px;height:76px;position:relative;border-radius:11px;background:linear-gradient(145deg,#4c1116,#170809)}.creator-page .creator-track-cover:after{content:"♪";position:absolute;right:5px;bottom:4px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.8);color:#d5a13b;font-size:9px}.creator-page .creator-track audio{height:36px}.creator-page .creator-track .creator-btn{min-height:32px;margin-top:7px}.creator-page .creator-stat{font:800 40px/1 Oswald,sans-serif}.creator-page .creator-card>.creator-stat:first-of-type{color:#d5a13b}
.creator-page .creator-admin-table th{color:#d5a13b;font-size:7px;letter-spacing:1px;text-transform:uppercase}.creator-page .creator-admin-table th,.creator-page .creator-admin-table td{padding:12px 9px;border-color:#2c2220}.creator-page .creator-admin-table audio{width:240px;height:34px}
@media(max-width:900px){.creator-page .creator-track{grid-template-columns:66px minmax(0,1fr)}.creator-page .creator-track>div:last-child,.creator-page .creator-track>audio{grid-column:1/-1}.creator-page .creator-profile-head{min-height:310px}.creator-page .creator-avatar{width:98px;height:98px}.creator-page .creator-hero{padding:30px}}
@media(max-width:620px){.creator-page .creator-wrap{width:calc(100% - 22px);padding-top:11px}.creator-page .creator-nav{top:6px;min-height:58px;padding:8px 9px 8px 14px}.creator-page .creator-nav h1{width:100%;margin-bottom:4px}.creator-page .creator-nav a{flex:1;padding:0 9px}.creator-page .creator-hero{padding:24px}.creator-page .creator-hero:not(.creator-profile-head):after{font-size:42px;right:8px}.creator-page .creator-profile-head{min-height:280px;padding:22px}.creator-page .creator-avatar{width:78px;height:78px;border-width:3px}.creator-page .creator-profile-copy h1{font-size:29px}.creator-page .creator-track{grid-template-columns:58px minmax(0,1fr)}.creator-page .creator-track-cover{width:58px;height:58px}.creator-page .creator-card{padding:17px}.creator-page .creator-admin-table{min-width:720px}}