@font-face{font-family:CardSans;src:url('./assets/fonts/Lato-Regular.ttf') format('truetype');font-style:normal;font-weight:400 500;font-display:swap}@font-face{font-family:CardSans;src:url('./assets/fonts/Lato-Bold.ttf') format('truetype');font-style:normal;font-weight:600 900;font-display:swap}
:root{color-scheme:light;font-family:CardSans,Arial,sans-serif;font-size:16px;color:#000;background:#fff}
*,*::before,*::after{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{-webkit-font-smoothing:antialiased}a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #606c76;outline-offset:-3px}a:focus-visible.save-contact{outline-offset:4px}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:32px;padding:32px;background:#dadfdf;isolation:isolate}.card{max-width:440px;width:100%;display:flex;flex-direction:column;position:relative;border-radius:22px;background:rgba(255,255,255,.95);box-shadow:0 0 0 1px rgba(15,15,15,.05),0 3px 6px rgba(15,15,15,.1),0 9px 24px rgba(15,15,15,.2)}.card-header{display:grid;grid-template-areas:'banner' 'profile';grid-template-rows:1fr auto}.banner{grid-area:banner;position:relative;display:grid;place-items:center;border-radius:22px 22px 0 0;overflow:hidden;background:#000;aspect-ratio:16/9}.banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.banner::after{content:'';position:absolute;width:100%;bottom:0;height:20px;background:linear-gradient(0deg,rgba(22,29,37,.05),transparent)}.profile{grid-area:profile;position:relative;z-index:1;width:27%;aspect-ratio:1;margin-top:-13.5%;margin-left:5%;border-radius:50%;background:white}.profile img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover;box-shadow:0 2px 4px rgba(22,29,37,.1),0 0 0 3px #fff}.identity{margin:24px;overflow-wrap:break-word}.identity h1{font-size:32px;font-weight:700;line-height:1.3;margin:0 0 8px;letter-spacing:.05px}.identity p{margin:0}.identity .tagline{font-size:24px;line-height:1.2;font-weight:600;color:#35393b;margin-bottom:4px}.identity .location{font-size:18px;line-height:23px;font-weight:400;color:#525f66}.contacts{display:flex;flex-direction:column;list-style:none;padding:0;margin:0}.contact-link{min-height:54px;display:flex;align-items:center;transition:background .2s;margin:0;padding:4px 24px;text-decoration:none;color:#2b2b2b}.contact-link:hover{background:rgba(53,57,59,.05)}.contact-icon{height:40px;width:40px;flex:0 0 40px;border-radius:50%;background:#35393b;display:flex;align-items:center;justify-content:center}.contact-icon svg{display:block;color:#fff;width:16px;max-height:22px;height:auto}.contact-copy{margin-left:14px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;min-width:0}.contact-label{font-size:16px;font-weight:700;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}.contact-detail{font-size:14px;font-weight:500;line-height:1;margin-top:2px;color:#697b86}.save-bar{margin-top:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:sticky;bottom:0;padding:24px 32px max(28px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.9) 40%);border-radius:0 0 22px 22px;z-index:2}.save-contact{display:flex;align-items:center;justify-content:center;position:relative;max-width:220px;width:100%;height:56px;padding:12px 40px;border-radius:80px;white-space:nowrap;font-weight:700;font-size:22px;letter-spacing:.3px;color:#fff;background:#35393b;box-shadow:0 1px 5px rgba(82,93,102,.25),0 2px 8px rgba(82,93,102,.15);text-decoration:none;transition:background .2s}.save-contact:hover{background:rgba(53,57,59,.82)}
@media(max-width:440px){:root{background:#dadfdf}.page{padding:22px 16px 30px;min-height:100vh;min-height:100dvh}.card{background:rgba(255,255,255,.90);min-height:94vh;min-height:94dvh}.contacts{flex-grow:1}.save-bar{padding-left:20px;padding-right:20px}.save-contact{padding-left:24px;padding-right:24px}}
/* Real Dubai skyline, self-hosted from Imperial Alfa’s existing photo assets. */
.page::before{content:"";position:fixed;inset:-7%;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(238,241,241,.30),rgba(226,231,232,.22)),url("./assets/dubai-skyline-background.jpg");background-size:cover;background-position:center center;filter:grayscale(1);opacity:.78;transform:translate3d(-2%,-1%,0) scale(1.055);animation:skyline-drift 28s ease-in-out infinite alternate}
@keyframes skyline-drift{from{transform:translate3d(-2%,-1%,0) scale(1.055)}to{transform:translate3d(2%,1%,0) scale(1.14)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.download-fallback{color:#697b86;font-size:14px;line-height:1.35;text-underline-offset:3px}.download-fallback:hover{color:#35393b}