body.profile-page{margin:0;padding:24px;background:
radial-gradient(circle at 15% 0%,rgba(0,131,143,.18),transparent 28%),
linear-gradient(180deg,#edf7f8,#eef2f7);font-family:Inter,Arial,sans-serif}
.profile-shell{max-width:560px;margin:0 auto}
.digital-card{overflow:hidden;background:#fff;border-radius:32px;box-shadow:0 24px 70px rgba(15,23,42,.16)}
.digital-cover{height:180px;background:
radial-gradient(circle at 80% 20%,rgba(255,255,255,.26),transparent 24%),
linear-gradient(135deg,var(--profile-accent),#23aeb8)}
.profile-content{padding:0 28px 30px;margin-top:-74px}
.profile-avatar{width:148px;height:148px;object-fit:cover;border-radius:50%;border:7px solid #fff;box-shadow:0 12px 30px rgba(15,23,42,.18)}
.profile-top{text-align:left;margin-top:14px}
.profile-top h1{font-size:36px;line-height:1.05;margin:0 0 7px}
.profile-headline{color:var(--profile-accent);font-weight:800;font-size:18px;margin:0}
.profile-bio{color:#64748b;line-height:1.6;margin:16px 0 22px}
.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.quick-actions a{display:flex;gap:7px;align-items:center;justify-content:center;padding:13px 8px;border-radius:14px;background:#eff6f7;color:#1e293b;font-weight:800}
.save-contact{display:flex;justify-content:center;margin-top:12px;padding:15px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--profile-accent),#25adb8);font-weight:900}
.profile-section{margin-top:20px;padding:20px;border:1px solid #e2e8f0;border-radius:20px;background:#fbfdfe}
.profile-section h2{font-size:16px;margin:0 0 12px}
.detail-row{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:10px 0;border-top:1px solid #e8eef2}
.detail-row:first-of-type{border-top:0}
.detail-row span{color:#64748b;font-weight:700}
.detail-row strong{overflow-wrap:anywhere}
.social-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.social-links a{padding:12px;border-radius:12px;background:#fff;border:1px solid #e1e8ec;text-align:center;font-weight:800}
.qr-section{display:flex;align-items:center;justify-content:space-between;gap:20px}
.qr-section p{margin:4px 0 0;color:#64748b}
.qr-section img{width:110px;height:110px;border-radius:12px}
footer{text-align:center;color:#94a3b8;font-size:12px;padding-top:24px}
@media(max-width:560px){body.profile-page{padding:12px}.profile-content{padding:0 18px 24px}.profile-top h1{font-size:30px}.quick-actions{grid-template-columns:1fr}.detail-row{grid-template-columns:1fr}.social-links{grid-template-columns:1fr}.qr-section{flex-direction:column;align-items:flex-start}}