:root{--p:#111827;--a:#f59e0b;--text:#111827;--cardw:405px;--cardh:810px}
*{box-sizing:border-box}html,body{margin:0;background:#e8edf2;font-family:Montserrat,Arial,sans-serif;color:var(--text)}body{min-height:100vh;display:grid;place-items:center;padding:18px}.page-shell{width:100%;display:grid;place-items:center}.card{position:relative;width:min(100%,var(--cardw));min-height:var(--cardh);background:#fff;overflow:hidden;box-shadow:0 18px 45px rgba(15,23,42,.18);border-radius:22px}.shape{position:absolute;pointer-events:none}.shape-a{left:-70px;top:-80px;width:190px;height:520px;background:var(--p);transform:rotate(10deg)}.shape-b{right:-80px;top:180px;width:210px;height:210px;border-radius:50%;background:var(--a);opacity:.88}.shape-c{right:-50px;bottom:-60px;width:260px;height:170px;background:var(--p);transform:rotate(-12deg)}
.watermark{position:absolute;right:12px;top:305px;font-size:170px;color:var(--p);opacity:.045}.pdf-btn{position:absolute;top:36px;left:22px;border:0;background:transparent;color:var(--a);display:flex;flex-direction:column;align-items:center;font-weight:800;z-index:5;cursor:pointer}.pdf-btn i{font-size:27px;color:var(--p)}.profile{position:relative;z-index:3;text-align:center;padding:45px 28px 0}.logo{width:132px;height:108px;object-fit:contain}.profile h1{font-size:22px;margin:10px 0 8px}.profile h2{font-size:15px;margin:0 0 8px;color:var(--p)}.profile p{font-size:13px;margin:0;color:#53606f}.contact-list{position:relative;z-index:3;margin:60px 36px 0 76px;display:flex;flex-direction:column;gap:10px}.contact-row{display:flex;align-items:center;gap:12px;text-decoration:none;color:#111827;font-size:15px;min-height:40px;border:0;background:transparent;text-align:left;padding:0;cursor:pointer}.ico{width:36px;height:36px;background:var(--p);color:#fff;display:grid;place-items:center;flex:0 0 36px;border-radius:10px;box-shadow:0 3px 8px rgba(0,0,0,.15)}.save-row strong{font-size:15px}.bottom-zone{position:relative;z-index:3;margin:92px 30px 12px}.socials{display:flex;justify-content:space-between;gap:8px;margin-bottom:17px}.s{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:20px}.fb{background:#316ff6}.ig{background:linear-gradient(135deg,#6d29ff,#ff2f72)}.yt{background:#ff001e}.tw{background:#000}.in{background:#0077b5}.tg{background:#4aaee8}.action-bar{height:63px;border-radius:14px;background:var(--p);display:flex;align-items:center;overflow:hidden;color:#fff;box-shadow:0 5px 14px rgba(0,0,0,.16)}.wa{display:flex;align-items:center;gap:12px;flex:1;text-decoration:none;color:#fff;padding:8px 14px}.wa-badge{width:38px;height:38px;border:2px solid rgba(255,255,255,.65);border-radius:10px;display:grid;place-items:center;font-size:25px;background:#0f9d58}.wa small,.wa strong{display:block}.wa small{font-size:8px}.wa strong{font-size:11px}.divider{height:40px;width:2px;background:#fff}.upi{border:0;background:transparent;color:#fff;font-style:italic;font-size:28px;font-weight:800;padding:0 28px;cursor:pointer}.upi span{color:var(--a)}.views{font-size:11px;font-weight:700;margin-top:6px}@media(max-width:430px){body{padding:0;background:#fff}.card{box-shadow:none;border-radius:0;width:100%;min-height:100vh}.contact-list{margin-right:18px}.bottom-zone{margin-top:76px}}@media print{body{padding:0;background:#fff}.card{box-shadow:none}.pdf-btn{display:none}}
/* CREATIVE-LAYOUT */
.card{border-radius:32px}.profile{text-align:left;padding-left:112px}.logo{width:104px}.contact-list{margin:48px 74px 0 38px}.contact-row{background:#f8fafc;border-radius:18px;padding:7px 10px}.bottom-zone{margin:55px 28px 14px}.socials{position:absolute;right:16px;top:-285px;flex-direction:column}.s{border-radius:50%;box-shadow:0 5px 12px #0002}.action-bar{border-radius:30px}
@keyframes cardIn{from{opacity:0;transform:translateX(-34px)}to{opacity:1;transform:none}}@keyframes logoFloat{50%{transform:rotate(3deg) scale(1.03)}}
@keyframes socialIn{from{opacity:0;transform:translateY(16px) scale(.65)}to{opacity:1}}@keyframes waPulse{50%{box-shadow:0 0 0 7px rgba(34,197,94,0)}}
.card{animation:cardIn .7s cubic-bezier(.2,.8,.2,1) both}.logo{animation:logoFloat 3.2s ease-in-out .8s infinite}.s{animation:socialIn .45s ease both;transition:transform .2s ease,filter .2s ease}.s:nth-child(1){animation-delay:.12s}.s:nth-child(2){animation-delay:.2s}.s:nth-child(3){animation-delay:.28s}.s:nth-child(4){animation-delay:.36s}.s:nth-child(5){animation-delay:.44s}.s:nth-child(6){animation-delay:.52s}.s:hover{filter:brightness(1.12);transform:translateY(-4px) scale(1.08)}.wa-badge{animation:waPulse 2s ease-out infinite;box-shadow:0 0 0 0 rgba(34,197,94,.45)}.contact-row{transition:transform .2s ease,box-shadow .2s ease}.contact-row:hover{transform:translateX(4px)}
@media(prefers-reduced-motion:reduce){.card,.logo,.s,.wa-badge{animation:none!important}.s,.contact-row{transition:none!important}}
/* END-CREATIVE-LAYOUT */