:root{
  color-scheme:dark;
  --text:#fff;
  --muted:rgba(255,255,255,.76);
  --soft:rgba(255,255,255,.50);
  --stroke:rgba(255,255,255,.34);
  --stroke-strong:rgba(255,255,255,.58);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#06101f;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,Segoe UI,sans-serif}
body:before{content:"";position:fixed;inset:-18%;background:radial-gradient(circle at 15% 14%,rgba(117,214,255,.62),transparent 30%),radial-gradient(circle at 88% 18%,rgba(91,72,255,.64),transparent 34%),radial-gradient(circle at 78% 86%,rgba(255,255,255,.20),transparent 30%),linear-gradient(135deg,#081321 0%,#0b1b31 45%,#251657 100%);filter:saturate(1.18);}
body:after{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.085) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.085) 1px,transparent 1px);background-size:43px 43px;mask-image:linear-gradient(to bottom,rgba(0,0,0,1),rgba(0,0,0,.86) 68%,rgba(0,0,0,.35) 100%);opacity:.70;}
.page{position:relative;z-index:1;width:100%;height:100dvh;display:grid;place-items:center;padding:calc(env(safe-area-inset-top) + 6px) 14px calc(env(safe-area-inset-bottom) + 6px);overflow:hidden;}
.card{position:relative;width:min(414px,100%);height:min(690px,calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px));min-height:560px;overflow:hidden;border:1px solid var(--stroke);border-radius:38px;padding:clamp(15px,2.4vh,20px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,1.55vh,16px);background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.052) 48%,rgba(255,255,255,.13));box-shadow:0 30px 90px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.52),inset 0 -1px 0 rgba(255,255,255,.18);backdrop-filter:blur(34px) saturate(1.45);-webkit-backdrop-filter:blur(34px) saturate(1.45);}
.card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 5%,rgba(255,255,255,.25),transparent 30%),linear-gradient(100deg,rgba(255,255,255,.15),transparent 42%);pointer-events:none;}
.card>*{position:relative;z-index:1}
.portrait-wrap{width:clamp(105px,17.8vh,136px);height:clamp(105px,17.8vh,136px);border-radius:31%;padding:5px;flex:0 0 auto;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.22));box-shadow:0 16px 34px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.86);}
.portrait{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%;border-radius:28%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.hero{text-align:center;margin-top:0}.hero h1{margin:0;font-size:clamp(37px,8.4vw,52px);line-height:.9;font-weight:900;letter-spacing:-.075em;text-shadow:0 12px 32px rgba(0,0,0,.36)}.hero p{margin:6px 0 0;font-size:clamp(22px,5.2vw,30px);line-height:1;font-weight:850;letter-spacing:-.045em;color:rgba(255,255,255,.82)}
.info{width:100%;display:grid;gap:15px;border:1px solid rgba(255,255,255,.38);border-radius:30px;padding:14px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.065));box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 16px 34px rgba(0,0,0,.22);backdrop-filter:blur(28px) saturate(1.35);-webkit-backdrop-filter:blur(28px) saturate(1.35);flex:0 0 auto;}
.info-row{min-height:66px;display:flex;align-items:center;gap:14px;padding:10px 12px;text-decoration:none;color:inherit;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 8px 18px rgba(0,0,0,.10)}
.icon{width:45px;height:45px;border-radius:17px;display:grid;place-items:center;flex:0 0 auto;font-size:20px;background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.09));box-shadow:inset 0 1px 0 rgba(255,255,255,.42)}.copy{min-width:0}.copy small{display:block;margin-bottom:5px;text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:850;color:var(--soft)}.copy strong{display:block;font-size:clamp(16px,3.95vw,21px);line-height:1.08;font-weight:850;letter-spacing:-.03em;overflow-wrap:anywhere}
.actions{width:100%;display:grid;grid-template-columns:1fr;gap:10px;flex:0 0 auto}.btn{min-height:52px;border-radius:999px;display:grid;place-items:center;text-decoration:none;color:#fff;font-weight:850;font-size:clamp(18px,4.4vw,22px);letter-spacing:-.035em;border:1px solid var(--stroke-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(255,255,255,.16),0 12px 24px rgba(0,0,0,.26);backdrop-filter:blur(28px) saturate(1.55);-webkit-backdrop-filter:blur(28px) saturate(1.55)}.btn small{display:block;margin-top:-3px;font-size:12px;font-weight:750;color:rgba(255,255,255,.84);letter-spacing:-.02em}.btn-save{background:linear-gradient(180deg,rgba(79,184,255,.96),rgba(0,113,227,.88))}.btn-linkedin{background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.075));}
@media (max-height:760px){.card{height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 10px);min-height:0;border-radius:34px;padding:12px;gap:8px}.portrait-wrap{width:98px;height:98px}.hero h1{font-size:36px}.hero p{font-size:22px;margin-top:4px}.info{padding:11px;gap:11px;border-radius:27px}.info-row{min-height:58px;padding:8px 10px}.icon{width:40px;height:40px;border-radius:15px}.copy small{font-size:9px;margin-bottom:3px}.copy strong{font-size:16px}.actions{gap:8px}.btn{min-height:47px}.btn small{font-size:11px}}
@media (max-height:665px){.page{padding:4px 10px}.card{border-radius:30px;gap:6px}.portrait-wrap{width:78px;height:78px}.hero h1{font-size:31px}.hero p{font-size:19px}.info{gap:8px;padding:8px}.info-row{min-height:49px}.icon{width:36px;height:36px}.copy strong{font-size:15px}.copy small{font-size:8.5px}.btn{min-height:43px;font-size:16px}.btn small{display:none}}