/* V44 — profile page visual alignment with supplied MANTA reference */
.profile-reference-page{
 max-width:1060px!important;
 margin:0 auto!important;
 padding:16px 14px calc(118px + env(safe-area-inset-bottom))!important;
 background:linear-gradient(180deg,#eaf3ff 0%,#f7faff 48%,#e8efff 100%)!important;
}
.profile-reference-page .profile-reference-cover{
 padding:19px 18px 16px!important;
 border:1px solid #75e9ff!important;
 border-radius:29px!important;
 background:radial-gradient(ellipse at 88% 2%,#14dbff65 0,transparent 34%),radial-gradient(ellipse at 8% 105%,#0473ff80 0,transparent 42%),linear-gradient(125deg,#03164e 0%,#0644b7 48%,#008fd9 100%)!important;
 box-shadow:0 14px 34px #0756c94a,inset 0 1px 0 #ffffff7a!important;
 overflow:hidden!important;
}
.profile-reference-page .profile-reference-cover:before{
 width:310px!important;height:310px!important;right:-135px!important;top:15px!important;
 border:1px solid #64eaff90!important;
 box-shadow:0 0 0 22px #42dfff18,0 0 0 48px #42dfff12,0 0 0 78px #42dfff0a!important;
}
.profile-reference-page .profile-reference-cover .profile-cover-top{margin-bottom:17px!important}
.profile-reference-page .profile-reference-identity{grid-template-columns:82px minmax(0,1fr) 100px!important;gap:13px!important}
.profile-reference-page .profile-reference-avatar{width:78px!important;height:78px!important;border:3px solid #70f1ff!important;box-shadow:0 0 0 5px #ffffff25,0 0 24px #00cfff80!important}
.profile-reference-page .profile-reference-identity .profile-name-line h1{font-size:clamp(19px,5.2vw,27px)!important;color:#fff!important}
.profile-reference-page .profile-reference-identity .profile-uid{font-size:clamp(11px,3.1vw,14px)!important;color:#e9f7ff!important}
.profile-reference-page .profile-reference-identity .profile-uid b{color:#fff!important;letter-spacing:.15px}
.profile-reference-page .profile-copy-id{width:32px!important;height:32px!important;min-width:32px!important;border:1px solid #ffffff4d!important;border-radius:50%!important;background:#ffffff20!important;color:#fff!important;font-size:16px!important}
.profile-reference-page .profile-brand-slogan{gap:6px!important;align-self:center!important}
.profile-reference-page .profile-brand-slogan img{display:block!important;width:92px!important;height:76px!important;max-width:none!important;object-fit:contain!important;filter:none!important;mix-blend-mode:normal!important}
.profile-reference-page .profile-brand-slogan b{font-size:clamp(10px,2.8vw,13px)!important;line-height:1.2!important;font-weight:900!important;color:#fff!important;text-shadow:0 2px 7px #001a52aa!important}
.profile-reference-page .profile-reference-vip{margin-top:10px!important;padding:7px 11px!important;min-height:39px!important;background:linear-gradient(100deg,#ffbd35,#fff1a9 58%,#fff)!important;border:1px solid #fff2b8!important;color:#053a9e!important;box-shadow:0 5px 14px #001c6338!important}
.profile-reference-page .profile-reference-vip>span{width:30px!important;height:30px!important;background:linear-gradient(145deg,#ffdf83,#ee9712)!important;color:#fff!important}
.profile-reference-page .profile-referral-strip{margin-top:16px!important;padding:11px 13px!important;border:1px solid #73e9ff!important;border-radius:22px!important;background:linear-gradient(100deg,#031b68c9,#006edb9c)!important;box-shadow:inset 0 1px 10px #ffffff18,0 6px 16px #001d6740!important}
.profile-reference-page .profile-referral-strip small{font-size:12px!important;color:#e0f8ff!important}
.profile-reference-page .profile-referral-strip strong{font-size:clamp(17px,4.9vw,24px)!important;letter-spacing:.5px!important;color:#fff!important}
.profile-reference-page .profile-ref-copy{width:39px!important;height:39px!important;flex-basis:39px!important;border:1px solid #b8f4ff55!important;background:#ffffff20!important;color:#fff!important;font-size:20px!important}
.profile-reference-page .profile-ref-share{padding:9px 15px!important;border:1px solid #80eaff!important;background:linear-gradient(110deg,#0758d8,#04b9ed)!important;color:#fff!important;box-shadow:0 5px 15px #001d634c!important}
.profile-reference-page .profile-reference-metrics{margin:14px 0!important;padding:12px 7px!important;border:1px solid #d5e4ff!important;border-radius:25px!important;background:linear-gradient(145deg,#fff 0%,#eef5ff 100%)!important;box-shadow:0 10px 23px #124c9b2b!important}
.profile-reference-page .profile-reference-metric{gap:9px!important;padding:7px 6px!important;border-color:#9bbde8!important}
.profile-reference-page .profile-reference-metric .metric-icon{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:13px!important;background:linear-gradient(145deg,#dff5ff,#a5d1ff)!important;color:#0759df!important;font-size:27px!important}
.profile-reference-page .profile-reference-metric small{font-size:clamp(9px,2.7vw,13px)!important;color:#073c9f!important}
.profile-reference-page .profile-reference-metric b{font-size:clamp(12px,3.55vw,19px)!important;color:#064bc8!important}
.profile-reference-page .profile-reference-actions{gap:12px!important;margin:0 0 16px!important}
.profile-reference-page .profile-reference-actions .profile-action{min-height:91px!important;border:1px solid #ffffff88!important;border-radius:25px!important;box-shadow:0 9px 22px #064bba40,inset 0 1px 0 #ffffff66!important}
.profile-reference-page .profile-reference-actions .profile-action>span{font-size:35px!important}
.profile-reference-page .profile-reference-actions .profile-action b{font-size:clamp(18px,4.7vw,24px)!important}
.profile-reference-page .profile-reference-actions .profile-action small{font-size:clamp(11px,3.1vw,14px)!important}
.profile-reference-page .profile-reference-actions .profile-action.topup{background:linear-gradient(110deg,#06c6eb 0%,#0755eb 72%,#0838c7 100%)!important}
.profile-reference-page .profile-reference-actions .profile-action.cashout{background:linear-gradient(110deg,#f24bd7 0%,#aa00e9 68%,#6900c6 100%)!important}
.profile-reference-page .profile-reference-services{padding:12px 11px 13px!important;border:1px solid #cde3ff!important;border-radius:27px!important;background:linear-gradient(155deg,#fff,#edf4ff)!important;box-shadow:0 11px 28px #154a9b24!important}
.profile-reference-page .profile-reference-services .profile-menu-heading{margin:-12px -11px 12px!important;padding:13px 15px!important;border-radius:25px 25px 13px 13px!important;background:linear-gradient(105deg,#052b93 0%,#075ed0 65%,#05a9e7 100%)!important;color:#fff!important}
.profile-reference-page .profile-reference-services .profile-menu-heading h2{color:#fff!important;font-size:clamp(16px,4.2vw,21px)!important}
.profile-reference-page .profile-reference-services .profile-menu-heading h2 span{color:#fff!important}
.profile-reference-page .profile-reference-services .profile-menu-heading button{border:1px solid #a5eaff!important;border-radius:24px!important;background:linear-gradient(100deg,#0642bc,#032b88)!important;color:#fff!important;padding:8px 11px!important}
.profile-reference-page .profile-reference-grid{gap:10px!important}
.profile-reference-page .profile-reference-grid .profile-menu-item{min-height:98px!important;padding:11px 9px!important;border:1px solid #d4e4fb!important;border-radius:22px!important;background:linear-gradient(145deg,#fff,#f0f6ff)!important;box-shadow:0 6px 15px #123d8417,inset 0 1px 0 #fff!important}
.profile-reference-page .profile-reference-grid .profile-menu-icon{width:51px!important;height:51px!important;flex-basis:51px!important;background:linear-gradient(145deg,#e2f6ff,#b6d7ff)!important;color:#0757d8!important;font-size:28px!important;box-shadow:inset 0 1px 0 #fff!important}
.profile-reference-page .profile-reference-grid .profile-menu-copy b{font-size:clamp(11px,3.25vw,15px)!important;color:#092e9b!important}
.profile-reference-page .profile-reference-grid .profile-menu-copy small{font-size:clamp(9px,2.6vw,11px)!important;line-height:1.35!important;color:#536c96!important}
.profile-reference-page .profile-reference-grid .profile-menu-arrow{color:#073dca!important;font-size:25px!important}
.profile-reference-page .profile-reference-logout{min-height:88px!important;margin:14px 0 0!important;padding:15px 18px!important;border:1px solid #ffc2d0!important;border-radius:24px!important;background:linear-gradient(100deg,#fff0f2,#ffd9e3)!important;color:#c81935!important;box-shadow:0 8px 20px #bc2b4b25!important}
.profile-reference-page .profile-reference-logout b{font-size:20px!important}
.profile-reference-page .profile-reference-logout small{font-size:12px!important;color:#a54d5b!important}
.profile-reference-page .profile-reference-logout>span:first-child{font-size:30px!important;color:#df203d!important}
@media(max-width:390px){
 .profile-reference-page .profile-reference-identity{grid-template-columns:62px minmax(0,1fr) 65px!important;gap:8px!important}
 .profile-reference-page .profile-reference-avatar{width:59px!important;height:59px!important}
 .profile-reference-page .profile-brand-slogan img{width:64px!important;height:58px!important}
 .profile-reference-page .profile-brand-slogan b{font-size:8px!important}
 .profile-reference-page .profile-reference-metric{flex-direction:column!important;text-align:center!important;gap:4px!important}
 .profile-reference-page .profile-reference-metric .metric-icon{width:31px!important;height:31px!important;flex-basis:31px!important;font-size:20px!important}
 .profile-reference-page .profile-reference-grid .profile-menu-item{min-height:91px!important;padding:8px 6px!important;gap:6px!important}
 .profile-reference-page .profile-reference-grid .profile-menu-icon{width:39px!important;height:39px!important;flex-basis:39px!important;font-size:22px!important}
 .profile-reference-page .profile-reference-grid .profile-menu-arrow{font-size:20px!important}
 .profile-reference-page .profile-ref-share{padding:8px 10px!important;font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){.profile-reference-page *{animation:none!important;transition:none!important}}