:root{color-scheme:dark;--ink:#f8fbff;--muted:#9db2d5;--line:rgba(255,255,255,.12);--blue:#079cff;--deep:#02092b}
*{box-sizing:border-box}
html{min-height:100%;background:#020724}
body{min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at 75% 3%,#074fc8 0,transparent 34%),radial-gradient(circle at 8% 70%,#0936a6 0,transparent 28%),linear-gradient(145deg,#020724,#061554 55%,#02092b)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:40px 40px}
.shell{min-height:100vh;display:grid;place-items:center;padding:26px 16px}
.card{position:relative;width:min(100%,430px);padding:28px 24px 24px;border:1px solid rgba(255,255,255,.15);border-radius:34px;background:linear-gradient(155deg,rgba(11,32,104,.84),rgba(2,8,38,.93));box-shadow:0 30px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(18px);overflow:hidden}
.card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-130px;top:160px;background:#087cff;filter:blur(65px);opacity:.23;pointer-events:none}
.brand{position:relative;z-index:1;text-align:center;margin-bottom:22px;letter-spacing:.14em;font-weight:700}
.brand>span{display:block;font-size:2rem;line-height:1}.brand-i{color:#09a6ff}.brand small{display:block;margin-top:8px;color:#28aaff;font-size:.64rem;letter-spacing:.28em}
.portrait-wrap{position:relative;z-index:1;width:150px;height:150px;margin:0 auto 22px;padding:4px;border-radius:50%;background:linear-gradient(145deg,#fff,#079cff 55%,#163cb2);box-shadow:0 12px 38px rgba(0,139,255,.32)}
.portrait{width:100%;height:100%;object-fit:cover;object-position:center 25%;border-radius:50%;display:block;background:#333}
header{position:relative;z-index:1;text-align:center}.eyebrow{margin:0 0 7px;color:#29acff;font-size:.88rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}h1{margin:0;font-size:clamp(2.15rem,9vw,3.05rem);line-height:.98;letter-spacing:-.055em} .location{margin:12px 0 24px;color:var(--muted);font-size:.96rem}
.actions{position:relative;z-index:1;display:grid;gap:11px}.action{min-height:70px;display:flex;align-items:center;gap:14px;padding:12px 15px;border:1px solid var(--line);border-radius:18px;color:var(--ink);background:rgba(255,255,255,.055);text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.action:hover,.action:focus-visible{transform:translateY(-2px);border-color:rgba(72,181,255,.7);background:rgba(255,255,255,.1);outline:none}.action.primary{border-color:rgba(24,205,116,.55);background:linear-gradient(110deg,rgba(13,168,88,.27),rgba(7,122,255,.18))}.icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#079cff,#1757d9);font-size:1.35rem;font-weight:700;box-shadow:0 7px 18px rgba(0,104,255,.24)}.primary .icon{background:linear-gradient(145deg,#22d479,#0b9f62)}.action strong,.action small{display:block}.action strong{font-size:1rem}.action small{margin-top:3px;color:var(--muted);font-size:.78rem;line-height:1.25}.footer{position:relative;z-index:1;margin:22px 0 0;text-align:center;color:#7890b9;font-size:.78rem;letter-spacing:.06em}
@media (max-width:370px){.card{padding:23px 17px;border-radius:27px}.portrait-wrap{width:132px;height:132px}.action{padding:10px 12px}.brand>span{font-size:1.75rem}}
@media (prefers-reduced-motion:reduce){.action{transition:none}}