html{color-scheme:light}body{min-height:100vh;padding:clamp(18px,4vw,54px) 18px;background:linear-gradient(145deg,#f7f4ee 0%,color-mix(in srgb,var(--card-secondary) 18%,#f4f7fb) 48%,#eef3f8 100%);color:var(--card-text)}
.card-shell{width:min(100%,920px);min-height:0;margin:auto;overflow:hidden;border:1px solid rgba(25,38,55,.1);border-radius:28px;background:#fff;box-shadow:0 30px 90px rgba(26,39,57,.14)}
.identity-card{position:relative;padding:0;background:#fff;color:var(--card-text);border-bottom:1px solid rgba(25,38,55,.1)}
.cover{position:relative;height:260px;overflow:hidden;padding:24px 28px;background:var(--card-primary);isolation:isolate}.cover>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;transform:scale(1.002)}.cover-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(8,16,25,.16),rgba(8,16,25,.12) 45%,rgba(8,16,25,.68))}.cover>span{padding:8px 11px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(10,20,30,.27);color:#fff;font-size:10px;letter-spacing:.13em;text-shadow:0 1px 10px rgba(0,0,0,.3);backdrop-filter:blur(10px)}.cover button{width:42px;height:42px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(10,20,30,.34);backdrop-filter:blur(12px);transition:transform .2s ease,background .2s ease}.cover button:hover{transform:translateY(-2px);background:rgba(10,20,30,.58)}
.identity{display:grid;grid-template-columns:138px minmax(0,1fr) auto;gap:25px;align-items:center;padding:0 36px 24px}.portrait-wrap{position:relative;align-self:start;margin-top:-54px}.portrait{width:132px;height:132px;margin:0;border:5px solid #fff;border-radius:50%;background:linear-gradient(135deg,var(--card-primary),var(--card-accent));box-shadow:0 15px 35px rgba(20,31,45,.2)}.portrait img{border-radius:50%}.verified{position:absolute;right:4px;bottom:4px;width:27px;height:27px;margin:0;border:3px solid #fff;background:var(--card-primary);color:#fff;box-shadow:0 5px 14px rgba(0,0,0,.14)}
.identity-copy{min-width:0;padding-top:22px}.eyebrow{margin:0 0 5px;color:color-mix(in srgb,var(--card-primary) 78%,var(--card-text));font-size:10px}.identity h1{margin:0;color:var(--card-text);font-size:clamp(29px,4vw,42px);line-height:1;letter-spacing:-.045em}.role,.license{display:inline;color:color-mix(in srgb,var(--card-text) 62%,transparent);font-size:11px}.license:before{content:"  ·  ";white-space:pre;color:color-mix(in srgb,var(--card-text) 35%,transparent)}.tagline{max-width:500px;margin:11px 0 0;color:color-mix(in srgb,var(--card-text) 72%,transparent);font-size:13px;line-height:1.55}
.identity-connect{display:flex;min-width:180px;flex-direction:column;align-items:flex-end;gap:12px;padding-top:22px}.save-contact{width:auto;min-width:172px;min-height:48px;margin:0;padding:0 20px;border-radius:999px;background:var(--card-primary);color:#fff;font-size:12px;box-shadow:0 12px 26px color-mix(in srgb,var(--card-primary) 22%,transparent);transition:transform .2s ease,box-shadow .2s ease}.save-contact:hover{transform:translateY(-2px);box-shadow:0 16px 32px color-mix(in srgb,var(--card-primary) 28%,transparent)}
.socials{justify-content:flex-end;gap:7px;margin:0}.socials a{width:34px;height:34px;border:1px solid rgba(25,38,55,.1);border-radius:50%;background:#f7f9fb;color:var(--card-primary);box-shadow:none;transition:transform .2s ease,background .2s ease}.socials a:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--card-secondary) 20%,#fff)}
.primary-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:0;width:100%;margin:0;border-top:1px solid rgba(25,38,55,.09)}.primary-actions a{display:flex;width:auto;min-height:66px;align-items:center;justify-content:center;gap:10px;border-right:1px solid rgba(25,38,55,.08);color:color-mix(in srgb,var(--card-text) 75%,transparent);font-size:11px;transition:background .2s ease,color .2s ease}.primary-actions a:last-child{border-right:0}.primary-actions i{width:34px;height:34px;margin:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--card-secondary) 24%,#f5f7fa);color:var(--card-primary);box-shadow:none}.primary-actions a:hover{background:color-mix(in srgb,var(--card-secondary) 14%,#fff);color:var(--card-primary)}.primary-actions a:hover i{transform:none;box-shadow:none}
.card-details{padding:0 36px 28px;background:#fff}.card-details article{padding:34px 0;border-color:rgba(25,38,55,.09)}.section-label{color:var(--card-primary);font-size:10px}.card-details h2{margin:7px 0 0;color:var(--card-text);font-size:clamp(22px,3vw,30px);line-height:1.12;letter-spacing:-.035em}.card-details article>p,.share-panel p{max-width:700px;color:color-mix(in srgb,var(--card-text) 68%,transparent);font-size:14px;line-height:1.75}
.about-card{display:grid;grid-template-columns:minmax(190px,.65fr) 1.35fr;gap:48px;align-items:start}.about-card p{margin-top:2px!important}
.service-grid{grid-template-columns:repeat(3,1fr);gap:11px}.service-grid a{min-height:74px;border-color:rgba(25,38,55,.09);border-radius:16px;background:#f8fafb;color:var(--card-text);box-shadow:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.service-grid a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--card-primary) 28%,transparent);box-shadow:0 12px 25px rgba(20,31,45,.08)}.service-grid a>i:first-child{border-radius:50%;background:color-mix(in srgb,var(--card-accent) 15%,#fff);color:var(--card-primary)}
.section-head a{color:var(--card-primary)}.listing-strip{gap:12px}.listing-strip a{min-height:165px;border-radius:17px;box-shadow:0 10px 25px rgba(20,31,45,.1)}
.share-panel{grid-template-columns:1fr 138px;padding:26px!important;margin:24px 0 8px;border:0!important;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--card-primary) 9%,#f8fafc),color-mix(in srgb,var(--card-secondary) 18%,#fff))}.share-panel button{border-color:rgba(25,38,55,.12);border-radius:999px;background:#fff;color:var(--card-primary)}.qr{border:1px solid rgba(25,38,55,.09);border-radius:16px;box-shadow:0 10px 24px rgba(20,31,45,.08)}
.card-details>footer{align-items:center;color:color-mix(in srgb,var(--card-text) 48%,transparent)}.card-details>footer>a{color:var(--card-primary)}.powered-by{display:flex;align-items:center;gap:8px;color:color-mix(in srgb,var(--card-text) 55%,transparent)!important}.powered-by img{width:25px;height:25px}.powered-by b{color:var(--card-text)}.toast{border:1px solid rgba(25,38,55,.1);box-shadow:0 15px 40px rgba(18,30,45,.18)}
@media(max-width:760px){body{padding:0;background:#fff}.card-shell{border:0;border-radius:0;box-shadow:none}.cover{height:190px;padding:18px}.identity{grid-template-columns:1fr;padding:0 20px 22px;text-align:center;gap:0}.portrait-wrap{width:118px;margin:-55px auto 0}.portrait{width:118px;height:118px}.verified{right:1px}.identity-copy{padding-top:14px}.identity h1{font-size:32px}.role,.license{font-size:10px}.tagline{margin:11px auto 0}.identity-connect{min-width:0;align-items:center;padding-top:18px}.save-contact{width:min(100%,340px)}.socials{justify-content:center}.primary-actions a{min-height:70px;flex-direction:column;gap:4px}.primary-actions i{width:32px;height:32px}.card-details{padding-inline:20px}.about-card{display:block}.about-card p{margin-top:14px!important}.service-grid{grid-template-columns:1fr 1fr}.listing-strip{grid-template-columns:repeat(3,210px)}.share-panel{grid-template-columns:1fr 112px;padding:20px!important}}
@media(max-width:480px){.cover{height:168px}.service-grid{grid-template-columns:1fr}.share-panel{grid-template-columns:1fr}.qr{width:118px}.card-details>footer{align-items:flex-start;flex-direction:column}.powered-by{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.cover button,.save-contact,.socials a,.primary-actions a,.service-grid a{transition:none}}
.card-editor-mode [contenteditable]{position:relative;border-radius:6px;outline:1px dashed rgba(37,99,235,.45);outline-offset:4px;cursor:text}.card-editor-mode [contenteditable]:hover,.card-editor-mode [contenteditable]:focus{outline:2px solid #2563eb;background:rgba(37,99,235,.06)}.card-editor-mode [contenteditable]:empty:before{content:attr(data-placeholder);color:#8a96a8;font-style:italic}.card-editor-mode .service-grid a{cursor:default}