/* ------------------------------------ */
/* BASE - MOBILES */
/* ------------------------------------ */

/* - General - */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');



footer {background:#111827;font-size:1em;padding:1.2em 0 1.4em 0;}
footer p {text-align:center;margin:.5em 0;}
.color1 { color:#c8c8c8; }
.color2 { color:#969696; text-decoration:none; }
.color2:hover { text-decoration:underline; }


/* edit profile */

.showreel-edit-grid{
display:grid;
grid-template-columns:1fr;
gap:1em;
}

.showreel-edit-card{
display:flex;
align-items:center;
gap:1em;
background:#fff;
border:1px solid #ece8f7;
border-radius:.8em;
padding:.8em;
}

.showreel-edit-card .showreel-upload-box{
width:7em;
height:4.5em;
border-radius:.55em;
overflow:hidden;
background:#f3f4f6;
position:relative;
flex-shrink:0;
}

.showreel-edit-card .showreel-upload-box img,
.showreel-edit-card .showreel-upload-box video{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.showreel-edit-card .showreel-info{
flex:1;
min-width:0;
}

.showreel-edit-card .showreel-info strong{
display:block;
font-size:.95em;
font-weight:700;
color:#12142a;
}

.showreel-edit-card .showreel-info p{
margin:.25em 0 .45em 0;
font-size:.85em;
line-height:1.35;
color:#667085;
}

.showreel-edit-card .showreel-info a{
display:inline-flex;
align-items:center;
justify-content:center;
padding:.48em .75em;
border:1px solid #8b5cf6;
border-radius:.45em;
font-size:.82em;
font-weight:600;
color:#5B2EFF;
background:#fff;
}

@media only screen and (min-width:48em){

.showreel-edit-grid{
grid-template-columns:1fr 1fr;
}
}



/* downgrading */
.cancel-button {display: inline-block;padding: 10px 16px;background: #e6e6e6;color: #333;text-decoration: none;border-radius: 4px;border: 1px solid #ccc;cursor: pointer;font-size: 14px;font-weight: 400;transition: background 0.15s ease, border-color 0.15s ease;}
.cancel-button:hover {background: #dddddd;border-color: #bbb;}	
.help-button {display: inline-block;margin-top: 10px;padding: 12px 18px;background: linear-gradient(135deg, #f3f0ff, #e6e0ff);color: #4a32b8;text-decoration: none;border-radius: 6px;border: 1px solid #d6ccff;font-size: 14px;font-weight: 500;cursor: pointer;transition: all 0.2s ease;}
.help-button:hover {background: linear-gradient(135deg, #e8e2ff, #dcd3ff);border-color: #c4b8ff;color: #3d28a3;transform: translateY(-1px);box-shadow: 0 2px 6px rgba(0,0,0,0.08);}




body{font-family:'Inter', sans-serif;color:#1d1e2e;background:#fff}
html, body{margin:0;padding:0}
img{border:0;max-width:100%;vertical-align:middle}
a{text-decoration:none;color:#495EFC}
*{box-sizing:border-box}
.center{text-align:center}
#main-content{padding:2em 0 2em 0;margin:0 auto;}
p{font-size:.98em;line-height:1.55;color:#5e6985;letter-spacing: 0.01em;}
h1{font-size:1.4em;font-weight:600;line-height:1.25;color:#1d1e2e;margin:0 5% .6em 5%;letter-spacing:-0.005em}
h2,h3{font-size:1.25em;font-weight:400;line-height:1.35;color:#1E293B;margin:0 0 .5em 0}
.subtext{margin:0 5% 1.4em 5%;font-size:.98em;line-height:1.55;color:#5e6985}
.cb{clear:both}
.sides{margin:0 10% 0 10%}
.up1{padding-top:1em}
.up2{padding-top:2em}
.down1{padding-bottom:1em}
.down2{padding-bottom:2em}
.bottom-spacing{padding-top:4em}
.bottom-spacing-double{padding-top:16em}
.dotted-line{border: none;border-top: 1px dotted #5e6985;margin: 1.5em 0;}

/* - Header - */
#fixed{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:1000}

.header-top-wrap{background:#fff}


.header-top{
display:flex;
align-items:center;
justify-content:space-between;
background:#fff;
margin:0 auto;
padding-top:.8em;
padding-bottom:.8em;
}


.links-panel2{background:#f5f3fb;
border-bottom:0.05em solid #e2dcf3;}

.links-panel-wrap{background:#2a2738}

.links-panel{
display:flex;
justify-content:flex-end;
align-items:center;
gap:0;
padding-top:.8em;
padding-bottom:.8em;
	
}

.header-top,
.links-panel{
width: min(100% - 32px, 1000px);
margin: 0 auto;
padding-left:16px;
padding-right:16px;
}




.header-logo{display:flex;align-items:center;}
.header-logo img{display:block;width:145px;height:auto}
.header-right{display:flex;align-items:center;gap:.35em;flex-shrink:0}
.header-right .create-profile-btn{margin:0 .35em;}

.create-profile-btn{height:32px;display:inline-flex;align-items:center;gap:.45em;padding:.36em .64em;background:#1D4ED8;border-radius:.4em;color:#fff;text-decoration:none;font-family:'Inter', sans-serif;font-size:.9em;font-weight:400;line-height:1;}

.create-profile-btn-display{height:32px;display:inline-flex;align-items:center;gap:.35em;padding:.36em .58em;background:#92400E;border-radius:.4em;color:#fff;text-decoration:none;font-family:'Inter', sans-serif;font-size:.88em;font-weight:400;line-height:1;white-space:nowrap;flex-shrink:0}

.header-top{gap:.6em}
.header-logo{display:flex;align-items:center;flex-shrink:1;min-width:0}

@media only screen and (max-width:380px){
.header-logo img{width:125px}
.create-profile-btn-display{font-size:.8em;padding:.32em .5em;gap:.3em}
.create-profile-icon svg{width:18px;height:18px}
.header-icon img{width:30px}
.menu-icon img{width:34px}
}












.drawer-link { display: flex; align-items: center; gap: 12px; padding: 12px 16px; text-decoration: none; }
.drawer-link-icon { width: 20px; height: 20px; flex: 0 0 20px; display: inline-flex; align-items: center; justify-content: center; }
.drawer-link-icon svg { width: 100%; height: 100%; stroke: #6a5cff; opacity: 0.85; stroke-width: 1.6; fill: none; }
.drawer-link-text { font-size: 15px; color: #222; }
.drawer-link:hover { background: #f5f5f5; }
.drawer-link:hover svg { stroke: #6a5cff; opacity: 1; }
.drawer-link:hover .drawer-link-text { color: #6a5cff; }



















.create-profile-icon{display:inline-flex;align-items:center;justify-content:center;}
.create-profile-icon svg{width:22px;height:22px;display:block;color:#fff;}
.create-profile-text{display:inline-flex;align-items:center;}
.header-icon{display:inline-flex;align-items:center;justify-content:center}
.header-icon img{width:35px;height:auto;display:block}
.menu-icon img{width:40px}
.links-text{color:#fff;font-size:1em;padding:0 0;font-weight:normal}
.divider{width:1px;height:16px;background:#8a8a8a;margin:0 .6em;}
.help-link{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid rgba(255,255,255,0.6);border-radius:50%;color:#fff;font-size:.75em;font-weight:700;text-decoration:none;flex-shrink:0;top:1.2px:line-height:1}
.help-link:hover{border-color:#ffffff;color:#ffffff}

/*
.header-spacer{
    height:12em;
}
*/

.header-spacer{
height:7em;
}

body.has-second-panel .header-spacer{
height:12em;
}

/* Search box */
.search-field{-webkit-appearance:none;appearance:none;color:#5e6985;;font-family:'Inter';font-size:1em;padding:1em;padding-left:1.2em;padding-right:2.5em;border-radius:.4em;width:80%;background-color:#fff;border:1px solid #6B7280;text-align:center;text-align-last:center;text-indent:0.4em;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%238a8a8a' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.8em center;background-size:16px}
.search-field::placeholder{color:#5e6985}
.field-gap{margin:0 0 1em 0}
.button-blue{-webkit-appearance:none;border:1px solid transparent;background-color:#5B2EFF;border-radius:.4em;font-family:'Inter', sans-serif;font-size:1em;font-weight:400;color:#fff;width:80%;padding:.95em 1em;margin:0 auto;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:background-color 0.25s ease,color 0.25s ease,border-color 0.25s ease,}
.button-blue:hover{background-color:#fff;color:#5B2EFF;border-color:#5B2EFF}
.btn-arrow{position:absolute;right:1em;top:50%;transform:translateY(-50%)}
.btn-arrow svg{width:16px;height:16px;display:block}
.btn-spinner{display:none;position:absolute;right:1em;top:50%;width:16px;height:16px;margin-top:-8px;border:2px solid rgba(255,255,255,0.35);border-top-color:#fff;border-radius:50%;animation:spin 0.7s linear infinite}
.button-blue.loading{background-color:#4c25d6;color:#fff;border-color:transparent;pointer-events:none;opacity:0.95}
.button-blue.loading .btn-arrow{display:none}
.button-blue.loading .btn-spinner{display:block;}

@keyframes spin{
  to{transform:rotate(360deg);}
}

/* Index pages bullet points */
.feature-band{margin:2.5em 5%;padding:2em 0;background:#f8fafc;border-radius:.4em;border:1px solid #e4eaf3}
.feature-inner{margin:0 10%;text-align:center;}
.feature-icon{width:36px;margin:1em 0 3em 0;opacity:.9;}
.feature-band p{margin:0 0 .8em 0;color:#37476a;font-size:.98em;line-height:1.55}
.featured-text{font-size:.98em}
.siren {width: 12%;margin-bottom: 1em}

/* Index pages featured castings and latest articles */
.audition-item{display:flex;align-items:center;justify-content:space-between;margin:1em 5%;padding:.8em;background:#fff;border-radius:.4em;}
.audition-text{flex:1;padding-right:.8em}
.audition-text a{font-size:.93em;color:#5e6985;font-weight:normal;line-height:1.55;display:block}
.audition-image{width:90px;flex-shrink:0}
.audition-image img{width:100%;height:70px;object-fit:cover;border-radius:.4em;display:block}

/* Index pages testimonials */

.testimonial-card{display:flex;align-items:center;gap:1em;background:#F9F7FF;border-radius:.4em;border:1px solid #e5e7eb;padding:1em;margin:1.8em 5% 0 5%;}
.testimonial-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;flex-shrink:0}
.testimonial-content{flex:1;min-width:0;}
.testimonial-quote{margin:0 0 .7em 0;font-size:.98em;line-height:1.55;color:#37476a;text-align:left;}
.testimonial-meta{display:flex;align-items:center;gap:.5em;flex-wrap:wrap;margin-bottom:.2em}
.testimonial-name{font-size:.85em;font-weight:700;color:#1d1e2e;}
.testimonial-role{font-size:.72em;font-weight:600;color:#6b7280;background:#f3f4f6;padding:.5em 1em .5em 1em;border-radius:.4em;line-height:1;}
.testimonial-location{font-size:.75em;color:#6f7280;line-height:1.2}

/* Index page cta */
.cta-block{margin:1.5em 5%;padding:1em 1.2em 2em 1.2em;background:#f4f3ff;border:1px solid rgba(91,46,255,0.15);border-radius:.4em;text-align:center}
.cta-text{font-size:1em;font-weight:500;color:#2A2A34;margin-bottom:.6em;text-align:center}
.cta-button{display:inline-block;padding:.6em 1em;background:#5b2eff;color:#fff;border-radius:.4em;font-size:.9em;font-weight:500;text-decoration:none;transition:all .2s ease}
.cta-button:hover{background:#4a24d6;}

/* Brands */
.trusted-by{margin:3em 5% 0 5%;padding:1.2em 1em;background:#f3f3f3;border:1px solid #ececf2;border-radius:.4em;text-align:center}
.trusted-title{font-size:.85em;color:#6b7280;margin-bottom:.95em;letter-spacing:.02em;text-align:center}
.trusted-logos{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1.2em}
.trusted-logos img{height:20px;opacity:0.9;filter:grayscale(100%);transition:opacity .2s ease}

/* Create profile 01 */
.start-shell{padding:1em 0 1.8em 0;background:transparent}
.start-flow-wrap{width:80%;max-width:560px;margin:0 auto}
.start-flow-wrap .search-field,
.start-flow-wrap .button-blue{width:100%}
.start-info-card{margin:1em 0 0 0;background:#f8fafc;padding:1.1em 1em;border-radius:1em;border:1px solid #e4eaf3;}
.start-sub{margin:0 0 1.05em 0;color:#5e6985;font-size:1em;line-height:1.5;text-align:center}
.start-shell{padding:0 0 1.8em 0}
.start-info-card p{margin:0 0 .8em 0;color:#37476a;font-size:.98em;line-height:1.55;}
.start-points{list-style:none;margin:0;padding:0;}
.start-points li{position:relative;padding-left:1.2em;margin:.9em 0;color:#43506d;font-size:.93em;line-height:1.4;}
.start-points li:before{content:"✓";position:absolute;left:0;top:0;color:#6a29ff;font-weight:700}
.start-links{margin-top:.9em;font-size:.92em;color:#6a748f;text-align:center}
.start-links a{color:#495EFC;text-decoration:none;font-weight:600}
.start-links a:hover{text-decoration:underline}

/* Create profile 02 */
.register-shell{padding:0 .2em 1.8em .2em;background:transparent}
.register-card,
.register-info-card{max-width:560px;margin:0 8px 1em 8px;;border-radius:1em;border:1px solid #e4eaf3}
.register-card h1{margin-top:0}
.register-card{background:transparent;padding:0;}
.register-flow-wrap{width:100%;max-width:560px;margin:0 auto}
.register-flow-wrap .reg-input,
.register-flow-wrap .reg-select,
.register-flow-wrap .button-blue{width:100%}
.register-info-card{background:#f8fafc;padding:1.05em 1em}
.register-sub{margin:0 0 1.05em 0;color:#5e6985;font-size:1em;line-height:1.5;text-align:center}
.register-grid{display:grid;grid-template-columns:1fr;gap:.75em}
.field-wrap{margin:0}
.reg-input::placeholder{color:#5e6985;opacity:1;text-align:center}
.reg-input,
.reg-select{-webkit-appearance:none;appearance:none;width:100%;box-sizing:border-box;border:1px solid #6B7280;border-radius:.4em;background:#fff;color:#5e6985;font-family:'Inter', sans-serif;font-size:1em;font-weight:400;padding:1em 1.2em;outline:none;}
#email{text-align:center}
.reg-select{text-align:center;text-align-last:center;text-indent:0.4em;padding-right:2.5em;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%238a8a8a' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.8em center;background-size:16px}
.reg-input:focus,
.reg-select:focus{border-color:#6B7280;}
.suggestion-container{margin:.7em 0 0 0;color:#c0392b;font-size:.92em}
.terms-row{margin:2em 0 0 0;font-size:.95em;color:#5a6480;line-height:1.5}
.terms-row a{color:#495EFC;text-decoration:none;font-weight:600}
.terms-row a:hover{text-decoration:underline}
.checkbox-wrap{display:flex;align-items:flex-start;gap:.65em}
.checkbox-wrap input[type="checkbox"]{margin-top:.2em;transform:scale(1.05)}
.submit-row{margin-top:1em}
.submit{width:100%;border:1px solid transparent;border-radius:.8em;background:#6a29ff;color:#fff;font-size:1em;font-weight:400;padding:.95em 1em;cursor:pointer;margin:0 0 1em 0}
.submit:hover{background-color:#fff;color:#6a29ff;border-color:#6a29ff}
.register-info-card{margin-top:1.5em}
.register-points{list-style:none;margin:0;padding:0}
.register-points li{position:relative;padding-left:1.2em;margin:.45em 0;color:#43506d;font-size:.93em;line-height:1.4}
.register-points li:before{content:"✓";position:absolute;left:0;top:0;color:#6a29ff;font-weight:700}
.register-points li:last-child{margin-bottom:1.5em}
.register-card .button-blue,
.start-hero-card .button-blue{width:100%;}

/* Search results & listings */
.results-wrap{width:90%;max-width:600px;margin:0 auto;box-sizing:border-box}
.title{font-size:1.25em;font-weight:400;line-height:1.35;color:#1E293B;margin:0 0 .5em 0}
.synopsis{font-size:.93em;line-height:1.55;color:#5e6985;letter-spacing:0.01em;font-weight:normal}
.listings-subheader{font-size:.93em;line-height:1.55;color:green;letter-spacing:0.01em;font-weight:normal}
.listings-box{padding:1em 1em 1em 1em}
.listings-image{float:left;width:30%;padding-top:.4em;padding-bottom:1em;padding-right:1em}
.round{border-radius:.4em}
.listings-details{width:95%;float:left}
.outside{border:1px solid #B4B4B4;border-radius:.4em;margin:1.5em 0 1.5em 0;background:#fff}
.button-listings{-webkit-appearance:none;appearance:none;border:1px solid transparent;background-color:#5B2EFF;border-radius:.4em;font-family:'Inter', sans-serif;font-size:.93em;font-weight:400;color:#fff;width:50%;padding:.8em .8em .8em .8em;margin:.9em 0 0 0;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;transition:background-color 0.25s ease,color 0.25s ease,border-color 0.25s ease}
.button-listings:hover{background-color:#fff;color:#5B2EFF;border-color:#5B2EFF}

/* Jobs */
.page-wrap{max-width:632px;margin:0 auto;padding:0 16px}
.jobs-sides{margin:0 0 1.2em 0}
.image-size{margin:0 0 1.5em 0}
.image-size img{display:block;width:100%;max-width:130px;height:auto;margin:0 auto}
.image-size img{display:block;margin-left:0;margin-right:auto}
#main-content h2{margin:0 0 .8em 0}
#enclosure{clear:both;padding:1.5em 0 3em 0;background-color:#F9FCFF;border-style:solid;border-color:#008000;border-width:1px;border-radius:.4em;margin:0 10% 0 10%}
#enclosure-2{clear:both;padding:1.5em 0 3em 0;background-color:#F9FCFF;border-style:solid;border-color:#008000;border-width:1px;border-radius:.4em;margin:0 10% 0 10%}
.input{width:60%;background-color:#fff;color:#008000;font-family:'Inter';font-size:1em;padding:1em;text-align:justify;border-radius:.4em;border-width:1px}
.details-outside{border:1px solid #6B7280;border-radius:.4em;margin:1.5em 0 1.5em 0;background:#f8fafc;padding:1.5em 1em 1.5em 1em}
.boxx{border:#c8c8c8 1px solid;background:#f9fcff;border-radius:.4em;width:50%;padding:.5em 0 .5em 0}
.bullets{color:#555555;font-size:1em;line-height:1.8em}
.jobs-text-01{color:green;line-height:1.8em}
.jobs-text-01{color:darkgreen}
.darkblue{color:#37476a}
.demographics{}
.character{color:5e6985​;font-weight:500}
.role{color:5e6985}
.button-apply{-webkit-appearance:none;border:1px solid #fff;background-color:blue;border-radius:.4em;font-family:'Inter';font-size:.9em;font-weight:normal;color:#fff;width:100%;padding:.8em .8em .8em .8em}

.floating-apply-btn{position:fixed;left:50%;bottom:15px;bottom:calc(24px + env(safe-area-inset-bottom));transform:translateX(-50%);-webkit-transform:translateX(-50%);background-color:#2563EB;color:#ffffff;padding:16px 48px;font-size:16px;font-weight:600;letter-spacing:0.3px;border-radius:8px;text-decoration:none;z-index:2147483647;cursor:pointer;transition:transform 0.2s ease, background-color 0.2s ease;-webkit-transition:-webkit-transform 0.2s ease, background-color 0.2s ease;animation:floatingApplyPulse 2.5s infinite;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.floating-apply-btn:hover{transform:translateX(-50%) scale(1.04);-webkit-transform:translateX(-50%) scale(1.04);background-color:#1D4ED8;box-shadow:0 12px 30px rgba(37, 99, 235, 0.45)}
.floating-apply-btn:active{transform:translateX(-50%) scale(0.98);-webkit-transform:translateX(-50%) scale(0.98);}

@keyframes floatingApplyPulse{
  0%{box-shadow:0 0 0 0 rgba(37, 99, 235, 0.45);}
  70%{box-shadow:0 0 0 18px rgba(37, 99, 235, 0);}
  100%{box-shadow:0 0 0 0 rgba(37, 99, 235, 0);}
}

@media (prefers-reduced-motion: reduce){
  .floating-apply-btn{animation:none;transition:none}
}

.popular-band{margin:2.5em 5%;padding:2em 0;background:#f8fafc;border-radius:1em;border:1px solid #e4eaf3}
.popular-inner{margin:0 10%;text-align:left;}

/* Help pages */
*{box-sizing:border-box;}
html, body{margin:0;padding:0;background:#ffffff;color:#0f172a;font-family:'Inter', sans-serif;}
body{min-height:100vh;}
a{color:inherit;text-decoration:none;}
.help-centre{width:100%;max-width:600px;margin:0 auto;padding:1em 1.5em 1em 1.5em;}
.hero{text-align:center;margin-bottom:20px;}
.hero p{margin:0 auto 20px;max-width:32ch;font-size:1.05rem;line-height:1.6;color:#475569;}
.search-bar{display:flex;align-items:stretch;width:100%;border:1px solid #6B7280;border-radius:.4em;overflow:hidden;background:#fff;}
.search-icon{display:flex;align-items:center;justify-content:center;width:54px;color:#64748b;flex-shrink:0;}
.search-icon svg{width:22px;height:22px;}
.search-bar input{flex:1;min-width:0;border:0;padding:16px 14px 16px 16px;font-size:1rem;font-family:'Inter', sans-serif;outline:none;color:#0f172a;}
.search-bar input::placeholder{color:#64748b;}
.search-bar button{border:0;background:#1d4ed8;color:#fff;padding:0 18px;font-size:1rem;font-weight:600;font-family:'Inter', sans-serif;cursor:pointer;min-width:110px;}
.search-bar button:hover{background:#1e40af;}
.search-results{margin-top:16px;background:#fff;border:1px solid #6B7280;border-radius:.4em;overflow:hidden;}
.search-results:empty{display:none;}
.search-result{display:block;padding:12px 14px;font-size:0.95rem;color:#37476a;}
.search-result + .search-result{margin-top:4px;}
.search-result:hover{background:#f8fafc;}
.search-result mark{background:#fde68a;color:#1f2937;padding:0 2px;border-radius:.4em;}
.search-match-note{display:inline;color:#6b7280;font-size:0.9em;}
.search-empty{padding:14px;font-size:0.9rem;color:#64748b;text-align:center;}
.search-empty a{display:inline-block;margin-top:6px;color:#1d4ed8;font-weight:600;}
.quick-links{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;margin-top:2em;margin-bottom:18px;}
.quick-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:112px;padding:16px 12px;background:#f8fafc;border:1px solid #6B7280;border-radius:.4em;color:#37476a;text-align:center;font-size:0.98em;font-weight:400;line-height:1.3;}
.card-icon{display:inline-flex;align-items:center;justify-content:center;color:#5b86d6;}
.card-icon svg{width:30px;height:30px;}

.panel{margin-bottom:2em;padding:1em 5% 1em 5%;background:#fff;border:1px solid #e5e7eb;border-radius:.4em;}


.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;}
.panel-header a{font-size:0.98rem;font-weight:600;color:#1d4ed8;white-space:nowrap;}
.section-icon{display:inline-flex;color:#5b86d6;}
.section-icon svg{width:22px;height:22px;}
.list-card{background:#f8fafc;border:1px solid #6B7280;border-radius:.4em;overflow:hidden;margin-bottom:2em}
.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;font-size:0.98em;line-height:1.45;color:#37476a;border-bottom:1px solid #d6d3e3;}
.list-row:last-child{border-bottom:0;}
.list-row::after{content:"›";font-size:1.4rem;line-height:1;color:#64748b;flex-shrink:0;}
.topic-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;}
.topic-card{display:flex;align-items:center;gap:10px;min-height:92px;padding:14px 12px;background:#f8fafc;border:1px solid #6B7280;border-radius:.4em;color:#37476a;font-size:0.98em;font-weight:400;line-height:1.3;}
.topic-card::after{content:"›";margin-left:auto;font-size:1.3rem;color:#64748b;flex-shrink:0;}
.topic-icon{display:inline-flex;align-items:center;justify-content:center;color:#5b86d6;flex-shrink:0;}
.topic-icon svg{width:24px;height:24px;}
.support-button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:54px;padding:14px 18px;background:#1d4ed8;color:#fff;border-radius:.4em;font-weight:400;font-size:1rem;text-align:center;}
.support-button:hover{background:#1e40af;}
.join-steps{margin:.5em 0 1em 0;display:flex;flex-direction:column;gap:1.1em;}
.join-step{display:flex;align-items:flex-start;gap:0.65em;padding:0.9em 1em;background:#f8fafc;border:0.06em solid #e2e8f0;border-radius:0.4em;font-size:.98em;line-height:1.45;color:#5e6985;letter-spacing:0.01em;}
.step-icon{display:inline-flex;align-items:center;justify-content:center;width:1.4em;height:1.4em;min-width:1.4em;border-radius:50%;background:#f8fafc;border:0.08em solid #64748b;color:#64748b;font-size:0.8em;font-weight:normal;margin-top:0.25em;}
.step-title{display:block;color:#334155;font-weight:500;margin-bottom:1em;}
.step-desc{display:block;line-height:1.55;}
.join-link{color:#1d4ed8;text-decoration:none;font-weight:500;}
.join-link:hover{text-decoration:underline;}
.button-cancel{-webkit-appearance:none;display:block;width:80%;padding:.95em 1em;margin:1.5em auto 2em auto;border:1px solid transparent;border-radius:.4em;background-color:red;font-family:'Inter',sans-serif;font-size:1em;font-weight:400;color:#fff;text-align:center;cursor:pointer}

/* Fees */
.pricing-grid{display:flex;flex-direction:column;gap:1em;margin-top:1.2em;}
.pricing-card{background:#f8fafc;border:0.06em solid #e2e8f0;border-radius:.4em;padding:1em;}
.pricing-card-featured{border:0.08em solid #94a3b8;}
.pricing-label{display:inline-block;margin-bottom:.7em;padding:.35em .7em;background:#eef2f7;border-radius:999px;font-size:.82em;color:#475569;}
.pricing-card h3{margin:0 0 .35em 0;font-size:1.1em;font-weight:500;color:#334155;}
.pricing-price{margin:0 0 .45em 0;font-size:1.2em;font-weight:normal;color:#16a34a;line-height:1.2;}
.pricing-text{margin:0;font-size:.98em;line-height:1.55;color:#5e6985;letter-spacing:0.01em;}
.fees-page{background:#f8fafc;}
.fees-page #main-content{background:transparent;}
.fees-page .panel{background:#ffffff;}
.fees-page .pricing-label{display:inline-block;margin-bottom:.7em;padding:.35em .7em;background:#eef2f7;border:1px solid #d8e0ea;border-radius:999px;font-size:.82em;color:#475569;line-height:1;}
.fees-page .pricing-card{background:#f8fafc;border:0.06em solid #e2e8f0;border-radius:0.4em;padding:1em;}
.fees-page .pricing-card-featured{border:0.08em solid #94a3b8;background:#f1f5f9;}

/* Menu slider */
#menuToggle,
button.menu-toggle,
.header-icon.menu-icon.menu-toggle{-webkit-appearance:none;appearance:none;border:none;background:transparent;outline:none;padding:0;margin:0;border-radius:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:1002;touch-action:manipulation;}
#menuToggle::-moz-focus-inner{border:0;padding:0;}
#menuToggle img{display:block;width:40px;height:auto;pointer-events:none;}
.drawer-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease, visibility .25s ease;z-index:1998;}


.site-drawer {position:fixed;top:0;right:0;height:100vh;width:min(86vw,24em);background:#ffffff;transform:translateX(100%);transition:transform .28s ease;z-index:1999;display:flex;flex-direction:column;}


.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:1.1em 1em;border-bottom:1px solid #e5e7eb;}
.drawer-logo img{width:9.5em;height:auto;display:block;}
.drawer-close{-webkit-appearance:none;appearance:none;border:1px solid #cbd5e1;background:#fff;color:#1e293b;width:2em;height:2em;border-radius:.4em;font-size:1.8em;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;}
.drawer-nav{padding:.4em 0 1em 0;overflow:auto;}
.drawer-link{display:block;padding:1em 1.2em;font-size:1.02em;line-height:1.35;color:#37476a;border-bottom:1px solid #eef2f7;text-decoration:none;background:#fff;}
.drawer-link:hover{background:#f8fafc;}
body.drawer-open{overflow:hidden;}
body.drawer-open .drawer-overlay{opacity:1;visibility:visible;pointer-events:auto;}
body.drawer-open .site-drawer{transform:translateX(0);}

@media only screen and (min-width:1024px){
  .site-drawer{width:min(30vw,25em);}
}




<!-- ============================= -->
<!-- =====   Profile Card   ===== -->
<!-- ============================= -->


	

	
	
/* ===== ID Card ===== */
















	
/* Edit profile */

.showreel-row {display:flex;align-items:center;gap:1em;}
.showreel-upload-box {width:110px;height:75px;border-radius:8px;overflow:hidden;background:#f3f4f6;position:relative;flex-shrink:0;}
.showreel-upload-box img,.showreel-upload-box video {width:100%;height:100%;object-fit:cover;display:block;}
.play-icon {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:#6b38ff;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;}
	
	

.showreel-upload-box img {
width:100%;
height:100%;
object-fit:cover;
opacity:90;           /* match faded thumbnails */
}
	
	
	
	.photo-grid {display:grid;grid-template-columns:repeat(4,90px);gap:.8em;justify-content:center;margin-top:1em;}
.photo-slot {width:90px;text-align:center;border:1px solid #e5e7eb;border-radius:10px;padding:.5em;background:#fff;}
.photo-slot img {width:90px;height:90px;object-fit:cover;border-radius:8px;display:block;}
.photo-slot a {display:block;margin-top:.6em;color:#2563eb;text-decoration:none;font-size:.8em;}
.photo-slot.locked {opacity:.45;background:#f9fafb;}
.photo-slot-lock {margin-top:.6em;color:#6b7280;font-size:.75em;}
	
	
	
.social-link {
color:#9ca3af;
text-decoration:none;
pointer-events:none;
cursor:default;
}

.social-link.active {
color:#1a0dab;
pointer-events:auto;
cursor:pointer;
}

.social-status {
display:none;
margin-left:.5em;
font-size:.8em;
color:#16a34a;
}

.social-link.active .social-status {
display:inline;
}


/* Payment pages */

.pay-page { background:#f8fafc; }
.pay-shell { width:100%; max-width:600px; margin:0 auto; padding:1em 1.5em 2em 1.5em; }
.pay-hero.panel { padding:1.2em 1em 1.2em 1em; }
.pay-hero-top { display:flex; align-items:flex-start; justify-content:space-between; gap:1em; margin-bottom:.8em; }
.pay-hero-copy { flex:1; min-width:0; }
.pay-hero-copy h1 { margin:0 0 .45em 0; font-size:1.55em; line-height:1.2; color:#1d1e2e; }
.pay-hero-copy .subtext { margin:0; }
.pay-lock { flex:0 0 auto; width:3.5em; }
.pay-lock img { display:block; width:100%; height:auto; }
.pay-points { list-style:none; margin:1em 0 1em 0; padding:0; display:grid; gap:.7em; }
.pay-points li { position:relative; padding-left:1.2em; color:#37476a; font-size:.95em; line-height:1.45; }
.pay-points li:before { content:"✓"; position:absolute; left:0; top:0; color:#5B2EFF; font-weight:700; }
.pay-plans { display:flex; flex-direction:column; gap:1em; margin-top:1.2em; }
.pay-plan { position:relative; overflow:hidden; }
.pay-plan.pricing-card { padding:1.1em 1em 1em 1em; }
.pay-plan-featured { border:.08em solid #7c69ff; background:linear-gradient(180deg, #f3efff 0%, #ffffff 100%); margin:1em 0 1em 0}
.pay-plan-secondary { background:#fff; }
.pay-badge { display:inline-block; margin-bottom:.8em; padding:.35em .75em; border-radius:999em; font-size:.8em; color:#4c1d95; background:#ede9fe; border:1px solid #d8b4fe; line-height:1; }
.pay-plan-head { display:flex; align-items:flex-start; justify-content:space-between; gap:1em; margin-bottom:.45em; }
.pay-plan-title { margin:0; font-size:1.08em; font-weight:600; color:#1E293B; }
.pay-price-row { display:flex; align-items:flex-end; gap:.35em; margin:.2em 0 .45em 0; }
.pay-price { font-size:1.6em; font-weight:600; line-height:1; color:#1d1e2e; }
.pay-price-unit { font-size:.95em; color:#5e6985; line-height:1.2; }
.pay-billed { margin:0 0 .95em 0; font-size:.9em; color:#64748b; }
.pay-features { list-style:none; margin:0 0 1em 0; padding:0; display:grid; gap:.55em; }
.pay-features li { position:relative; padding-left:1.15em; font-size:.93em; line-height:1.4; color:#43506d; }
.pay-features li:before { content:"✓"; position:absolute; left:0; top:0; color:#5B2EFF; font-weight:700; }
.pay-plan .button-blue { width:88%; margin-bottom:1em; display:flex; justify-content:center; font-size:.95em; padding:.8em 1em; background-color:#6B5CFF}
.pay-plan .button-blue:hover {background:#fff;color:#6B5CFF;border:1px solid #6B5CFF;}
.pay-trust.panel { padding:1em 0 2em 0; text-align:center; }
.pay-trust-title { margin:0 0 .8em 0; font-size:.92em; color:#64748b; }
.pay-trust-logos img { max-width:220px; width:100%; height:auto; }

/* Photo upload pages */

.button-blue-photos{-webkit-appearance:none;border:1px solid transparent;background-color:#5B2EFF;border-radius:.4em;font-family:'Inter', sans-serif;font-size:.93em;font-weight:400;color:#fff;width:60%;padding:.6em .6em .6em .6em;margin:0 auto;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:background-color 0.25s ease,color 0.25s ease,border-color 0.25s ease}
.button-blue-photos:hover{background-color:#fff;color:#5B2EFF;border-color:#5B2EFF}



/* photo card on profile page */

#id-card { display:grid; grid-template-columns:60% 1fr; gap:1em; width:100%; max-width:100%; box-sizing:border-box; background:#F9F7FF; }
#panel-id-card { background:#F9F7FF; }
#id-card .id-card-main { position:relative; width:100%; aspect-ratio:3/4; overflow:hidden; border-radius:.4em; }
#id-card .id-card-main img { width:100%; height:100%; object-fit:cover; display:block; }

#id-card .id-card-thumbnails {
display:grid;
grid-template-columns:repeat(2,1fr);
gap:0.5em;
width:100%;
box-sizing:border-box;
align-content:start;
}
	
#id-card .id-card-thumb { width:100%; aspect-ratio:1/1; overflow:hidden; border-radius:.4em; border:0.05em solid #d6ccff; background:#eee; }
#id-card .id-card-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
#panel-id-card .preview-identity-stats { display:block; }
#panel-id-card .preview-identity-stats div { display:block; width:100%; white-space:normal; border:0.05em solid #d6ccff; padding:0.9em; margin-bottom:0.75em; box-sizing:border-box; }
	
	.image-overlay {
position:fixed;
inset:0;
background:rgba(10,10,16,.88);
backdrop-filter:blur(10px);
display:flex;
align-items:center;
justify-content:center;
z-index:99999;
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity .22s ease, visibility .22s ease;
}

.image-overlay.active {
opacity:1;
visibility:visible;
pointer-events:auto;
}

.image-overlay img { width:96vw; height:96vh; object-fit:contain; border-radius:.5em; transform:scale(.92); opacity:0; transition:transform .24s cubic-bezier(.2,.8,.2,1), opacity .2s ease; box-shadow:0 1.5em 4em rgba(0,0,0,.45); }

.image-overlay.active img {
transform:scale(1);
opacity:1;
}

.image-overlay-close { position:absolute; top:1em; right:1em; width:2.4em; height:2.4em; border:0; border-radius:50%; background:rgba(255,255,255,.08); color:#fff; font-size:1.35em; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; z-index:100000; backdrop-filter:blur(10px); transition:background .18s ease, transform .18s ease; }

.image-overlay-close:hover { background:rgba(255,255,255,.16); transform:scale(1.06); }








#panel-showreel { background:#F9F7FF; padding:1em; border-radius:.4em; width:100%; box-sizing:border-box; margin-bottom:1em; }
#panel-showreel h2 { margin:0 0 0.75em 0; font-size:1.2em; color:#1E293B; }
.video-showreel-container { display:grid; grid-template-columns:repeat(3,1fr); gap:0.75em; width:100%; }
.video-showreel-box { background:#fff; border:0.05em solid #d6ccff; border-radius:.4em; padding:0.45em; text-align:center; font-size:0.8em; color:#1E293B; box-sizing:border-box; overflow:hidden; }
.video-showreel-box a { display:block; text-decoration:none; color:inherit; }
.video-showreel-bg { width:100%; height:75px; min-height:75px; display:block; object-fit:cover; border-radius:.35em; margin-bottom:0.4em; background-color:#e5e7eb; }
.video-showreel-box p { margin:0; font-size:.8em; line-height:1.2; color:#5e6985; }
	
.showreel-close {
position:absolute;
top:1em;
right:1em;
width:2.4em;
height:2.4em;
border:0;
border-radius:50%;
background:rgba(255,255,255,.08);
color:#fff;
font-size:1.35em;
line-height:1;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
z-index:100000;
backdrop-filter:blur(10px);
transition:background .18s ease, transform .18s ease;
}

.showreel-close:hover {
background:rgba(255,255,255,.16);
transform:scale(1.06);
}	
	
		











/* Articles */

.article-page h1{margin:0 0 .9em 0;text-align:center;line-height:1.2;}
.article-page p{margin:0 0 1.25em 0;line-height:1.8;}
.article-page ul{margin:0 0 1.4em 0;}
.article-hero-image{display:block;width:100%;max-width:320px;height:auto;margin:0 auto 1.3em auto;}
.article-meta{max-width:320px;margin:0 auto 2em auto;padding:1em 1.15em;background:#eef2f7;border:1px solid #e2e8f0;border-radius:.45em;font-size:.85em;line-height:1.75;color:#475569;}
.article-meta strong{display:block;margin:0 0 .15em 0;font-size:.95em;color:#1d1e2e;}
.article-meta span{display:block;margin-top:.2em;font-size:.8em;color:#6b7280;}
.advert{margin:2em 0;padding:1.1em 1.15em;background:#f7f8fb;border:1px solid #e4e8f0;border-radius:.6em;}
.advert-title{margin:0 0 .45em 0;font-size:1.05em;font-weight:600;color:#1d1e2e;}
.advert-text{margin:0;line-height:1.75;color:#4b5563;}
.advert-text a{color:#2563eb;font-weight:400;text-decoration:none;}
.advert-text a:hover{text-decoration:underline;}
.more-articles{margin-top:2.2em;}
.more-articles-links{margin:0;padding:0;list-style:none;}
.more-articles-links li{margin:0 0 .95em 0;padding:0 0 .95em 0;border-bottom:1px solid #eceff4;line-height:1.6;}
.more-articles-links li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.more-articles-links a{transition:color .15s ease;}
.more-articles-links a:hover{color:#2563eb;}

/* Account page */

 .fs-switch { margin-left:1.5em; position:relative; display:inline-block; width:3.7em; height:1.8em; cursor:pointer; }
 .fs-switch input { position:absolute; opacity:0; width:0; height:0; }
 .fs-switch-slider { position:relative; display:block; width:100%; height:100%; border-radius:999em; background:#d9e1ea; transition:background .25s ease; }
 .fs-switch-slider:before { content:""; position:absolute; top:0.15em; left:0.15em; width:1.43em; height:1.43em; border-radius:50%; background:#fff; ; transition:transform .25s ease; }
 .fs-switch input:checked + .fs-switch-slider { background:linear-gradient(90deg,#8d2cff,#b12cff); }
 .fs-switch input:checked + .fs-switch-slider:before { transform:translateX(1.8em); }
 .fs-switch input:focus + .fs-switch-slider { box-shadow:0 0 0 0.12em rgba(141,44,255,.2); }
 .membership-toggle-link { position:relative; display:inline-block; width:7.8em; height:2.2em; margin-left:1.5em; margin-top:-0.35em; padding:0; border:0; border-radius:999em; background:#d9e1ea; overflow:hidden; cursor:pointer; transition:background .25s ease; }
 .membership-toggle-text { position:absolute; top:50%; left:3em; transform:translateY(-50%); font-size:.98em; font-weight:400; color:#6b7280; white-space:nowrap; transition:color .25s ease; }
 .membership-toggle-knob { position:absolute; top:.2em; left:.2em; width:1.8em; height:1.8em; border-radius:50%; background:#fff; transition:transform .25s ease; }
 .membership-toggle-link.is-on { background:linear-gradient(90deg,#8d2cff,#b12cff); }
 .membership-toggle-link.is-on .membership-toggle-knob { transform:translateX(5.6em)}
 .membership-toggle-link.is-on .membership-toggle-text { color:#fff}


.account-button{
display:inline-block;
padding:.7em 1.4em;
background:#6b38ff;
color:#fff;
border-radius:.4em;
text-decoration:none;
font-size:.9em;
}


/* casting call */

.roles-list {margin-top: 0.6em;}

.role-item {
  display: flex;
  align-items: flex-start;
  gap: 0.6em;
  padding: 0.6em 0.4em;
  border-bottom: 1px solid #e5e7eb;
  cursor: pointer;
}

.role-item:last-child {
  border-bottom: none;
}

.role-item input {
  margin-top: 0.25em;
  transform: scale(1.1);
}

.role-item span {
  display: block;
  line-height: 1.4;
  color: #1e293b;
  font-size: 0.95em;
} 
		
.application-header{
  display:flex;
  flex-direction:column; 
  align-items:flex-start;
  gap:0.8em;
  margin-bottom:1.2em;
}

.application-profile-photo{
  width:72px;
  height:72px;
  margin:0;
  border-radius:.4em;
  overflow:hidden;
  background:#f8fafc;
  border:1px solid #e5e7eb;
  flex-shrink:0;
}

.application-header-fields{
  flex:1;
}

.application-profile-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top;
  display:block;
}

	.role-item{
  border-radius:.4em;
  transition:background .15s ease;
}

.role-item:hover{
  background:#f8fafc;
}	

.casting-summary-card{
  margin:1.2em 0 1.5em 0;
  padding:1em;
  background:linear-gradient(180deg,#f8f7ff 0%,#ffffff 100%);
  border:1px solid #e2dcff;
  border-radius:.7em;
}

.casting-summary-row{
  display:flex;
  align-items:flex-start;
  gap:.8em;
  padding:.85em 0;
  border-bottom:1px solid #ece8ff;
}

.casting-summary-row:last-child{
  border-bottom:0;
}

.casting-summary-icon{
  width:34px;
  height:34px;
  min-width:34px;
  border-radius:50%;
  background:#f0edff;
  color:#5B2EFF;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.1em;
}

.casting-summary-label{
  display:block;
  margin-bottom:.2em;
  font-size:.78em;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.casting-summary-value{
  display:block;
  color:#1E293B;
  font-size:.98em;
  line-height:1.4;
}
		
		
		
		
		
		.casting-apply-panel{
  margin:1.5em 0;
  padding:1.2em;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:.7em;
}

.casting-apply-textarea{
  width:100%;
  min-height:140px;
  margin:1em 0;
  padding:1em;
  border:1px solid #6B7280;
  border-radius:.4em;
  font-family:'Inter', sans-serif;
  font-size:1em;
  color:#37476a;
  resize:vertical;
}

.casting-apply-panel .button-blue{
  width:100%;
}
		

.sending-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(248, 250, 252, 0.96);
  align-items: center;
  justify-content: center;
  padding: 1.5em;
}

.sending-card {
  width: 100%;
  max-width: 560px;
  background: #ffffff;
  border-radius: 1em;
  padding: 2em;
  text-align: center;
  border: 1px solid #e2e8f0;
}

.sending-icon {
  width: 76px;
  height: 76px;
  margin: 0 auto 1em;
  border-radius: 50%;
  background: #eef2ff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2em;
  animation: floatIcon 1.8s ease-in-out infinite;
}

.sending-card h2 {
  margin: 0 0 .4em;
  color: #1e293b;
  font-size: 1.5em;
}

.sending-card p {
  color: #64748b;
  margin: 0 0 1.2em;
}

.sending-steps {
  text-align: left;
  margin: 1.2em 0;
  display: grid;
  gap: .55em;
}

.sending-step {
  padding: .75em .9em;
  border-radius: .6em;
  background: #f1f5f9;
  color: #64748b;
  font-size: .95em;
}

.sending-step.active {
  background: #eef2ff;
  color: #5B2EFF;
  font-weight: 700;
}

.sending-step.done {
  background: #ecfdf5;
  color: #047857;
  font-weight: 700;
}

.progress-wrap {
  height: 12px;
  background: #e5e7eb;
  border-radius: 999px;
  overflow: hidden;
  margin-top: 1.2em;
}

.progress-bar {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #5B2EFF, #2563eb);
  border-radius: 999px;
  transition: width .5s ease;
}

.sending-small {
  margin-top: 1em !important;
  font-size: .85em;
  color: #94a3b8 !important;
}

@keyframes floatIcon {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}





/* profile */
	/* Profile */


.profile-shell{display:flex;flex-direction:column;gap:1.2em;}

.profile-view-card{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.8em;width:100%;background:#f0f4fb;border:1px solid #e5e7eb;border-radius:.4em;padding:.85em .9em;margin:0 0 1em 0;}

.profile-view-toggle{position:relative;display:block;width:3.7em;height:1.8em;padding:0;border:0;border-radius:999em;background:#c0d4e0;cursor:pointer;transition:background .25s ease;flex-shrink:0;}

.profile-view-toggle.is-on{background:linear-gradient(90deg,#8d2cff,#b12cff);}

.profile-view-toggle-knob{position:absolute;top:.15em;left:.15em;width:1.5em;height:1.5em;border-radius:50%;background:#FBFBFD;transition:transform .25s ease;}

.profile-view-toggle.is-on .profile-view-toggle-knob{transform:translateX(1.9em);}

.profile-view-copy{display:flex;flex-direction:column;min-width:0;}

.profile-view-copy strong{font-size:.78em;font-weight:700;line-height:1.35;letter-spacing:.02em;color:#1d1e2e;}

.profile-view-copy span{margin-top:.25em;font-size:.83em;line-height:1.45;color:#5e6985;}



.profile-identity-card{background:#f0f4fb;border:1px solid #e9e6f3;border-radius:.9em;padding:.58em;margin:0 0 1em 0;overflow:hidden;}

.profile-identity-top{display:grid;grid-template-columns:42% 1fr;gap:1.15em;align-items:start;}

.profile-identity-photo{position:relative;aspect-ratio:4/5;border-radius:.6em;overflow:hidden;background:#eef2ff;border:1px solid #dde3f2;}

.profile-identity-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:top;}

.profile-photo-edit{position:absolute;right:.45em;bottom:.45em;width:2.2em;height:2.2em;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:.45em;font-size:.95em;color:#1f2937;}

.profile-photo-edit svg{width:1.8em;height:1.8em;display:block;}

.profile-identity-info{display:flex;flex-direction:column;height:100%;padding-top:.2em;}

.profile-identity-info h1{margin:0 0 .42em 0;font-size:1.3em;font-weight:800;line-height:1;letter-spacing:-.055em;color:#12142a;}

.profile-identity-info h1:after{content:'';display:inline-block;width:.68em;height:.68em;margin-left:.28em;background:#5B2EFF;border-radius:50%;vertical-align:.05em;}

.profile-role{margin:0 0 .82em 0;font-size:1em;line-height:1.25;font-weight:500;color:#23263a;}

.profile-meta-wrap{margin-top:-.55em;margin-bottom:.8em;}

.profile-meta-small{display:flex;align-items:center;gap:.42em;margin:.55em 0;font-size:.9em;line-height:1.25;color:#4b556f;}

.profile-location-icon,.profile-age-icon{width:1em;height:1em;display:inline-flex;align-items:center;justify-content:center;vertical-align:-.08em;margin-right:.28em;color:#4b5563;flex-shrink:0;}

.profile-location-icon svg,.profile-age-icon svg{width:100%;height:100%;display:block;}

.profile-edit-button{display:inline-flex;align-items:center;justify-content:center;max-width:10em;padding:1em;margin-top:auto;margin-bottom:1em;background:#fff;border:1.5px solid #8b5cf6;border-radius:.45em;font-size:.9em;font-weight:400;line-height:1;color:#5B2EFF;text-decoration:none;}

.profile-identity-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:.68em;border:1px solid #ebe7f5;border-radius:.58em;overflow:hidden;background:#fff;}

.profile-identity-stats div{padding:.7em .52em;border-right:1px solid #ebe7f5;min-width:0;}

.profile-identity-stats div:last-child{border-right:0;}

.profile-identity-stats span{display:block;margin-bottom:.28em;font-size:.85em;font-weight:800;line-height:1.15;letter-spacing:-.01em;color:#1f2937;}

.profile-identity-stats strong{display:block;font-size:.73em;font-weight:400;line-height:1.38;color:#4b556f;word-break:normal;}

.profile-progress-card{background:#F9FAFB;border:1px solid #e9e6f3;border-radius:.9em;box-shadow:0 .6em 1.8em rgba(15,23,42,.06);padding:1.05em;margin:0 0 1em 0;overflow:hidden;}

.preview-mode .profile-progress-card{display:none;}

.profile-progress-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1em;margin-bottom:.45em;}

.profile-progress-top h2{margin:0;font-size:1.28em;font-weight:750;letter-spacing:-.03em;line-height:1.1;color:#12142a;}

.profile-progress-percent{font-size:1.5em;font-weight:800;letter-spacing:-.06em;line-height:1;color:#7c3aed;margin-top:-.28em;}

.profile-progress-sub{margin:0 0 1em 0;font-size:.88em;line-height:1.45;color:#5b6478;}

.profile-progress-bar{width:100%;height:.5em;background:#ece8f7;border-radius:999em;overflow:hidden;margin-bottom:1.05em;}

.profile-progress-fill{height:100%;border-radius:999em;background:linear-gradient(90deg,#8b5cf6,#6d28d9);transition:width .35s ease;}

.profile-progress-list{display:flex;flex-direction:column;gap:.7em;}

.profile-progress-item{display:flex;align-items:center;gap:.85em;padding:.85em .9em;background:#fff;border:1px solid #ece8f7;border-radius:.75em;text-decoration:none;transition:border-color .18s ease, transform .18s ease, background .18s ease;}

.profile-progress-item.complete{border-color:#e6f4ec;}

.profile-progress-item.incomplete{border-color:#e5dbff;}

.profile-progress-item.profile-progress-showreel.incomplete{background:#faf7ff;border-color:#cdb8ff;}

.profile-progress-item:hover{border-color:#d8ccff;transform:translateY(-.04em);}

.progress-icon{width:1.55em;height:1.55em;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.82em;font-weight:700;flex-shrink:0;}

.profile-progress-item.complete .progress-icon{background:#dcfce7;color:#166534;}

.profile-progress-item.incomplete .progress-icon{background:#f3f0ff;color:#7c3aed;}

.profile-progress-item span strong{display:block;margin-bottom:.15em;font-size:.9em;font-weight:700;line-height:1.2;color:#12142a;}

.profile-progress-item span small{display:block;font-size:.8em;line-height:1.35;color:#667085;}

.progress-arrow{margin-left:auto;font-size:1.3em;line-height:1;color:#98a2b3;}

.profile-showreel-card{display:flex;align-items:center;gap:.9em;padding:.8em;margin:0 0 1em;background:#F9FAFB;border:1px solid #e9e6f3;border-radius:.9em;}

.profile-showreel-media{position:relative;width:6.8em;height:4.4em;overflow:hidden;border-radius:.65em;background:#f3f4f6;flex-shrink:0;align-self:flex-start;margin-top:.1em;}

.profile-showreel-media img,.profile-showreel-media video{width:100%;height:100%;object-fit:cover;display:block;}

.profile-showreel-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.1em;color:#fff;background:rgba(91,46,255,.32);}

.profile-showreel-content{flex:1;min-width:0;}

.profile-showreel-content h2{margin:0 0 .2em;font-size:1em;font-weight:700;color:#12142a;}

.profile-showreel-content p{margin:0 0 .7em;font-size:.82em;line-height:1.35;color:#667085;}

.profile-showreel-button{display:inline-flex;padding:.65em .9em;border:1px solid #8b5cf6;border-radius:.5em;font-size:.78em;font-weight:400;text-decoration:none;color:#5B2EFF;background:#fff;}

.profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:.4em;box-shadow:0 6px 20px rgba(15,23,42,.05);padding:1em;}

.profile-section-head{display:flex;align-items:center;justify-content:space-between;gap:1em;margin-bottom:.2em;}

.profile-section-title{margin:0 0 .6em 0;font-size:1.05em;font-weight:600;color:#1E293B;}

.profile-section-edit{width:2.1em;height:2.1em;display:flex;align-items:center;justify-content:center;border:1px solid #ebe7f5;border-radius:.55em;background:#fff;color:#5B2EFF;text-decoration:none;flex-shrink:0;}

.profile-section-edit svg{width:1em;height:1em;display:block;}

.profile-details-list{display:flex;flex-direction:column;gap:.65em;}

.profile-detail-row{display:flex;justify-content:space-between;gap:1em;padding:.65em 0;border-bottom:1px solid #eef2f7;}

.profile-detail-row:last-child{border-bottom:0;}

.profile-detail-label{color:#5e6985;}

.profile-detail-value{color:#334155;text-align:right;}

.profile-detail-value a{color:#1a0dab;font-size:.9em;text-decoration:none;word-break:break-all;}

.profile-detail-value a:hover{text-decoration:underline;}

.profile-copy{margin:0;color:#37476a;font-size:.98em;line-height:1.6;}

.showreel-overlay{position:fixed;inset:0;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center;z-index:99999;padding:1em;}
.showreel-overlay.active{display:flex;}
.showreel-overlay video{width:100%;max-width:900px;max-height:90vh;border-radius:12px;background:#000;}

.profile-identity-card,
.profile-progress-card,
.profile-showreel-card{width:100%;}

.image-overlay{position:fixed;inset:0;background:rgba(0,0,0,.9);display:none;justify-content:center;align-items:center;z-index:99999;cursor:zoom-out;opacity:0;visibility:hidden;pointer-events:none;}
.image-overlay.active{display:flex;opacity:1;visibility:visible;pointer-events:auto;}
.image-overlay img{max-width:98vw;max-height:98vh;object-fit:contain;transform:scale(1);}
	


/* Profile Preview Mode */

.preview-identity-card { background:#f8f7ff; border:1px solid #d6ccff; border-radius:12px; overflow:hidden; box-shadow:0 8px 24px rgba(91,46,255,.12); margin-bottom:1em; }

.preview-identity-photo-wrap {
    display: grid;
    grid-template-columns: 140px 1fr; /* main photo fixed, thumbnails take remaining space */
    gap: 0.7em;
    width: 100%;
    margin: 1em auto 0;
    align-items: start;
    box-sizing: border-box;
}

.preview-identity-photo {
    width: 100%;
    aspect-ratio: 3 / 4;
    border-radius: 0.4em;
    overflow: hidden;
    grid-row: 1 / 3; /* spans both rows of thumbnails */
}

.preview-identity-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.preview-identity-thumbnails {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* scale exactly to fit 2 per row */
    gap: 0.5em;
    width: 100%;       /* fill the available column space */
    box-sizing: border-box;
}

.preview-identity-thumb {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 0.35em;
    overflow: hidden;
    background: #eee;
    border: 1px solid #d6ccff;
}

.preview-identity-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.preview-identity-content { padding:1.2em; text-align:center; }

.preview-identity-content h1 { margin:0; color:#1E293B; }

.preview-meta-wrap { display:flex; flex-direction:column; align-items:center; gap:.45em; margin-top:.5em; }

.preview-meta-small { display:flex; align-items:center; gap:.4em; margin:0; color:#5e6985; }

.preview-identity-content .profile-edit-button { width:100%; max-width:280px; }

.preview-identity-stats { display:grid; grid-template-columns:repeat(2,1fr); gap:.75em; padding:0 1.2em 1.2em; }

.preview-identity-stats div { background:#fff; border-radius:.7em; padding:.9em; text-align:center; }

.preview-identity-stats span { display:block; font-size:.8em; color:#6b38ff; margin-bottom:.2em; }

.preview-identity-stats strong { color:#1E293B; font-size:.95em; font-weight:400; }








	

@media only screen and (min-width:1024px){

.profile-view-card{max-width:520px;}
.profile-identity-card{max-width:520px;}
.profile-progress-card{max-width:520px;}
.profile-showreel-card{max-width:520px;}

}






/* ============================= */
/* =====   Progress Bar   ====== */
/* ============================= */

.profile-progress-card { display:grid; grid-template-columns:1fr auto; grid-template-areas:"left button" "bar bar"; align-items:center; gap:1em; width:100%; background:#fff; border:1px solid #e4ddff; border-radius:.4em; padding:1em 1.1em; margin:0 0 1.2em 0; }
.profile-progress-left { grid-area:left; display:flex; align-items:center; gap:.9em; min-width:0; }
.profile-progress-icon { width:2.5em; height:2.5em; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.profile-progress-icon svg { width:100%; height:100%; max-width:100%; max-height:100%; display:block; }
.profile-progress-copy h2 { margin:0 0 .25em 0; font-size:1em; font-weight:800; line-height:1.1; color:#12142a; }
.profile-progress-copy span { display:block; font-size:.9em; line-height:1.2; color:#5e6985; }
.profile-progress-bar { grid-area:bar; width:100%; height:.45em; background:#eee8fb; border-radius:999em; overflow:hidden; }
.profile-progress-fill { display:block; height:100%; background:linear-gradient(90deg,#8d2cff,#6d28d9); border-radius:999em; }

.profile-progress-button { grid-area:button; display:inline-flex; align-items:center; justify-content:center; height:2.7em; padding:0 1.15em; border-radius:.4em; background:#14b8a6; color:#fff; font-size:.85em; font-weight:400; text-decoration:none; white-space:nowrap; border:none }

.small { display:block; font-size:.85em; line-height:1.35; margin-top:-1em; color:#8a84a3; }





































/* Talent search results page */

.talent-page-width {
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
}

.talent-page-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  width: 100%;
}

.talent-page-card {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 1em;
  border-radius: .9em;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .08);
  box-sizing: border-box;
  transition: transform .2s ease, box-shadow .2s ease;
}

.talent-page-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 45px rgba(15, 23, 42, .15);
}

.talent-page-photo {
  width: 100%;
  aspect-ratio: 3 / 4;
  border-radius: .7em;
  overflow: hidden;
  background: #f1f5f9;
}

.talent-page-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  display: block;
}

.talent-page-intro {
  text-align: center;
  padding: .6em .2em .2em;
}

.talent-page-name {
  margin: 0;
  font-weight: 700;
  color: #1e293b;
  font-size: 1rem;
}

.talent-page-meta {
  font-size: .85rem;
}

.talent-page-action-gap {
  margin-top: .55em;
  margin-bottom: 0;
}

.talent-page-view-btn,
.talent-page-invite-btn {
  display: block;
  width: 100%;
  max-width: 150px;
  margin: 0 auto 10px auto;
  padding: .45em .6em;
  text-align: center;
  text-decoration: none;
  border-radius: .4em;
  font-size: .85em;
  line-height: 1.2;
  box-sizing: border-box;
}

.talent-page-view-btn {
  background: #eef2ff;
  color: #3730a3;
  border: 1px solid #c7d2fe;
}

.talent-page-invite-btn {
  background: #fff;
  color: #475569;
  border: 1px solid #d1d5db;
}

.talent-page-invite-btn:hover {
  background: #f8fafc;
}

@media (min-width: 768px) {
  .talent-page-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
  }
}

@media (min-width: 1024px) {
  .talent-page-width {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0; /* remove mobile padding */
  }
}

@media (min-width: 1200px) {
  .talent-page-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1600px) {
  .talent-page-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}





/* Login page */

	.login-help-line,
.login-signup-line {
    text-align: center;
    margin-top: 1rem;
    font-size: .95rem;
}

.login-help-line a,
.login-signup-line a {
    color: #6d21f3;
    font-weight: 400;
    text-decoration: none;
}

.login-help-line a:hover,
.login-signup-line a:hover {
    text-decoration: underline;
}

.login-signup-line {
    margin-top: 1.4rem;
    padding-top: 1.2rem;
    border-top: 1px solid #eee;
    color: #555;
}

.login-signup-line span {
    margin-right: .35rem;
}



/*
footer{background:#111827;font-size:1em;padding:1.2em 0 1.4em 0}
footer p{text-align:center;margin:.5em 0}
.color1{color:#c8c8c8}
.color2{color:#969696}
*/


/* Footer */

#cookie-banner{display:none;position:fixed;bottom:0;left:0;right:0;background:#f9f9f9;padding:1em;box-shadow:0 -2px 5px rgba(0,0,0,0.2);text-align:right;font-family:Inter, sans-serif;z-index:9999}
#cookie-banner p{margin:0 0 .5em;text-align:center}
#accept-necessary{margin-right:.5em}


/* ------------------------------------ */
/* MEDIA QUERY 601 for Ipad */
/* ------------------------------------ */
@media only screen and (min-width: 601px){
}

@media (min-width:700px){
.article-page h1{margin-bottom:1em;}
.article-hero-image{max-width:360px;margin-bottom:1.5em;}
.article-meta{max-width:360px;margin-bottom:2.2em;}
.advert{margin:2.2em 0;padding:1.2em 1.3em;}
}

/* ------------------------------------ */
/* MEDIA QUERY 768 */
/* ------------------------------------ */
@media only screen and (min-width: 768px){
	
.pay-shell { max-width:760px}
.pay-lock { width:4em}
.pay-plans { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:1em; align-items:stretch}
.pay-plan.pricing-card { display:flex; flex-direction:column}
.pay-plan .button-blue { margin-top:auto}
}




.panel,
.profile-card,
.profile-progress-card {
box-shadow: 0 10px 25px rgba(106, 92, 255, 0.12);
}