.professional-profile{--profile-navy:#132d43;--profile-gold:#c8ab74;min-height:100vh;background:#f5f4ef;color:#334758;padding:36px clamp(16px,3vw,48px) 56px;font-family:Arial,sans-serif;font-size:18px;line-height:1.75}
.professional-profile .profile-portfolio{max-width:1360px;margin:auto;min-width:0}
.professional-profile .profile-header{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(32px,4vw,64px);padding:clamp(32px,4.2vw,64px);margin:0 0 32px;background:var(--profile-navy);border:1px solid #294357;border-top:4px solid var(--profile-gold);border-radius:24px;box-shadow:0 18px 45px #132d431c;color:#e3eaf0}
.professional-profile .profile-header>img,.professional-profile .profile-header>[role=img]{width:224px;height:272px;max-width:100%;flex-shrink:0;border-radius:16px;border:7px solid #f1ece2;outline:1px solid #c8ab74;outline-offset:5px;object-fit:cover;box-shadow:0 12px 30px #0003;font-size:48px;background:#e9edf0;color:#466176}
.professional-profile .profile-identity{flex:1 1 420px;min-width:0}
.professional-profile h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(36px,4.5vw,66px);letter-spacing:-.025em;line-height:1.12;color:#fff;margin:12px 0 20px;overflow-wrap:anywhere}
.professional-profile h2{font-family:Georgia,serif;font-size:clamp(26px,2.4vw,34px);letter-spacing:-.015em;line-height:1.3;font-weight:400;color:var(--profile-navy);margin:0 0 26px;overflow-wrap:anywhere}
.professional-profile .profile-designation{font-size:16px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:#e2c994;margin:0 0 10px}
.professional-profile .profile-qualification{font-size:21px;line-height:1.55;color:#e1e8ed;white-space:pre-wrap}
.professional-profile .profile-verified{display:inline-flex;align-items:center;gap:8px;font-size:15px;line-height:1.5;background:#244558;color:#eaf4ef;border:1px solid #476676;border-radius:30px;padding:7px 12px;margin:8px 0}
.professional-profile .profile-header .text-amber-700{color:#f1d397;font-size:16px}
.professional-profile .profile-specializations{margin-top:25px}
.professional-profile .profile-header .profile-specializations h2{font-family:Arial,sans-serif;font-size:15px;letter-spacing:.06em;font-weight:600;color:#c8d6e0;margin:0 0 12px}
.professional-profile .profile-tags,.professional-profile .profile-socials,.professional-profile .profile-mode-chips{display:flex;flex-wrap:wrap;gap:10px}
.professional-profile .profile-tags span{padding:7px 15px;background:#263f53;color:#f3f5f7;border:1px solid #496073;border-radius:8px;font-size:16px;line-height:1.5;overflow-wrap:anywhere;max-width:100%}
.professional-profile .profile-metadata{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:26px;font-size:17px;color:#dbe5ec}
.professional-profile .profile-metadata>span{display:inline-flex;align-items:center;gap:9px;min-width:0;overflow-wrap:anywhere}
.professional-profile .profile-mode-chips{margin-top:16px}
.professional-profile .profile-mode-chips span{font-size:15px;color:#e3c995;line-height:1.5;padding:4px 12px;border:1px solid #6d654f;border-radius:30px}
.professional-profile section{background:#fff;border:1px solid #e4e7e8;border-radius:20px;padding:clamp(26px,3vw,44px);min-width:0;box-shadow:0 8px 28px #172e4507}
.professional-profile section h2:before{content:"";display:block;width:36px;height:3px;background:#b89a63;border-radius:2px;margin-bottom:18px}
.professional-profile .profile-about{margin:0 0 28px}
.professional-profile .profile-about p{max-width:100ch;font-size:19px;line-height:1.85;color:#435564}
.professional-profile .profile-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:28px;margin:28px 0}
.professional-profile .profile-sections section:nth-child(3n+2) h2{color:#715c36}
.professional-profile dt{font-size:16px;color:#61717e;margin-bottom:7px;line-height:1.5}
.professional-profile dl>div+div{margin-top:22px}
.professional-profile .profile-offerings{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:0;padding:0;white-space:normal}
.professional-profile .profile-offerings li{background:#f3f5f6;border:1px solid #e6eaed;border-radius:10px;padding:12px 17px;line-height:1.6;font-size:18px;max-width:100%;overflow-wrap:anywhere}
.professional-profile .profile-socials{margin-top:24px;padding-top:24px;border-top:1px solid #e8ecee}
.professional-profile section a{display:inline-flex;align-items:flex-start;gap:10px;color:#254860;text-decoration:none;background:#f9fafb;border:1px solid #dfe6eb;border-radius:10px;padding:14px 17px;font-size:17px;line-height:1.6;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.professional-profile section a:hover{background:#edf2f5;border-color:#91a4b2;text-decoration:underline}
.professional-profile svg{flex-shrink:0}
.professional-profile section a svg{margin-top:4px}
.professional-profile a:focus-visible,.professional-profile button:focus-visible{outline:3px solid #bd9853;outline-offset:4px}
.professional-profile p,.professional-profile dd{overflow-wrap:anywhere}
.professional-profile .profile-share-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:8px 0 28px}
.professional-profile button,.professional-profile .profile-client-actions a{display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:normal;height:auto;min-height:50px;padding:12px 22px;border-radius:10px;border:1px solid #bcc9d2;background:#fff;color:var(--profile-navy);font-size:16px;font-weight:600;line-height:1.5;max-width:100%;text-decoration:none;box-shadow:0 2px 5px #132d4306}
.professional-profile button:hover,.professional-profile .profile-client-actions a:hover{background:#eaf0f4;border-color:#748b9e}
.professional-profile button:disabled{opacity:.6;cursor:wait}
.professional-profile .profile-share-actions [role=status]{font-size:15px;color:#526575}
.professional-profile .profile-client-panel{padding:clamp(26px,3vw,44px);border:1px solid #ddd9ce;border-left:4px solid #b89a63;border-radius:18px;background:#eeede6}
.professional-profile .profile-client-panel h2{font-size:clamp(26px,2.4vw,34px);margin-bottom:16px}
.professional-profile .profile-footer-note{font-size:16px;line-height:1.8;color:#586772;max-width:100ch;margin:0 0 24px}
.professional-profile .profile-client-actions{display:flex;flex-wrap:wrap;gap:14px}
.professional-profile .profile-client-actions a:first-child,.professional-profile .profile-client-panel>button{background:var(--profile-navy);border-color:var(--profile-navy);color:white;box-shadow:0 5px 12px #132d431a}
.professional-profile .profile-client-actions a:first-child:hover,.professional-profile .profile-client-panel>button:hover{background:#25465f}
@media(max-width:1100px){.professional-profile{padding:28px 24px 40px}.professional-profile .profile-header>img,.professional-profile .profile-header>[role=img]{width:184px;height:224px}.professional-profile .profile-header{gap:32px}.professional-profile .profile-sections{gap:22px}.professional-profile section{padding:30px}}
@media(max-width:800px){.professional-profile .profile-sections{grid-template-columns:minmax(0,1fr)}.professional-profile .profile-header{align-items:flex-start;padding:32px;gap:28px}.professional-profile h1{font-size:40px}.professional-profile .profile-qualification{font-size:19px}.professional-profile .profile-metadata{gap:12px;font-size:16px}}
@media(max-width:620px){.professional-profile{padding:18px 14px 32px;font-size:17px}.professional-profile .profile-identity{flex-basis:auto}.professional-profile .profile-header{flex-direction:column;padding:28px 24px;border-radius:18px;gap:30px}.professional-profile .profile-header>img,.professional-profile .profile-header>[role=img]{width:168px;height:200px}.professional-profile h1{font-size:36px}.professional-profile .profile-designation{font-size:14px}.professional-profile section{padding:26px 22px;border-radius:16px}.professional-profile h2{font-size:27px}.professional-profile .profile-about p{font-size:18px}.professional-profile .profile-sections{gap:20px;margin:20px 0}.professional-profile .profile-offerings li{font-size:17px;padding:10px 13px}.professional-profile section a{font-size:16px;padding:12px 13px}.professional-profile .profile-client-panel{padding:26px 22px}.professional-profile .profile-share-actions button{flex:1 1 180px}.professional-profile .profile-client-actions a{width:100%}.professional-profile .profile-metadata>span{align-items:flex-start}}
@media(prefers-reduced-motion:no-preference){.professional-profile a,.professional-profile button{transition:background-color .15s,border-color .15s}}