:root{--navy:#08254b;--gold:#d5a34a;--white:#fff;--text:#e9e9e9;--radius-lg:20px}.cardd{align-items:center;background:var(--navy);border-radius:var(--radius-lg);box-shadow:0 6px 18px rgba(0,0,0,.1);color:var(--text);display:flex;gap:40px;max-width:680px;padding:40px 48px;width:100%}.avatar{border-radius:50%;flex-shrink:0;height:160px;object-fit:cover;width:160px}.info{display:flex;flex:1;flex-direction:column;gap:8px}.role{color:var(--gold);font-size:1rem;font-weight:600}.name{color:var(--white);font-size:2rem;font-weight:700;line-height:1.2}.contact{align-items:center;display:flex;font-size:1rem;gap:10px;margin-top:4px}.contact i{color:var(--gold)}.btnn{align-self:flex-start;background:var(--gold);border:none;border-radius:28px;cursor:pointer;display:inline-flex;font-weight:600;gap:10px;margin-top:18px;padding:10px 26px;transition:transform .2s ease,box-shadow .2s ease}.btnn,.btnn i{align-items:center;color:var(--navy);font-size:1rem}.btnn i{border-radius:50%;display:flex;height:25px;justify-content:center;width:25px}.btnn:hover{background:#b58a49;box-shadow:0 4px 10px rgba(0,0,0,.15);color:#08254b;transform:translateY(-2px)}@media (max-width:620px){.cardd{flex-direction:column;padding:32px 30px;text-align:center}.info{align-items:center}.btnn{align-self:center}}