#clf-modal{
 position:fixed;
 inset:0;
 z-index:999999;
 display:none;
}

.clf-overlay{
 position:absolute;
 inset:0;
 background:rgba(0,0,0,.25); /* lighter overlay */
 pointer-events:auto;
}

.clf-modal{
 position:relative;
 background:#fff;
 max-width:460px;
 margin:12vh auto;
 padding:32px;
 border-radius:14px;
 text-align:center;
 box-shadow:0 25px 60px rgba(0,0,0,.25);
}

.clf-icon{
 width:52px;
 height:52px;
 margin:0 auto 16px;
 border-radius:50%;
 border:2px solid #f5b301;
 color:#f5b301;
 font-size:26px;
 font-weight:700;
 display:flex;
 align-items:center;
 justify-content:center;
}

.clf-row{
 display:flex;
 justify-content:center;
 gap:24px;
 margin:18px 0;
}

#clf_platform{
 width:100%;
 padding:12px 14px;
 border-radius:8px;
 border:1px solid #d1d5db;
 margin-bottom:18px;
}

.clf-stars span{
 font-size:28px;
 color:#d1d5db;
 cursor:pointer;
}

.clf-stars span.active{color:#f5b301}

.clf-actions{
 display:flex;
 gap:12px;
 margin-top:24px;
}

.clf-btn-primary{
 flex:1;
 background:#f5b301;
 color:#fff;
 border:none;
 border-radius:8px;
 padding:12px;
 font-weight:600;
}

.clf-btn-outline{
 flex:1;
 background:#fff;
 color:#374151;
 border:1px solid #d1d5db;
 border-radius:8px;
 padding:12px;
}