/* Personal cards: soft glass surfaces, compact navigation and readable controls. */
.card-page{background:#eef5fd;background-image:radial-gradient(ellipse at 12% 12%,#d1e6ff 0,transparent 42%),radial-gradient(ellipse at 90% 38%,#e4e0ff 0,transparent 46%),linear-gradient(160deg,#f9fcff,#edf4fc);color:#14233b;min-height:100vh}
.card-page .card-topbar{background:rgba(255,255,255,.8);border-bottom:1px solid #ffffffb8;box-shadow:0 1px 12px #3c5b8c06}
.card-page .card-topbar nav{width:min(760px,calc(100% - 32px));min-height:56px;margin:auto;display:flex;align-items:center;justify-content:center;gap:25px}
.card-page .card-topbar a{font-size:11px;font-weight:700;line-height:1.3;color:#50627d;display:inline-flex;align-items:center;gap:7px;min-height:42px}
.card-page .card-topbar a:hover{color:#113c95}
.card-page .card-topbar a.card-topbar-cta{margin-left:auto;background:#f0f5ff;border:1px solid #d5e3f8;border-radius:100px;padding:0 14px;color:#254a89}
.card-page .card-topbar-cta svg{width:16px;height:16px}
.card-page .card-stage{width:min(720px,calc(100% - 36px));margin:auto;padding:32px 0 12px}
.card-page .profile-card{--card-on-accent:#fff;width:100%;margin:0;border:1px solid #ffffffda;border-radius:34px;background:rgba(255,255,255,.83);box-shadow:0 28px 70px #234d8720,0 3px 12px #345b8810;overflow:hidden}
.card-page .profile-cover{position:relative;height:215px;overflow:hidden;padding:0;background:linear-gradient(125deg,var(--cover-2,#b8ddff) 0%,var(--cover-1,#2463eb) 90%);isolation:isolate}
.card-page .profile-cover::before{content:"";position:absolute;z-index:1;width:115%;height:185px;left:-12%;top:55px;background:linear-gradient(125deg,#ffffff88,#ffffff05 75%);border:1px solid #ffffff45;border-radius:48% 58% 35% 66%;transform:rotate(-12deg);filter:blur(1px)}
.card-page .profile-cover::after{content:"";position:absolute;z-index:1;width:120%;height:185px;right:-15%;top:128px;background:linear-gradient(15deg,#f9fcffe0,#e5f3ff20);border:1px solid #ffffff70;border-radius:50% 45% 0 0;transform:rotate(-10deg)}
.card-page .profile-cover-image{width:100%;height:100%;max-width:none;object-fit:cover;filter:blur(var(--cover-blur,8px));transform:scale(1.12);display:block}
.card-page .profile-cover[data-cover=image]::before{background:linear-gradient(125deg,#ffffff15,#ffffff00);border:0}
.card-page .profile-cover[data-cover=image]::after{height:80px;top:auto;bottom:-35px;background:#ffffff78;filter:blur(22px)}
.card-page .profile-cover-glow{position:absolute;z-index:2;inset:auto -10% -90px;height:145px;border-radius:50%;background:#ffffff95;filter:blur(28px);pointer-events:none}
.card-page .profile-photo{position:relative;z-index:3;width:150px;height:150px;margin:-77px auto 0;border:6px solid #fff;box-shadow:0 0 0 1px #c7daf1,0 10px 28px #224d8a28;background:#eef2f8}
.card-page .profile-photo>span{font-size:62px;color:#143262}
.card-page .profile-photo>img{width:100%;height:100%;object-fit:cover}
.card-page .profile-card[data-profile=company] .profile-photo>img{object-fit:contain;padding:12px}
.card-page .profile-content{text-align:center;padding:20px 28px 28px}
.card-page .profile-identity{max-width:610px;margin:0 auto 25px}
.card-page .profile-identity .ab-tag{background:#e8f1ff;color:#214980;font-size:10px;border:1px solid #d9e7fc;border-radius:100px;padding:5px 12px;font-weight:750}
.card-page .profile-identity h1{font-size:clamp(28px,5.4vw,43px);line-height:1.12;letter-spacing:-.055em;margin:13px 0 9px;color:#10243f;overflow-wrap:anywhere}
.card-page .profile-role{font-size:clamp(17px,3.4vw,23px);line-height:1.4;color:#526b91;margin:0 0 5px!important}
.card-page .profile-company{font-size:12px;color:#63728a;margin:0 0 12px}
.card-page .profile-summary{font-size:13px;line-height:1.75;max-width:570px;color:#53647e;margin:15px auto 0!important}
.card-page .card-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:7px 8px;background:rgba(255,255,255,.88);border:1px solid #fff;border-radius:24px;box-shadow:0 8px 22px #3f6a9f08}
.card-page .card-facts>div{border:0;min-width:0;padding:16px 10px;text-align:center;display:block}
.card-page .card-facts>div:nth-child(2n){border-left:1px solid #e4ecf7}
.card-page .card-facts>div:nth-child(n+3){border-top:1px solid #e4ecf7}
.card-page .card-facts dt{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#596d8c;font-weight:750}
.card-page .card-fact-icon{display:grid;place-items:center;width:37px;height:37px;background:#eef5ff;border:1px solid #d7e7ff;border-radius:50%;color:#2161b8}
.card-page .card-fact-icon .ab-icon{width:18px;height:18px}
.card-page .card-facts dd{font-size:12px;font-weight:600;line-height:1.55;color:#203550;margin:8px 0 0;overflow-wrap:anywhere}
.card-page .card-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:10px;margin:18px 0 0}
.card-page .card-contact{min-height:49px;padding:11px 13px;border:1px solid #ffffff80;border-radius:15px;background:#1d57b8;color:#fff;font-size:11px!important;font-weight:700;box-shadow:0 5px 14px #2058a81a;gap:8px}
.card-page .card-contact:hover{filter:brightness(.96);transform:translateY(-1px)}
.card-page .card-contact .ab-icon{width:18px;height:18px;flex-shrink:0}
.card-page .card-contact-phone,.card-page .card-contact-email{background:var(--card-color,#182e92);color:var(--card-on-accent,#fff)}
.card-page .card-contact-whatsapp{background:#0c8055}
.card-page .card-contact-website,.card-page .card-contact-location{background:#fff;color:#24559a;border-color:#cbdff8;box-shadow:0 5px 14px #2058a808}
.card-page .profile-extra-links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:14px 0 0}
.card-page .profile-extra-links a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;background:#ffffffbd;border:1px solid #dbe6f3;border-radius:100px;padding:8px 15px;color:#36577f;font-size:11px;font-weight:700;overflow-wrap:anywhere;max-width:100%}
.card-page .profile-extra-links .ab-icon{width:15px;height:15px;flex-shrink:0}
.card-page .profile-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 0}
.card-page .profile-tools .ab-button{border-radius:16px;min-height:51px;font-size:11px!important;gap:8px;padding:11px 15px;box-shadow:0 6px 18px #3f6a9f0a}
.card-page .profile-tools .profile-save{background:var(--card-color,#182e92);color:var(--card-on-accent,#fff);border-color:#ffffff50}
.card-page .profile-tools .secondary{background:#ffffffd9;color:#28528d;border-color:#dfe8f5}
.card-page .profile-tools .ab-icon{width:19px;height:19px;flex-shrink:0}
.card-page .profile-save-hint{font-size:10px;line-height:1.5;color:#677a96;margin:10px 0 0}
.card-page .ab-qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:25px 0 0}
.card-page .ab-qr-grid>.ab-qr:only-child{width:100%;max-width:none;grid-column:1/-1}
.card-page .ab-qr{min-width:0;border:1px solid #ffffffd9;border-radius:25px;background:rgba(255,255,255,.86);padding:24px 18px;box-shadow:0 8px 25px #4674ad09}
.card-page .ab-qr [data-qr]{width:min(100%,190px);padding:10px;aspect-ratio:1;margin:auto;background:white;border:1px solid #dceaf9;border-radius:18px;box-shadow:0 5px 16px #2855930b}
.card-page .ab-qr canvas,.card-page .ab-qr img{max-width:170px;width:100%!important;height:auto!important}
.card-page .ab-qr h2{font-size:18px;line-height:1.3;letter-spacing:-.035em;color:#1b3555;margin:14px 0 5px}
.card-page .ab-qr>a{font-size:11px;line-height:1.5;color:#617792;min-height:30px;display:inline-flex;align-items:center}
.card-page .ab-qr>button{font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;margin:8px auto 0;min-height:41px;padding:9px 15px;border:1px solid #dbe8fa;border-radius:100px;background:#edf5ff;color:#235398;text-decoration:none}
.card-page .ab-qr>button .ab-icon{width:17px;height:17px}
.card-page .profile-text{margin:17px 0 0;border:1px solid #fff;border-radius:24px;background:rgba(255,255,255,.83);box-shadow:0 8px 25px #4674ad07;padding:22px 23px;text-align:left;font-size:12px;color:#53647e}
.card-page .profile-text>h2{font-size:18px;line-height:1.3;letter-spacing:-.035em;color:#1b3555;margin:0 0 13px}
.card-page .profile-text h3{font-size:17px;margin:19px 0 10px}
.card-page .profile-text p:last-child,.card-page .profile-text ul:last-child{margin-bottom:0}
.card-page .profile-text a{color:#1b4f98}
.card-page .profile-content .ab-share-status{font-size:11px;line-height:1.6;color:#526b91;margin:15px 0 0}
.card-page .ab-share-status:empty{display:none}
.card-page .profile-powered{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;min-height:64px;margin:15px auto 4px;width:fit-content;padding:5px 13px;border-radius:16px;color:#697b94;font-size:10px;font-weight:600}
.card-page .profile-powered:hover{background:#ffffff65}
.card-page .profile-powered-logo{background:#172131;display:grid;place-items:center;border-radius:10px;padding:7px 12px;box-shadow:0 4px 12px #15335e10}
.card-page .profile-powered img{width:110px;height:32px;object-fit:contain}
.card-page .card-site-footer{width:min(720px,calc(100% - 36px));padding:18px 0 28px;margin:auto;text-align:center;border-top:1px solid #d5e2f1}
.card-page .card-site-brand{display:block;width:166px;margin:0 auto 13px;min-height:50px}
.card-page .card-site-brand img{width:166px;height:50px;object-fit:contain}
.card-page .card-site-footer nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:22px;row-gap:0}
.card-page .card-site-footer nav a{min-height:40px;display:flex;align-items:center;color:#526985;font-size:10px;font-weight:650}
.card-page .card-site-footer>p{font-size:10px;color:#73849b;margin:5px 0 0}
.card-page .notice{width:min(720px,100%);font-size:12px}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.card-page .profile-card{background:#ffffffb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.card-page .card-topbar{background:#ffffffb8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.card-page .card-facts,.card-page .ab-qr,.card-page .profile-text{background:#ffffffa8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}
@media(min-width:680px){.card-page .card-facts{grid-template-columns:repeat(4,minmax(0,1fr));padding:16px 5px}.card-page .card-facts>div{padding:4px 8px}.card-page .card-facts>div+div{border-left:1px solid #e1eaf7}.card-page .card-facts>div:nth-child(n+3){border-top:0}.card-page .profile-identity{margin-bottom:25px}.card-page .profile-content{padding:20px 30px 28px}}
@media(max-width:480px){.card-page .card-topbar nav{width:calc(100% - 28px);gap:15px;min-height:52px}.card-page .card-topbar a{font-size:10px}.card-page .card-topbar a.card-topbar-cta{padding:0 10px;gap:5px}.card-page .card-topbar-cta svg{display:none}.card-page .card-stage{width:calc(100% - 28px);padding:21px 0 8px}.card-page .profile-card{border-radius:29px}.card-page .profile-cover{height:180px}.card-page .profile-photo{width:126px;height:126px;margin-top:-64px;border-width:5px}.card-page .profile-photo>span{font-size:53px}.card-page .profile-content{padding:17px 16px 20px}.card-page .profile-identity h1{font-size:30px}.card-page .profile-summary{font-size:12px}.card-page .card-facts{border-radius:21px;padding:5px 4px}.card-page .card-facts>div{padding:13px 7px}.card-page .card-facts dd{font-size:11px}.card-page .card-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.card-page .card-contact{font-size:11px!important;border-radius:14px;min-height:47px}.card-page .profile-tools{grid-template-columns:1fr;gap:9px;margin-top:14px}.card-page .profile-tools .ab-button{min-height:47px;border-radius:14px}.card-page .profile-save-hint{font-size:9px}.card-page .ab-qr-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.card-page .ab-qr{border-radius:22px;padding:18px 11px}.card-page .ab-qr [data-qr]{border-radius:14px;padding:8px;width:min(100%,170px)}.card-page .ab-qr h2{font-size:16px}.card-page .ab-qr>a{font-size:10px}.card-page .ab-qr>button{font-size:10px;padding:8px 10px;gap:5px}.card-page .profile-text{padding:19px 18px;border-radius:21px}.card-page .profile-text>h2{font-size:17px}.card-page .profile-powered{margin-top:12px;gap:9px}.card-page .card-site-footer{width:calc(100% - 40px);padding-bottom:22px}.card-page .card-site-footer nav{column-gap:17px}}
@media(max-width:360px){.card-page .card-topbar nav{gap:11px}.card-page .card-topbar a{font-size:9px}.card-page .card-topbar a.card-topbar-cta{padding-inline:8px}.card-page .profile-content{padding-inline:13px}.card-page .profile-identity h1{font-size:27px}.card-page .ab-qr-grid{grid-template-columns:1fr}.card-page .ab-qr-grid>.ab-qr:only-child{grid-column:auto}}
@media(prefers-reduced-transparency:reduce){.card-page .profile-card,.card-page .card-facts,.card-page .ab-qr,.card-page .profile-text,.card-page .card-topbar{background:#f9fcff;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.card-page .card-contact:hover{transform:none}}
/* Keep the essentials visible; secondary content expands on demand. */
.card-page .card-stage{padding-top:24px}
.card-page .profile-cover{height:165px}
.card-page .profile-photo{width:124px;height:124px;margin-top:-65px;border-width:5px}
.card-page .profile-photo>span{font-size:53px}
.card-page .profile-content{padding-top:15px}
.card-page .profile-identity{margin-bottom:18px}
.card-page .profile-identity h1{font-size:clamp(28px,5vw,39px);margin:10px 0 7px}
.card-page .profile-role{font-size:20px}
.card-page .profile-company{font-size:11px;margin-bottom:8px}
.card-page .profile-summary{margin-top:11px!important;font-size:12px;line-height:1.65}
.card-page .card-facts{max-width:none;padding:5px 7px;border-radius:20px}
.card-page .card-facts>div{padding:11px 9px}
.card-page .card-facts dt{flex-direction:row;justify-content:center;gap:6px;font-size:8px;letter-spacing:.04em}
.card-page .card-fact-icon{width:25px;height:25px;flex-shrink:0}
.card-page .card-fact-icon .ab-icon{width:14px;height:14px}
.card-page .card-facts dd{margin-top:5px;font-size:11px}
.card-page .card-actions{margin-top:13px;gap:8px}
.card-page .card-contact{min-height:44px;border-radius:13px;padding:9px 11px}
.card-page .profile-tools{margin-top:13px;gap:9px}
.card-page .profile-tools .ab-button{min-height:46px;border-radius:14px}
.card-page .profile-save-hint{margin-top:7px;font-size:9px}
.card-page .profile-disclosure{border:1px solid #ffffffea;border-radius:19px;background:#ffffffc7;box-shadow:0 5px 18px #4674ad06;margin-top:13px;overflow:hidden;text-align:left}
.card-page .profile-disclosure>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:13px 16px;min-height:59px;cursor:pointer;color:#264263}
.card-page .profile-disclosure>summary::-webkit-details-marker{display:none}
.card-page .profile-disclosure>summary::marker{content:""}
.card-page .profile-disclosure>summary>span:nth-child(2){min-width:0;flex:1}
.card-page .profile-disclosure>summary strong{display:block;font-size:12px;font-weight:750;line-height:1.5}
.card-page .profile-disclosure>summary small{display:block;font-size:10px;font-weight:500;color:#6b7f99;line-height:1.4}
.card-page .profile-disclosure>summary::after{content:"";display:block;width:7px;height:7px;border-right:1.8px solid #527cae;border-bottom:1.8px solid #527cae;transform:rotate(45deg);margin:0 3px 4px 8px;flex-shrink:0}
.card-page .profile-disclosure[open]>summary::after{transform:rotate(225deg);margin-bottom:0}
.card-page .profile-disclosure-icon{width:31px;height:31px;border-radius:10px;background:#edf4ff;border:1px solid #dce9fb;display:grid;place-items:center;color:#34619a;flex-shrink:0}
.card-page .profile-disclosure-icon .ab-icon{width:17px;height:17px}
.card-page .profile-disclosure-content{padding:0 12px 12px}
.card-page .profile-disclosure .ab-qr-grid{margin:0}
.card-page .profile-disclosure .ab-qr{box-shadow:none;border-color:#e1eaf7;background:#f8fbffbb;padding:16px 12px}
.card-page .profile-about .profile-text{border:0;margin:0;padding:0 18px 18px;background:none;box-shadow:none;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.card-page .profile-powered{min-height:53px;margin-top:10px;margin-bottom:0}
.card-page .card-site-footer{padding-top:12px}
@media(min-width:680px){.card-page .card-facts{padding:12px 4px}.card-page .card-facts>div{padding:2px 7px}}
@media(max-width:480px){.card-page .card-stage{padding-top:17px}.card-page .profile-cover{height:138px}.card-page .profile-photo{width:108px;height:108px;margin-top:-57px;border-width:4px}.card-page .profile-photo>span{font-size:46px}.card-page .profile-content{padding:13px 15px 17px}.card-page .profile-identity{margin-bottom:15px}.card-page .profile-identity .ab-tag{font-size:9px;padding:3px 10px}.card-page .profile-identity h1{font-size:29px;margin:9px 0 6px}.card-page .profile-role{font-size:17px}.card-page .profile-summary{font-size:11px;line-height:1.65;margin-top:9px!important}.card-page .card-facts>div{padding:9px 6px}.card-page .card-facts dd{font-size:10px}.card-page .card-actions{gap:8px;margin-top:11px}.card-page .card-contact{font-size:10px!important;min-height:43px;padding:9px}.card-page .card-contact .ab-icon{width:16px;height:16px}.card-page .profile-tools{grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.card-page .profile-tools .ab-button{font-size:10px!important;line-height:1.35;padding:9px 8px;min-height:48px;gap:6px}.card-page .profile-tools .ab-icon{width:17px;height:17px}.card-page .profile-disclosure{margin-top:11px;border-radius:17px}.card-page .profile-disclosure>summary{padding:11px 13px;min-height:56px}.card-page .profile-disclosure>summary strong{font-size:11px}.card-page .profile-disclosure>summary small{font-size:9px}.card-page .profile-disclosure-content{padding:0 9px 9px}.card-page .profile-about .profile-text{padding:0 15px 16px}.card-page .profile-powered{min-height:51px;margin-top:8px;font-size:9px}.card-page .profile-powered img{width:100px;height:28px}.card-page .profile-powered-logo{padding:5px 10px}.card-page .card-site-footer{padding-top:10px}.card-page .card-site-brand{margin-bottom:5px;width:145px}.card-page .card-site-brand img{width:145px;height:44px}.card-page .card-site-footer nav{column-gap:17px}.card-page .card-site-footer nav a{min-height:32px;font-size:9px}}
.card-page .card-facts[data-count="1"]{grid-template-columns:1fr}
@media(min-width:680px){.card-page .card-facts[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.card-page .card-facts[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Keep core actions in view without making text too small on a phone. */
@media(min-width:680px){.card-page .profile-cover{height:170px}.card-page .profile-photo{width:124px;height:124px;margin-top:-65px}.card-page .profile-photo>span{font-size:52px}.card-page .profile-content{padding-top:14px}.card-page .profile-identity{margin-bottom:17px}.card-page .profile-identity h1{font-size:37px;margin-top:10px}.card-page .profile-company{margin-bottom:8px}.card-page .profile-summary{margin-top:10px!important}}
.card-page .card-facts dd a{text-decoration:underline;text-underline-offset:3px}.card-page .profile-links-disclosure .profile-extra-links{padding:0 12px 14px;margin:0}.card-page .profile-save-hint{font-size:11px}
@media(max-width:480px){.card-page .card-facts dd{font-size:12px}.card-page .card-contact{font-size:12px!important;min-height:44px}.card-page .profile-summary{font-size:12px}.card-page .profile-tools .ab-button{font-size:11px!important}.card-page .profile-disclosure>summary strong{font-size:12px}.card-page .profile-disclosure>summary small{font-size:10px}.card-page .card-topbar a{font-size:11px}}
.card-page .ab-qr{text-align:center}
@media(max-width:380px){.card-page .profile-cover{height:118px}.card-page .profile-photo{width:100px;height:100px;margin-top:-52px}.card-page .profile-identity{margin-bottom:12px}}
/* Avoid sideways movement when opening a section introduces a scrollbar. */
html:has(body.card-page){scrollbar-gutter:stable}

@media(max-width:679px){.card-page .card-facts[data-count="3"]>div:last-child{grid-column:1/-1;border-left:0}.card-page .card-actions[data-count="1"]>.card-contact,.card-page .card-actions[data-count="3"]>.card-contact:last-child{grid-column:1/-1}}
/* Keep the compact card bar visible while reading or opening sections. */
.card-page .card-topbar{position:sticky;top:0;z-index:50}
html:has(body.card-page){scroll-padding-top:72px}
.card-page .card-topbar nav{flex-wrap:nowrap}.card-page .card-topbar a{white-space:nowrap}

/* Carry the selected profile color softly along the sides and lower surface. */
.card-page .profile-content{position:relative;isolation:isolate;overflow:hidden;border-radius:0 0 32px 32px;background:#ffffffb8}
.card-page .profile-content:before,.card-page .profile-content:after{content:"";position:absolute;z-index:-1;pointer-events:none;width:240px;height:220px;border-radius:50%;filter:blur(36px);background:var(--card-glow,#315bd6);opacity:var(--card-glow-opacity,.18)}
.card-page .profile-content:before{left:-205px;top:30px}.card-page .profile-content:after{right:-195px;bottom:-125px}
/* Decorative color is independent of the contact buttons. */
@media(prefers-reduced-transparency:reduce){.card-page .profile-content{background:#fff}.card-page .profile-content:before,.card-page .profile-content:after{display:none}}

/* Explicit frames override only photos adjusted by the editor; legacy cards retain their layout. */
.card-page .profile-photo.ab-photo-frame[data-photo-shape=circle]{width:150px;height:150px;border-radius:50%}
.card-page .profile-photo.ab-photo-frame{box-sizing:content-box}
.card-page .profile-photo.ab-photo-frame[data-photo-shape=rounded]{width:min(270px,75%);height:auto;aspect-ratio:2/1;margin-top:-70px;border-radius:22px}

/* Brand/photo gets more presence and sits higher over the cover. */
.card-page .profile-photo,.card-page .profile-photo.ab-photo-frame[data-photo-shape=circle]{width:180px;height:180px;margin-top:-110px;border-width:6px}
.card-page .profile-photo.ab-photo-frame[data-photo-shape=rounded]{width:min(320px,76%);height:auto;aspect-ratio:2/1;margin-top:-105px;border-radius:24px}
@media(max-width:600px){.card-page .profile-photo,.card-page .profile-photo.ab-photo-frame[data-photo-shape=circle]{width:150px;height:150px;margin-top:-88px}.card-page .profile-photo.ab-photo-frame[data-photo-shape=rounded]{width:min(280px,76%);height:auto;margin-top:-85px}}

.card-page .profile-cover,#cover-preview{height:auto;aspect-ratio:720/215;padding:0;background:linear-gradient(125deg,var(--cover-2,#b8ddff) 0%,var(--cover-1,#2463eb) 90%);position:relative;isolation:isolate;overflow:hidden}
.card-page .profile-cover::before,#cover-preview::before{content:"";position:absolute;z-index:1;width:115%;height:86%;left:-12%;top:25.58%;background:linear-gradient(125deg,#ffffff88,#ffffff05 75%);border:1px solid #ffffff45;border-radius:48% 58% 35% 66%;transform:rotate(-12deg);filter:blur(1px);pointer-events:none}
.card-page .profile-cover::after,#cover-preview::after{content:"";position:absolute;z-index:1;width:120%;height:86%;right:-15%;top:59.53%;background:linear-gradient(15deg,#f9fcffe0,#e5f3ff20);border:1px solid #ffffff70;border-radius:50% 45% 0 0;transform:rotate(-10deg);pointer-events:none}
.card-page .profile-cover-glow,#cover-preview>.profile-cover-glow{position:absolute;z-index:2;inset:auto -10% -42%;height:67%;border-radius:50%;background:#ffffff95;filter:blur(28px);pointer-events:none}#cover-image-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.12);z-index:0}
.card-page .profile-cover[data-cover=image]::before,#cover-preview[data-cover=image]::before{background:linear-gradient(125deg,#ffffff15,#ffffff00);border:0}.card-page .profile-cover[data-cover=image]::after,#cover-preview[data-cover=image]::after{height:37%;top:auto;bottom:-16%;background:#ffffff78;filter:blur(22px)}
#cover-preview .cover-preview-avatar{display:none}#cover-preview{border-radius:20px;clip-path:none}.cover-editor-preview{margin-bottom:18px}


/* Plain soft cover: no waves, outlines or decorative overlays. */
.card-page .profile-cover::before,.card-page .profile-cover::after,#cover-preview::before,#cover-preview::after{content:none;display:none}
.card-page .profile-cover-glow,#cover-preview>.profile-cover-glow{display:none}