@import url("brand-theme.css");

:root{--ink:#0f172a;
--muted:#64748b;
--line:#dbeafe;
--orange:#2563eb;
--orange-dark:#1d4ed8;
--soft:#f5f9ff;
--navy:#102a5c;
--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;
color:var(--ink);
font-family:"DM Sans",system-ui,sans-serif;
background:#fff}
a{color:inherit;
text-decoration:none}
button,input{font:inherit}
.mp-container{width:min(calc(100% - 40px),var(--max));
margin:auto}
.mp-header{position:sticky;
top:0;
z-index:50;
background:rgba(255,255,255,.94);
border-bottom:1px solid transparent;
backdrop-filter:blur(14px);
transition:.2s}
.mp-header.is-scrolled{border-color:var(--line);
box-shadow:0 8px 24px rgba(17,24,39,.05)}
.mp-nav{height:92px;
display:flex;
align-items:center;
justify-content:space-between}
.mp-logo{display:inline-flex;
align-items:center;
font:800 24px Manrope,sans-serif;
letter-spacing:-1.2px}
.mp-logo i{color:var(--orange);
font-style:normal}
.mp-logo-mark{display:grid;
place-items:center;
width:34px;
height:34px;
margin-right:9px;
border-radius:10px;
color:#fff;
background:var(--orange);
font-size:18px;
transform:rotate(-4deg)}
.mp-nav-links{display:flex;
gap:30px;
font-size:14px;
font-weight:600}
.mp-nav-links a,.mp-nav-login{transition:.2s}
.mp-nav-links a:hover,.mp-nav-login:hover{color:var(--orange)}
.mp-nav-actions{display:flex;
align-items:center;
gap:20px;
font-weight:600;
font-size:14px}
.mp-button{display:inline-flex;
align-items:center;
justify-content:center;
min-height:50px;
padding:0 24px;
border-radius:10px;
border:1px solid transparent;
font-weight:700;
transition:.2s}
.mp-button:hover{transform:translateY(-2px)}
.mp-button-dark{background:var(--ink);
color:#fff}
.mp-button-small{min-height:42px;
padding:0 19px}
.mp-menu-button{display:none;
width:42px;
height:42px;
border:0;
background:none;
padding:10px}
.mp-menu-button span{display:block;
height:2px;
background:var(--ink);
margin:5px}
.mp-mobile-menu{padding:10px 20px 22px;
border-top:1px solid var(--line);
background:#fff}
.mp-mobile-menu a{display:block;
padding:12px 4px;
font-weight:600}
.mp-hero{overflow:hidden;
background:linear-gradient(120deg,#fff 30%,#fffaf6)}
.mp-hero-grid{min-height:610px;
display:grid;
grid-template-columns:1.03fr .97fr;
align-items:center;
gap:40px}
.mp-eyebrow,.mp-kicker{display:inline-flex;
align-items:center;
color:var(--orange-dark);
font-size:12px;
font-weight:800;
letter-spacing:.13em;
text-transform:uppercase}
.mp-eyebrow span{width:7px;
height:7px;
border-radius:50%;
margin-right:9px;
background:var(--orange);
box-shadow:0 0 0 5px #ffe9df}
.mp-hero h1{max-width:650px;
margin:21px 0 20px;
font:800 clamp(44px,5.2vw,72px)/1.04 Manrope,sans-serif;
letter-spacing:-3.8px}
.mp-hero h1 em{color:var(--orange);
font-style:normal}
.mp-hero-copy>p{max-width:595px;
margin:0;
color:var(--muted);
font-size:18px;
line-height:1.7}
.mp-search{height:66px;
max-width:660px;
margin-top:31px;
display:flex;
align-items:center;
padding:6px 7px 6px 20px;
border:1px solid #dcdfe5;
border-radius:13px;
background:#fff;
box-shadow:0 15px 40px rgba(17,24,39,.09)}
.mp-search svg{width:22px;
fill:none;
stroke:#8a93a3;
stroke-width:1.8}
.mp-search input{min-width:0;
flex:1;
border:0;
outline:0;
padding:0 14px;
color:var(--ink)}
.mp-search button{height:52px;
padding:0 27px;
border:0;
border-radius:9px;
background:var(--orange);
color:#fff;
font-weight:700;
cursor:pointer}
.mp-popular{display:flex;
flex-wrap:wrap;
gap:9px;
margin-top:15px;
font-size:12px;
color:#7a8493}
.mp-popular span{font-weight:700}
.mp-popular a{padding-bottom:2px;
border-bottom:1px solid #cfd3da}
.mp-proof{display:flex;
align-items:center;
gap:13px;
margin-top:27px}
.mp-avatars{display:flex}
.mp-avatars span{width:35px;
height:35px;
margin-left:-7px;
display:grid;
place-items:center;
border:3px solid #fff;
border-radius:50%;
color:#fff;
background:#24324e;
font-size:10px;
font-weight:800}
.mp-avatars span:first-child{margin-left:0;
background:#7051dc}
.mp-avatars span:nth-child(2){background:#e46e47}
.mp-avatars span:nth-child(3){background:#2d8c84}
.mp-avatars span:last-child{background:#fff4ed;
color:var(--orange)}
.mp-proof strong,.mp-proof small{display:block}
.mp-proof strong{font-size:13px}
.mp-proof small{margin-top:3px;
color:#8a93a3;
font-size:11px}
.mp-hero-visual{position:relative;
height:530px}
.mp-person{position:absolute;
left:15%;
top:8%;
width:72%;
height:88%;
border-radius:48% 48% 18% 18%;
background:linear-gradient(145deg,#253252,#101829);
box-shadow:0 40px 80px rgba(17,24,39,.25);
overflow:hidden}
.mp-person:before{content:"";
position:absolute;
width:210px;
height:210px;
left:50%;
top:30px;
transform:translateX(-50%);
border-radius:50%;
background:linear-gradient(145deg,#ffd0b6,#bd7658)}
.mp-person:after{content:"";
position:absolute;
width:340px;
height:280px;
left:50%;
bottom:-70px;
transform:translateX(-50%);
border-radius:50% 50% 0 0;
background:linear-gradient(135deg,#ff7a3f,#e65022)}
.mp-person-avatar{position:absolute;
z-index:2;
left:50%;
top:92px;
transform:translateX(-50%);
color:#fff;
font:800 64px Manrope;
letter-spacing:-4px}
.mp-code-panel{position:absolute;
z-index:3;
left:10%;
right:10%;
bottom:12%;
padding:14px 18px;
border:1px solid rgba(255,255,255,.2);
border-radius:13px;
background:rgba(10,17,33,.78);
backdrop-filter:blur(12px);
color:#b7f3d6}
.mp-code-panel>span{display:inline-block;
width:7px;
height:7px;
border-radius:50%;
background:#ff6b6b;
margin-right:4px}
.mp-code-panel>span:nth-child(2){background:#ffd166}
.mp-code-panel>span:nth-child(3){background:#70db98}
.mp-code-panel pre{margin:10px 0 0;
font:600 12px/1.6 monospace}
.mp-orbit{position:absolute;
border:1px solid rgba(255,107,44,.22);
border-radius:50%}
.mp-orbit-one{inset:3% 0}
.mp-orbit-two{inset:14% 8%;
border-style:dashed}
.mp-floating-card{position:absolute;
z-index:5;
display:flex;
align-items:center;
gap:10px;
padding:13px 15px;
border:1px solid rgba(255,255,255,.75);
border-radius:12px;
background:rgba(255,255,255,.93);
box-shadow:0 18px 42px rgba(17,24,39,.13);
font-size:11px}
.mp-floating-card span,.mp-floating-card strong{display:block}
.mp-floating-card b{color:var(--orange)}
.mp-floating-rating{left:0;
top:22%}
.mp-floating-verified{right:-2%;
top:34%}
.mp-floating-verified>b{display:grid;
place-items:center;
width:28px;
height:28px;
border-radius:50%;
color:#fff;
background:#28a57a}
.mp-floating-verified span,.mp-floating-project span:last-child{color:#7c8595}
.mp-floating-verified strong,.mp-floating-project strong{margin-bottom:2px;
color:var(--ink)}
.mp-floating-project{left:2%;
bottom:9%}
.mp-mini-icon{display:grid!important;
place-items:center;
width:31px;
height:31px;
border-radius:8px;
background:#fff0e9;
color:var(--orange)}
.mp-company-strip{border-top:1px solid #f0e6df;
background:#fff}
.mp-company-strip .mp-container{min-height:82px;
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
color:#a1a7b1}
.mp-company-strip span{font-size:11px;
text-transform:uppercase;
letter-spacing:.13em}
.mp-company-strip b{font:700 16px Manrope;
color:#8b939f}
.mp-section{padding:96px 0}
.mp-section-soft{background:var(--soft)}
.mp-section-heading{display:flex;
align-items:end;
justify-content:space-between;
margin-bottom:38px}
.mp-section-heading h2,.mp-centered-heading h2,.mp-cta h2{margin:10px 0 8px;
font:800 clamp(30px,3.2vw,42px)/1.15 Manrope;
letter-spacing:-1.8px}
.mp-section-heading p{margin:0;
color:var(--muted)}
.mp-text-link{font-weight:700;
color:var(--orange-dark)}
.mp-text-link span{margin-left:7px}
.mp-category-grid{display:grid;
grid-template-columns:repeat(3,1fr);
gap:16px}
.mp-category-card{position:relative;
min-height:190px;
padding:27px;
border:1px solid var(--line);
border-radius:16px;
background:#fff;
transition:.23s}
.mp-category-card:hover{transform:translateY(-5px);
border-color:#ffc9af;
box-shadow:0 18px 40px rgba(17,24,39,.08)}
.mp-category-icon{display:grid;
place-items:center;
width:48px;
height:48px;
border-radius:13px;
font:800 10px Manrope}
.mp-category-card h3{margin:25px 0 5px;
font:700 17px Manrope}
.mp-category-card p{margin:0;
color:#89919e;
font-size:12px}
.mp-category-card i{position:absolute;
right:23px;
top:27px;
color:#adb3bd;
font-style:normal}
.mp-tone-violet .mp-category-icon{background:#eee9ff;
color:#6b4bd8}
.mp-tone-blue .mp-category-icon{background:#e7f1ff;
color:#3475c7}
.mp-tone-orange .mp-category-icon{background:#ffede4;
color:#ec642a}
.mp-tone-pink .mp-category-icon{background:#ffe8f0;
color:#d64c7b}
.mp-tone-emerald .mp-category-icon{background:#e4f8f1;
color:#178864}
.mp-tone-cyan .mp-category-icon{background:#e5f7fa;
color:#237f91}
.mp-service-grid{display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px}
.mp-service-card{overflow:hidden;
border:1px solid var(--line);
border-radius:15px;
background:#fff;
transition:.22s}
.mp-service-card:hover{transform:translateY(-4px);
box-shadow:0 18px 45px rgba(17,24,39,.09)}
.mp-service-cover{position:relative;
height:185px;
padding:17px;
background:#29344f;
overflow:hidden}
.mp-service-cover:before{content:"";
position:absolute;
width:170px;
height:170px;
border-radius:50%;
right:-30px;
top:-45px;
background:rgba(255,255,255,.12)}
.mp-cover-coral{background:linear-gradient(135deg,#d9684d,#7d3149)}
.mp-cover-amber{background:linear-gradient(135deg,#ef9f27,#724831)}
.mp-cover-teal{background:linear-gradient(135deg,#258d84,#213f50)}
.mp-cover-code{position:absolute;
left:23px;
top:24px;
color:rgba(255,255,255,.75);
font:800 26px monospace}
.mp-service-cover button{position:absolute;
z-index:2;
right:14px;
top:14px;
width:34px;
height:34px;
border:0;
border-radius:50%;
background:rgba(255,255,255,.92);
font-size:19px}
.mp-cover-window{position:absolute;
left:24px;
right:24px;
bottom:-2px;
height:93px;
padding:12px;
border-radius:11px 11px 0 0;
background:rgba(16,23,39,.72);
color:#fff}
.mp-cover-window i{display:inline-block;
width:6px;
height:6px;
border-radius:50%;
background:#ff826b}
.mp-cover-window i:nth-child(2){background:#ffd064}
.mp-cover-window i:nth-child(3){background:#62d28e}
.mp-cover-window strong{display:block;
margin-top:20px;
font-size:11px}
.mp-service-body{padding:16px}
.mp-seller{display:flex;
align-items:center;
gap:9px}
.mp-seller>span{display:grid;
place-items:center;
width:32px;
height:32px;
border-radius:50%;
background:#f1ece8;
color:#664d40;
font-size:10px;
font-weight:800}
.mp-seller strong,.mp-seller small{display:block}
.mp-seller strong{font-size:12px}
.mp-seller small{margin-top:2px;
color:#9198a4;
font-size:10px}
.mp-service-body h3{min-height:63px;
margin:15px 0 10px;
font-size:15px;
line-height:1.45}
.mp-rating{margin:0 0 14px;
color:#8b93a0;
font-size:11px}
.mp-rating b{color:#e98512}
.mp-service-footer{display:flex;
justify-content:space-between;
align-items:end;
padding-top:14px;
border-top:1px solid #edf0f3}
.mp-service-footer span{color:#8c94a0;
font-size:10px}
.mp-service-footer strong{font-size:15px}
.mp-slider-buttons{display:flex;
gap:8px}
.mp-slider-buttons button{width:41px;
height:41px;
border:1px solid var(--line);
border-radius:50%;
background:#fff}
.mp-centered-heading{text-align:center}
.mp-step-grid{position:relative;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:65px;
margin-top:54px}
.mp-step-grid:before{content:"";
position:absolute;
left:17%;
right:17%;
top:47px;
border-top:1px dashed #d6d9df}
.mp-step-grid article{position:relative;
text-align:center}
.mp-step-grid article>span{position:absolute;
left:calc(50% + 24px);
top:-7px;
z-index:2;
display:grid;
place-items:center;
width:25px;
height:25px;
border-radius:50%;
background:var(--orange);
color:#fff;
font-size:9px;
font-weight:800}
.mp-step-icon{position:relative;
z-index:1;
width:92px;
height:92px;
margin:auto;
display:grid;
place-items:center;
border:1px solid #f2d7c9;
border-radius:26px;
background:#fff7f2;
color:var(--orange);
font-size:34px}
.mp-step-grid h3{margin:22px 0 10px;
font:700 18px Manrope}
.mp-step-grid p{max-width:285px;
margin:auto;
color:var(--muted);
font-size:14px;
line-height:1.7}
.mp-cta{padding:70px 0;
background:var(--navy);
color:#fff}
.mp-cta-inner{display:flex;
align-items:center;
justify-content:space-between;
gap:30px}
.mp-cta p{margin:0;
color:#aab2c4}
.mp-cta-inner>div:last-child{display:flex;
gap:10px;
flex-shrink:0}
.mp-button-light{background:#fff;
color:var(--navy)}
.mp-button-outline{border-color:#66708a;
color:#fff}
.mp-footer{padding:65px 0 25px;
background:#0b1224;
color:#fff}
.mp-footer-grid{display:grid;
grid-template-columns:2fr repeat(3,1fr);
gap:60px}
.mp-logo-light{color:#fff}
.mp-footer-grid>div:first-child p{max-width:280px;
color:#7f899f;
line-height:1.7}
.mp-footer-grid>div:not(:first-child){display:grid;
align-content:start;
gap:14px}
.mp-footer-grid strong{margin-bottom:6px}
.mp-footer-grid a:not(.mp-logo){color:#8f98aa;
font-size:13px}
.mp-footer-bottom{display:flex;
justify-content:space-between;
margin-top:55px;
padding-top:22px;
border-top:1px solid #232c40;
color:#6f788c;
font-size:11px}
.mp-sr-only{position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip:rect(0,0,0,0)}

@media(max-width:960px){.mp-nav-links{display:none}
.mp-menu-button{display:block}
.mp-nav-login{display:none}
.mp-hero-grid{grid-template-columns:1fr;
min-height:auto;
padding-top:80px}
.mp-hero-copy{text-align:center}
.mp-hero-copy>p,.mp-search{margin-left:auto;
margin-right:auto}
.mp-popular,.mp-proof{justify-content:center}
.mp-hero-visual{height:470px;
max-width:560px;
width:100%;
margin:auto}
.mp-category-grid{grid-template-columns:repeat(2,1fr)}
.mp-service-grid{grid-template-columns:repeat(2,1fr)}
.mp-footer-grid{grid-template-columns:repeat(2,1fr)}
}
/* App chrome: shared top nav + footer for the client and freelancer workspaces */
.mp-header-app .mp-nav{height:72px}
.mp-nav-links a.is-active{color:var(--orange);
position:relative}
.mp-nav-links a.is-active:after{content:"";
position:absolute;
left:0;
right:0;
bottom:-27px;
height:2px;
background:var(--orange)}
.mp-header-app .mp-nav-links a.is-active:after{bottom:-24px}
.mp-nav-search{display:flex;
align-items:center;
gap:8px;
flex:0 1 320px;
height:42px;
padding:0 6px 0 14px;
border:1px solid #dfe3e8;
border-radius:999px;
background:#f5f6f8}
.mp-nav-search svg{width:16px;
flex:none;
fill:none;
stroke:#8a93a3;
stroke-width:1.8}
.mp-nav-search input{min-width:0;
flex:1;
border:0;
outline:0;
background:none;
font-size:13px;
color:var(--ink)}
.mp-user-menu{position:relative}
.mp-user-trigger{display:inline-flex;
align-items:center;
gap:8px;
height:44px;
padding:4px 10px 4px 4px;
border:1px solid var(--line);
border-radius:999px;
background:#fff;
cursor:pointer}
.mp-user-trigger:hover{border-color:#c7d2e8}
.mp-user-avatar-sm{display:grid;
place-items:center;
width:34px;
height:34px;
border-radius:50%;
background:linear-gradient(135deg,var(--orange),var(--orange-dark));
color:#fff;
font-size:13px;
font-weight:800}
.mp-user-trigger-name{max-width:120px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-size:13px;
font-weight:700}
.mp-user-chevron{width:14px;
stroke:#8a93a3;
transition:.15s}
.mp-user-trigger[aria-expanded="true"] .mp-user-chevron{transform:rotate(180deg)}
.mp-user-panel{position:absolute;
right:0;
top:calc(100% + 10px);
z-index:60;
width:240px;
padding:8px;
border:1px solid var(--line);
border-radius:14px;
background:#fff;
box-shadow:0 18px 45px rgba(17,24,39,.14)}
.mp-user-panel-head{padding:10px 12px 12px;
margin-bottom:6px;
border-bottom:1px solid #eef0f4}
.mp-user-panel-head strong{display:block;
font-size:13px}
.mp-user-panel-head span{display:block;
margin-top:2px;
color:#8a93a3;
font-size:11px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap}
.mp-user-panel a{display:block;
padding:9px 12px;
border-radius:9px;
font-size:13px;
font-weight:600;
color:var(--ink)}
.mp-user-panel a:hover{background:var(--soft);
color:var(--orange-dark)}
.mp-user-panel form,.mp-mobile-menu form{margin:0}
.mp-user-panel-action{display:block;
width:100%;
padding:9px 12px;
border:0;
border-radius:9px;
background:transparent;
color:#b42318;
cursor:pointer;
font-size:13px;
font-weight:700;
text-align:left}
.mp-user-panel-action:hover{background:#fff1f0}
.mp-mobile-menu form button{display:block;
width:100%;
padding:12px 4px;
border:0;
background:transparent;
color:#b42318;
font-weight:700;
text-align:left}
.mp-subnav{border-bottom:1px solid var(--line);
background:#fff}
.mp-subnav-row{display:flex;
align-items:center;
gap:22px;
min-height:48px;
overflow-x:auto;
font-size:13px;
font-weight:600;
color:#576174;
scrollbar-width:none}
.mp-subnav-row::-webkit-scrollbar{display:none}
.mp-subnav-row a{flex:none;
white-space:nowrap;
transition:.15s}
.mp-subnav-row a:hover{color:var(--orange-dark)}
.mp-subnav-all{margin-left:auto;
color:var(--orange-dark);
font-weight:700}
.mp-app-footer{padding:22px 0;
margin-top:auto;
background:#0b1224;
color:#fff}
.mp-app-footer-row{display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
color:#8f98aa;
font-size:12px}
.mp-logo-sm{font-size:16px}
.mp-logo-sm .mp-logo-mark{width:26px;
height:26px;
font-size:13px}
@media(max-width:960px){.mp-nav-search{display:none}
.mp-user-trigger-name{display:none}
.mp-user-trigger{padding:4px}
}
@media(max-width:640px){.mp-header-app .mp-nav{height:60px}
.mp-app-footer-row{flex-direction:column;
text-align:center}
}

/* Dashboard feed components (client + freelancer) */
.mp-welcome-hero{display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding:26px 28px;
border:1px solid var(--line);
border-radius:18px;
background:linear-gradient(120deg,#fff 45%,#eff6ff);
flex-wrap:wrap}
.mp-welcome-title{margin:6px 0 6px;
font:800 clamp(20px,2.4vw,28px)/1.2 Manrope,sans-serif;
letter-spacing:-.7px}
.mp-welcome-copy{margin:0;
max-width:520px;
color:var(--muted)}
.mp-welcome-actions{display:flex;
gap:10px;
flex-wrap:wrap}
.mp-overview-row{display:grid;
grid-template-columns:repeat(4,1fr);
gap:14px}
.mp-overview-card{padding:18px 20px;
border:1px solid var(--line);
border-radius:14px;
background:#fff}
.mp-overview-value{margin:0;
font:800 26px Manrope,sans-serif;
color:var(--ink)}
.mp-overview-label{margin:4px 0 0;
color:var(--muted);
font-size:12px}
.mp-inline-banner{display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
padding:14px 18px;
border:1px solid #fde8cc;
border-radius:12px;
background:#fffaf0;
flex-wrap:wrap;
font-size:13px}
.mp-inline-banner span{color:var(--muted)}
.mp-dash-section{display:grid;
gap:14px}
.mp-mini-project-grid{display:grid;
grid-template-columns:repeat(4,1fr);
gap:14px}
.mp-mini-card{padding:16px;
border:1px solid var(--line);
border-radius:14px;
background:#fff;
transition:.15s}
.mp-mini-card:hover{border-color:#93c5fd;
transform:translateY(-2px)}
.mp-mini-card-top{display:flex;
gap:6px;
flex-wrap:wrap}
.mp-mini-card-title{margin:10px 0 6px;
font-size:14px;
line-height:1.4}
.mp-mini-card-title a{color:var(--ink)}
.mp-mini-card-note{margin:0;
color:var(--muted);
font-size:12px}
.mp-proposal-list,.mp-message-list{display:grid;
gap:10px}
.mp-proposal-row,.mp-message-row{display:flex;
align-items:center;
gap:12px;
padding:12px 16px;
border:1px solid var(--line);
border-radius:14px;
background:#fff}
a.mp-message-row{transition:.15s}
a.mp-message-row:hover{border-color:#93c5fd}
.mp-proposal-copy{flex:1;
min-width:0;
display:grid;
gap:2px}
.mp-proposal-copy strong{font-size:13px}
.mp-proposal-copy span{overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:var(--muted);
font-size:12px}
.mp-rating-pill{display:inline-flex;
align-items:center;
gap:4px;
font-size:11px;
color:#8b93a0}
.mp-rating-pill b{color:#e98512}
.mp-rating-new{color:var(--orange-dark);
font-weight:700}
.mp-talent-meta-row{display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
font-size:11px;
color:#8b93a0}
.fm-talent-card-cover{position:relative}
.fm-talent-card-availability{position:absolute;
right:10px;
bottom:10px;
padding:3px 9px;
border-radius:999px;
background:rgba(255,255,255,.94);
font-size:10px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.03em}
.fm-talent-card-availability-on{color:#16a34a}
.fm-talent-card-availability-off{color:#d97706}
.fm-talent-card-body .fm-badge-row,
.mp-profile-card .fm-badge-row{gap:6px}
.mp-talent-grid-label{margin:0 0 14px;
font-size:12px;
font-weight:800;
letter-spacing:.06em;
text-transform:uppercase;
color:#94a3c4}
.fm-talent-grid{display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:22px}
.fm-card{background:#fff}
.fm-talent-card{min-width:0;
overflow:hidden;
border:1px solid #e3e7ed;
border-radius:18px;
background:#fff;
box-shadow:0 3px 12px rgba(15,23,42,.04);
transition:transform .2s,border-color .2s,box-shadow .2s}
.fm-talent-card:hover{transform:translateY(-5px);
border-color:#b9cff8;
box-shadow:0 18px 40px rgba(15,23,42,.11)}
.fm-talent-card-cover{position:relative;
min-height:156px;
display:grid;
place-items:center;
overflow:hidden;
background:linear-gradient(145deg,#0f285f 0%,#2563eb 58%,#70a0ff 100%)}
.fm-talent-card-cover:before,.fm-talent-card-cover:after{content:"";
position:absolute;
border-radius:50%;
background:rgba(255,255,255,.09)}
.fm-talent-card-cover:before{width:190px;height:190px;right:-70px;top:-95px}
.fm-talent-card-cover:after{width:140px;height:140px;left:-55px;bottom:-75px}
.fm-talent-card-avatar{position:relative;
z-index:2;
width:92px;
height:92px;
display:grid;
place-items:center;
overflow:hidden;
border:4px solid rgba(255,255,255,.94);
border-radius:50%;
background:#fff;
color:#1d4ed8;
font:800 28px Manrope,sans-serif;
box-shadow:0 12px 30px rgba(3,15,44,.3)}
.fm-talent-card-avatar img{width:100%;height:100%;object-fit:cover}
.fm-talent-card-body{display:grid;
gap:12px;
padding:18px}
.fm-talent-card-title{margin:0;
font:800 17px/1.25 Manrope,sans-serif;
letter-spacing:-.25px}
.fm-talent-card-title a:hover{color:var(--orange-dark)}
.fm-talent-card-headline{min-height:42px;
margin:5px 0 0;
display:-webkit-box;
overflow:hidden;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
color:#526078;
font-size:13px;
line-height:1.55}
.fm-badge-row{display:flex;flex-wrap:wrap;gap:7px}
.fm-badge{display:inline-flex;
align-items:center;
padding:5px 9px;
border-radius:7px;
background:#f1f5f9;
color:#475569;
font-size:10.5px;
font-weight:700}
.fm-talent-card-footer{display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding-top:11px;
border-top:1px solid #edf0f4;
color:#64748b;
font-size:11px}
.fm-talent-card-footer span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fm-talent-card-footer strong{flex:none;color:#0f172a;font-size:14px}
.fm-button{display:inline-flex;
align-items:center;
justify-content:center;
min-height:40px;
padding:0 15px;
border:1px solid #cbd5e1;
border-radius:10px;
background:#fff;
color:#0f172a;
font-size:12px;
font-weight:800;
transition:.18s}
.fm-button:hover{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}
.fm-button-block{width:100%}
.fm-pagination{display:flex;
align-items:center;
justify-content:center;
gap:7px;
margin-top:36px}
.fm-pagination-link{min-width:38px;
height:38px;
display:grid;
place-items:center;
padding:0 11px;
border:1px solid #dfe3e8;
border-radius:9px;
background:#fff;
color:#475569;
font-size:12px;
font-weight:700}
.fm-pagination-link:hover,.fm-pagination-link.is-current{border-color:#2563eb;background:#2563eb;color:#fff}
.fm-talent-card-body .fm-badge,
.mp-profile-card .fm-badge{padding:4px 9px;
border-radius:6px;
border-color:transparent;
background:#f1f3f6;
color:#596375;
font-size:10.5px;
font-weight:600;
letter-spacing:0;
text-transform:none}
@media(max-width:1100px){.mp-overview-row,.mp-mini-project-grid{grid-template-columns:repeat(2,1fr)}
.fm-talent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){.fm-talent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.mp-welcome-hero{flex-direction:column;
align-items:flex-start}
.mp-overview-row,.mp-mini-project-grid{grid-template-columns:1fr}
.mp-proposal-row,.mp-message-row{flex-wrap:wrap}
.fm-talent-grid{grid-template-columns:1fr}
}

/* Detail pages: freelancer profile + project detail */
.mp-breadcrumbs{display:flex;
flex-wrap:wrap;
gap:6px;
margin:22px 0 0;
color:#8a93a3;
font-size:12px}
.mp-breadcrumbs a{color:#576174;
font-weight:600}
.mp-breadcrumbs a:hover{color:var(--orange-dark)}
.mp-profile-hero{display:flex;
align-items:center;
gap:22px;
margin-top:20px;
padding:28px;
border:1px solid var(--line);
border-radius:18px;
background:linear-gradient(120deg,#fff 55%,#eff6ff);
flex-wrap:wrap}
.mp-profile-hero-avatar{display:grid;
place-items:center;
width:96px;
height:96px;
flex:none;
overflow:hidden;
border-radius:50%;
border:4px solid #fff;
box-shadow:0 12px 30px rgba(17,24,39,.12);
background:linear-gradient(135deg,var(--orange),var(--orange-dark));
color:#fff;
font:800 34px Manrope,sans-serif}
.mp-profile-hero-avatar img{width:100%;
height:100%;
object-fit:cover}
.mp-profile-hero-copy{flex:1;
min-width:220px}
.mp-profile-hero-name{margin:2px 0 4px;
font:800 clamp(22px,2.6vw,30px)/1.2 Manrope,sans-serif;
letter-spacing:-.7px;
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap}
.mp-verified-tick{display:inline-flex;
align-items:center;
justify-content:center;
width:19px;
height:19px;
border-radius:50%;
background:#16a34a;
color:#fff;
font-size:11px}
.mp-profile-hero-headline{margin:0 0 10px;
color:var(--muted);
font-size:14px}
.mp-profile-hero-meta{display:flex;
flex-wrap:wrap;
gap:14px;
color:#697184;
font-size:12px}
.mp-profile-layout{display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:20px;
margin-top:20px;
align-items:start}
.mp-profile-main{display:grid;
gap:18px;
min-width:0}
.mp-profile-card{padding:22px;
border:1px solid var(--line);
border-radius:16px;
background:#fff}
.mp-profile-card h2{margin:0 0 12px;
font:700 17px Manrope,sans-serif}
.mp-profile-card p{margin:0;
color:#4b5563;
line-height:1.7;
font-size:14px}
.mp-profile-sticky{position:sticky;
top:88px;
display:grid;
gap:14px;
padding:22px;
border:1px solid var(--line);
border-radius:16px;
background:#fff;
box-shadow:0 20px 45px rgba(17,24,39,.06)}
.mp-profile-sticky dl{display:grid;
gap:10px;
margin:0}
.mp-profile-sticky .mp-fact{display:flex;
justify-content:space-between;
gap:10px;
padding-bottom:10px;
border-bottom:1px solid #eef0f4;
font-size:13px}
.mp-profile-sticky .mp-fact:last-child{border-bottom:0;
padding-bottom:0}
.mp-profile-sticky .mp-fact dt{color:#8a93a3}
.mp-profile-sticky .mp-fact dd{margin:0;
font-weight:700}
.mp-portfolio-grid{display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px}
.mp-portfolio-item{padding:16px;
border:1px solid var(--line);
border-radius:14px;
background:#fbfcfe}
.mp-portfolio-item h3{margin:0 0 6px;
font-size:14px}
.mp-portfolio-item p{margin:0 0 10px;
color:var(--muted);
font-size:12.5px;
line-height:1.6}
.mp-timeline{display:grid;
gap:16px}
.mp-timeline-item{padding-left:16px;
border-left:2px solid var(--line)}
.mp-timeline-item h3{margin:0 0 2px;
font-size:14px}
.mp-timeline-item span{color:#8a93a3;
font-size:12px}
.mp-timeline-item p{margin:6px 0 0;
color:#4b5563;
font-size:13px;
line-height:1.6}
@media(max-width:960px){.mp-profile-layout{grid-template-columns:1fr}
.mp-profile-sticky{position:static}
.mp-portfolio-grid{grid-template-columns:1fr}
}

/* Project detail page */
.mp-detail-layout{display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:20px;
margin-top:20px;
align-items:start}
.mp-detail-main{display:grid;
gap:18px;
min-width:0}
.mp-detail-card{padding:24px;
border:1px solid var(--line);
border-radius:16px;
background:#fff}
.mp-detail-card h2{margin:0 0 12px;
font:700 17px Manrope,sans-serif}
.mp-detail-card p{margin:0;
color:#4b5563;
line-height:1.75;
font-size:14px;
white-space:pre-wrap}
.mp-detail-sticky{position:sticky;
top:88px;
display:grid;
gap:16px;
padding:22px;
border:1px solid var(--line);
border-radius:16px;
background:#fff;
box-shadow:0 20px 45px rgba(17,24,39,.06)}
.mp-detail-budget{margin:0;
font:800 26px Manrope,sans-serif;
color:var(--ink)}
.mp-detail-budget small{display:block;
margin-top:2px;
color:var(--muted);
font-size:12px;
font-weight:500}
@media(max-width:960px){.mp-detail-layout{grid-template-columns:1fr}
.mp-detail-sticky{position:static}
}

@media(max-width:640px){.mp-container{width:min(calc(100% - 28px),var(--max))}
.mp-nav{height:66px}
.mp-nav-actions{gap:7px}
.mp-button-small{display:none}
.mp-hero-grid{padding-top:55px}
.mp-hero h1{font-size:44px;
letter-spacing:-2.5px}
.mp-hero-copy>p{font-size:16px}
.mp-search{height:auto;
padding:8px 8px 8px 14px}
.mp-search button{height:46px;
padding:0 17px}
.mp-popular a:nth-last-child(-n+2){display:none}
.mp-hero-visual{height:390px}
.mp-person{left:10%;
width:80%}
.mp-floating-verified{right:0}
.mp-floating-rating{left:-3%}
.mp-floating-project{display:none}
.mp-company-strip .mp-container{justify-content:center;
flex-wrap:wrap;
padding:20px 0}
.mp-company-strip span{width:100%;
text-align:center}
.mp-section{padding:70px 0}
.mp-section-heading{align-items:start;
gap:20px}
.mp-section-heading .mp-text-link,.mp-slider-buttons{display:none}
.mp-category-grid,.mp-service-grid{grid-template-columns:1fr}
.mp-category-card{min-height:160px}
.mp-service-grid{gap:22px}
.mp-step-grid{grid-template-columns:1fr;
gap:45px}
.mp-step-grid:before{display:none}
.mp-cta-inner{display:block;
text-align:center}
.mp-cta-inner>div:last-child{margin-top:28px;
justify-content:center;
flex-direction:column}
.mp-footer-grid{grid-template-columns:1fr 1fr;
gap:40px 20px}
.mp-footer-grid>div:first-child{grid-column:1/-1}
.mp-footer-bottom{display:block;
line-height:2}
.mp-footer-bottom span{display:block}
}