/* =========================================================
   Music FM — Artist Apply / Artist System Premium Unified
   ========================================================= */

body.mf-artist-body{
    min-height:100vh;
    background:
        radial-gradient(circle at 8% 8%, rgba(168,85,247,.14), transparent 28%),
        radial-gradient(circle at 92% 14%, rgba(20,124,255,.12), transparent 30%),
        linear-gradient(180deg,#f8fbff 0%,#edf4ff 46%,#ffffff 100%) !important;
    background-attachment:fixed !important;
}

.mf-artist-apply-page,
.mf-artist-apply-page *{box-sizing:border-box}

.mf-artist-apply-page{
    position:relative;
    z-index:2;
    width:min(1240px, calc(100% - 24px));
    margin:24px auto 86px;
    direction:rtl;
    color:#0f172a;
}

.mf-artist-apply-page::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-1;
    opacity:.42;
    background-image:
        linear-gradient(rgba(20,124,255,.052) 1px, transparent 1px),
        linear-gradient(90deg, rgba(168,85,247,.044) 1px, transparent 1px);
    background-size:58px 58px;
    mask-image:radial-gradient(circle at 50% 18%, #000 0, transparent 70%);
}

.mf-artist-hero{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:26px;
    align-items:center;
    overflow:hidden;
    min-height:390px;
    padding:38px;
    border-radius:40px;
    color:#fff;
    background:
        radial-gradient(circle at 18% 18%, rgba(168,85,247,.45), transparent 35%),
        radial-gradient(circle at 84% 80%, rgba(20,124,255,.32), transparent 40%),
        linear-gradient(135deg,#07111f,#101b33 62%,#172554);
    box-shadow:0 34px 95px rgba(15,23,42,.18);
    isolation:isolate;
}

.mf-artist-hero::before{
    content:"";
    position:absolute;
    inset:auto -90px -120px auto;
    width:330px;
    height:330px;
    border-radius:50%;
    background:rgba(255,255,255,.10);
    filter:blur(2px);
}
.mf-artist-hero::after{
    content:"";
    position:absolute;
    inset:-40% auto auto -18%;
    width:70%;
    height:200%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
    transform:rotate(-18deg);
    animation:mfArtistApplySweep 10s ease-in-out infinite;
}
@keyframes mfArtistApplySweep{0%,100%{opacity:.25;transform:translateX(10%) rotate(-18deg)}50%{opacity:.7;transform:translateX(-18%) rotate(-18deg)}}

.mf-artist-hero > *{position:relative;z-index:1}
.mf-artist-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:38px;
    padding:0 14px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
    font-weight:950;
    backdrop-filter:blur(14px);
}
.mf-artist-hero h1{margin:16px 0 12px;font-size:clamp(38px,6vw,72px);line-height:.98;font-weight:1000;letter-spacing:-.055em;text-shadow:0 10px 32px rgba(0,0,0,.28)}
.mf-artist-hero p{max-width:760px;margin:0;color:rgba(255,255,255,.80);font-size:17px;line-height:1.85;font-weight:760}
.mf-artist-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.mf-artist-hero-actions a,
.mf-artist-form button,
.mf-artist-alert a{
    min-height:52px;
    padding:0 20px;
    border-radius:18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    text-decoration:none;
    border:0;
    cursor:pointer;
    font-family:inherit;
    font-weight:950;
    transition:.23s ease;
}
.mf-artist-hero-actions a:first-child,.mf-artist-form button,.mf-artist-alert a{background:linear-gradient(135deg,#a855f7,#147cff);color:#fff;box-shadow:0 18px 36px rgba(124,58,237,.28)}
.mf-artist-hero-actions a:last-child{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px)}
.mf-artist-hero-actions a:hover,.mf-artist-form button:hover,.mf-artist-alert a:hover{transform:translateY(-3px)}

.mf-artist-card-preview{
    min-height:260px;
    padding:26px;
    border-radius:34px;
    background:rgba(255,255,255,.13);
    border:1px solid rgba(255,255,255,.18);
    backdrop-filter:blur(18px) saturate(1.15);
    -webkit-backdrop-filter:blur(18px) saturate(1.15);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
.mf-artist-disc{width:116px;height:116px;border-radius:50%;background:radial-gradient(circle,#fff 0 12%,#7c3aed 13% 34%,#0f172a 35% 100%);box-shadow:0 26px 50px rgba(0,0,0,.26);animation:mfArtistDiscFloat 4s ease-in-out infinite}
@keyframes mfArtistDiscFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(8deg)}}
.mf-artist-card-preview strong{margin-top:20px;font-size:22px;font-weight:1000}
.mf-artist-card-preview span{margin-top:8px;color:rgba(255,255,255,.74);font-weight:850;line-height:1.6}

.mf-artist-alert,
.mf-artist-status-card,
.mf-artist-form,
.mf-artist-benefits{
    background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.74));
    border:1px solid rgba(255,255,255,.86);
    box-shadow:0 22px 60px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.86);
    backdrop-filter:blur(20px) saturate(1.12);
    -webkit-backdrop-filter:blur(20px) saturate(1.12);
}

.mf-artist-alert{margin-top:18px;padding:18px 20px;border-radius:24px;font-weight:900;line-height:1.7}
.mf-artist-alert.success{color:#067647;background:linear-gradient(180deg,rgba(236,253,243,.92),rgba(255,255,255,.72))}
.mf-artist-alert.error{color:#b42318;background:linear-gradient(180deg,rgba(255,241,242,.92),rgba(255,255,255,.72))}
.mf-artist-alert strong{display:block;font-size:18px;margin-bottom:4px}

.mf-artist-status-card{margin-top:18px;padding:22px;border-radius:28px;display:flex;gap:14px;align-items:flex-start}
.mf-artist-status-card i{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;font-size:22px}
.mf-artist-status-card.approved i{background:#ecfdf3;color:#16a34a}.mf-artist-status-card.pending i{background:#fff7ed;color:#d97706}.mf-artist-status-card.rejected i{background:#fff1f2;color:#dc2626}
.mf-artist-status-card strong{font-size:20px;font-weight:1000}.mf-artist-status-card p{margin:6px 0 0;color:#64748b;line-height:1.7;font-weight:800}

.mf-artist-grid{display:grid;grid-template-columns:minmax(0,1.2fr) 360px;gap:18px;margin-top:18px;align-items:start}
.mf-artist-form,.mf-artist-benefits{border-radius:32px;padding:24px}
.mf-artist-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mf-artist-form label{display:grid;gap:8px;color:#334155;font-weight:950}
.mf-artist-form input,.mf-artist-form textarea{width:100%;border:1px solid rgba(203,213,225,.82);border-radius:17px;background:rgba(255,255,255,.88);min-height:52px;padding:0 15px;font-family:inherit;font-weight:850;color:#0f172a;outline:none;transition:.2s ease}
.mf-artist-form textarea{min-height:136px;padding:14px 15px;resize:vertical;line-height:1.7}
.mf-artist-form .full{grid-column:1/-1}.mf-artist-form input:focus,.mf-artist-form textarea:focus{border-color:rgba(124,58,237,.52);box-shadow:0 0 0 5px rgba(124,58,237,.10);background:#fff}
.mf-artist-form button{grid-column:1/-1;font-size:16px}

.mf-artist-benefits{display:grid;gap:12px}
.mf-artist-benefits h2{margin:0 0 6px;font-size:28px;font-weight:1000;letter-spacing:-.03em}
.mf-artist-benefits div{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:start;padding:14px;border-radius:20px;background:rgba(248,250,255,.76);border:1px solid rgba(226,232,240,.72)}
.mf-artist-benefits i{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#f4ecff;color:#7c3aed}.mf-artist-benefits strong{display:block;font-weight:1000}.mf-artist-benefits p{margin:4px 0 0;color:#64748b;line-height:1.6;font-weight:780}

@media(max-width:900px){
    .mf-artist-apply-page{width:min(100% - 16px,1240px);margin-top:14px}
    .mf-artist-hero{grid-template-columns:1fr;padding:24px;border-radius:30px;text-align:center;min-height:auto}
    .mf-artist-hero-actions{justify-content:center}.mf-artist-hero-actions a{width:100%}.mf-artist-card-preview{min-height:210px}
    .mf-artist-grid{grid-template-columns:1fr}.mf-artist-form{grid-template-columns:1fr;border-radius:26px;padding:18px}.mf-artist-benefits{border-radius:26px;padding:18px}
}