*, *::before, *::after {
  margin: 0; padding: 0; box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:root {
  --blue: #0A84FF;
  --green: #30D158;
  --text-1: rgba(255,255,255,0.95);
  --text-2: rgba(255,255,255,0.50);
  --text-3: rgba(255,255,255,0.25);
  --border: rgba(255,255,255,0.08);
  --surface-1: rgba(18,18,22,0.80);
  --surface-2: rgba(38,38,42,0.55);
}
body {
  font-family: -apple-system, 'SF Pro Display', BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
  background: #03030a;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 24px 20px;
  overflow-x: hidden;
  position: relative;
}
.bg { position: fixed; inset: 0; z-index: 0; overflow: hidden; }
.bg-orb { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.55; will-change: transform; }
.orb-1 { width:600px;height:600px;top:-180px;right:-180px;background:radial-gradient(circle,var(--orb1) 0%,transparent 70%);animation:drift1 22s ease-in-out infinite; }
.orb-2 { width:500px;height:500px;bottom:-120px;left:-120px;background:radial-gradient(circle,var(--orb2) 0%,transparent 70%);animation:drift2 28s ease-in-out infinite; }
.orb-3 { width:360px;height:360px;top:40%;left:40%;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--orb3) 0%,transparent 70%);animation:drift3 18s ease-in-out infinite; }
@keyframes drift1 { 0%,100%{transform:translate(0,0) scale(1)} 33%{transform:translate(-50px,60px) scale(1.12)} 66%{transform:translate(60px,-40px) scale(0.92)} }
@keyframes drift2 { 0%,100%{transform:translate(0,0) scale(1)} 40%{transform:translate(60px,-50px) scale(1.18)} 70%{transform:translate(-40px,60px) scale(0.88)} }
@keyframes drift3 { 0%,100%{transform:translate(-50%,-50%) scale(1);opacity:0.55} 50%{transform:translate(-50%,-50%) scale(1.4);opacity:0.35} }
.card {
  position: relative; z-index: 1;
  width: 100%; max-width: 375px;
  background: var(--surface-1);
  backdrop-filter: blur(64px) saturate(200%);
  -webkit-backdrop-filter: blur(64px) saturate(200%);
  border-radius: 36px;
  border: 0.5px solid rgba(255,255,255,0.14);
  overflow: hidden;
  box-shadow: 0 0 0 0.5px rgba(0,0,0,0.6), 0 8px 40px rgba(0,0,0,0.55), 0 32px 80px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.09);
  animation: cardIn 0.7s cubic-bezier(0.34,1.56,0.64,1) both;
}
@keyframes cardIn { from{opacity:0;transform:translateY(28px) scale(0.96)} to{opacity:1;transform:translateY(0) scale(1)} }
.card::before { content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,rgba(255,255,255,0.18) 50%,transparent 95%); }
.hero { padding:44px 28px 28px;display:flex;flex-direction:column;align-items:center;text-align:center; }
.avatar-shell { position:relative;width:104px;height:104px;margin-bottom:22px; }
.avatar-ring { position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 0deg,var(--orb1-bright),var(--orb2-bright),var(--orb3-bright),#FF9F0A,var(--orb1-bright));animation:spin 7s linear infinite; }
.avatar-mask { position:absolute;inset:2.5px;border-radius:50%;background:#0e0e14; }
.avatar-img { position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);border-radius:50%;object-fit:cover; }
@keyframes spin { to{transform:rotate(360deg)} }
.hero-name { font-size:26px;font-weight:700;letter-spacing:-0.6px;color:var(--text-1);margin-bottom:7px; }
.hero-tagline { font-size:14px;font-weight:400;color:var(--text-2);line-height:1.55;max-width:240px; }
.sep { height:0.5px;background:var(--border); }
.contact-list { padding:6px 0; }
.row { display:flex;align-items:center;gap:13px;padding:11px 20px;text-decoration:none;color:inherit;transition:background 0.12s ease;-webkit-tap-highlight-color:transparent;cursor:pointer; }
.row:hover { background:rgba(255,255,255,0.04); }
.row:active { background:rgba(255,255,255,0.07); }
.row-icon { width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.row-icon.c-blue { background:rgba(10,132,255,0.18); }
.row-icon.c-green { background:rgba(48,209,88,0.18); }
.row-icon.c-orange { background:rgba(255,159,10,0.18); }
.row-icon svg { width:18px;height:18px; }
.row-body { flex:1;min-width:0; }
.row-label { font-size:10.5px;font-weight:600;letter-spacing:0.4px;text-transform:uppercase;color:var(--text-3);margin-bottom:2px; }
.row-value { font-size:15px;font-weight:400;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.row-address { font-size:14px;font-weight:400;color:var(--text-1);line-height:1.45;white-space:pre-line;text-align:left; }
.row-chevron { color:var(--text-3);flex-shrink:0; }
.social-section { padding:16px 20px 18px; }
.section-label { font-size:10.5px;font-weight:600;letter-spacing:0.8px;text-transform:uppercase;color:var(--text-3);margin-bottom:11px;padding-left:2px; }
.social-grid { display:flex;flex-wrap:wrap;gap:12px;justify-content:center; }
.social-item { display:flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none;color:var(--text-2);transition:color 0.2s;-webkit-tap-highlight-color:transparent; }
.social-item:hover { color:var(--text-1); }
.social-icon-wrap { width:52px;height:52px;border-radius:14px;background:var(--surface-2);border:0.5px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all 0.2s cubic-bezier(0.34,1.56,0.64,1); }
.social-item:hover .social-icon-wrap { background:rgba(255,255,255,0.09);border-color:rgba(255,255,255,0.14);transform:translateY(-2px) scale(1.05); }
.social-icon-wrap svg { width:22px;height:22px; }
.social-name { font-size:10px;font-weight:500;letter-spacing:0.2px; }
.custom-section { padding:0 20px 16px;display:flex;flex-direction:column;gap:10px; }
.custom-btn { display:flex;align-items:center;justify-content:center;padding:13px 20px;background:var(--surface-2);border:0.5px solid var(--border);border-radius:14px;color:var(--text-1);font-size:15px;font-weight:500;text-decoration:none;letter-spacing:-0.1px;transition:all 0.2s ease;-webkit-tap-highlight-color:transparent; }
.custom-btn:hover { background:rgba(255,255,255,0.09);border-color:rgba(255,255,255,0.14);transform:translateY(-1px); }
.cta-wrap { padding:4px 20px 30px; }
.cta { display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:17px;background:var(--blue);color:white;font-size:17px;font-weight:600;letter-spacing:-0.3px;text-decoration:none;border-radius:18px;box-shadow:0 4px 20px rgba(10,132,255,0.45),0 1px 4px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.2);transition:all 0.2s cubic-bezier(0.34,1.56,0.64,1);-webkit-tap-highlight-color:transparent; }
.cta svg { width:20px;height:20px; }
.cta:hover { background:#2194ff;box-shadow:0 8px 32px rgba(10,132,255,0.60),0 2px 8px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.2);transform:translateY(-2px); }
.cta:active { transform:scale(0.98) translateY(0);box-shadow:0 2px 10px rgba(10,132,255,0.3); }
.footer { padding:0 0 20px;text-align:center;font-size:11px;color:var(--text-3);letter-spacing:0.15px; }
.footer a { color:var(--text-3);text-decoration:none;transition:color 0.2s; }
.footer a:hover { color:var(--text-2); }
.legal-links { margin-top:8px;display:flex;justify-content:center;gap:16px; }
.legal-links a { font-size:11px;color:var(--text-3);text-decoration:none; }