:root{
  --bg:#020712;--panel:#07111f;--line:rgba(89,174,255,.28);--text:#f5f7fb;--muted:#9aa8bc;
  --cyan:#14b8ff;--blue:#1667ff;--violet:#7a2cff;--glass:rgba(6,18,35,.72);
}
*{box-sizing:border-box}html{background:#01040a}body{margin:0;min-height:100vh;font-family:Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 0%,#082453 0,transparent 30%),radial-gradient(circle at 100% 30%,#1b0f50 0,transparent 34%),#01040a}
a{text-decoration:none;color:inherit}.shell{min-height:100vh;display:grid;place-items:center;padding:24px}.card{position:relative;isolation:isolate;width:min(100%,470px);overflow:hidden;border:1px solid rgba(101,179,255,.35);border-radius:34px;padding:26px 22px 18px;background:linear-gradient(180deg,rgba(4,15,29,.98),rgba(2,7,18,.98));box-shadow:0 30px 100px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06)}
.card>*{position:relative;z-index:2}.ambient{position:absolute;filter:blur(55px);opacity:.35;z-index:0;border-radius:50%}.ambient-a{width:240px;height:240px;background:#005dff;top:-90px;left:-110px}.ambient-b{width:260px;height:260px;background:#6b1fff;top:180px;right:-180px}.grid{position:absolute;inset:0;z-index:0;opacity:.11;background-image:linear-gradient(rgba(44,145,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(44,145,255,.3) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent 58%)}
.brand-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.brand img{width:185px;max-width:43vw;height:auto;display:block}.brand-copy{padding:7px 0 0 16px;border-left:1px solid var(--cyan);font-family:'Space Grotesk',sans-serif;font-size:10px;line-height:1.6;letter-spacing:.18em;color:#aeb9cb}.brand-copy strong{display:block;color:#fff;font-weight:600}
.hero{text-align:center;padding:26px 0 16px}.portrait-wrap{width:216px;height:216px;margin:0 auto 20px;position:relative}.portrait-glow{position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 180deg,var(--cyan),#2765ff,var(--violet),var(--cyan));filter:drop-shadow(0 0 18px rgba(30,134,255,.65))}.portrait{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:cover;object-position:50% 25%;border-radius:50%;border:5px solid #07111f}.eyebrow{font-size:10px;letter-spacing:.28em;color:#7fcfff;margin:0 0 8px}.identity h1{font-size:37px;line-height:1;margin:0;font-weight:800;letter-spacing:-.03em}.identity h2{font-size:22px;color:var(--cyan);margin:9px 0 4px;font-weight:700}.company{font-size:17px;margin:0;color:#eef2f8}
.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:8px 0 16px}.quick{min-height:84px;padding:12px 6px;border:1px solid rgba(38,136,255,.55);border-radius:18px;background:linear-gradient(180deg,rgba(15,44,78,.64),rgba(5,18,35,.82));display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:center;font-size:13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.quick-icon{font-size:25px;color:#39bfff;font-weight:700}.quick-icon.in,.detail-icon.in{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-.08em}
.details{display:grid;gap:8px}.detail{min-height:70px;border:1px solid var(--line);border-radius:16px;background:var(--glass);display:grid;grid-template-columns:44px 1fr 18px;gap:12px;align-items:center;padding:10px 14px}.detail-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(14,77,145,.9),rgba(4,32,64,.95));font-size:20px;color:#29b7ff}.detail small,.detail b{display:block;overflow:hidden;text-overflow:ellipsis}.detail small{color:var(--muted);font-size:11px;margin-bottom:3px}.detail b{font-size:14px;font-weight:500;white-space:nowrap}.detail i{font-style:normal;font-size:28px;color:#52c1ff;font-weight:300}
.cta-row{display:grid;grid-template-columns:1fr;gap:10px;margin:14px 0}.cta{width:100%;border-radius:17px;min-height:73px;padding:12px 14px;display:grid;grid-template-columns:44px 1fr 18px;gap:12px;align-items:center;text-align:left;color:white;font:inherit;cursor:pointer}.cta.primary{border:0;background:linear-gradient(110deg,#0cb7ff 0,#1e56ff 50%,#8b20f6 100%);box-shadow:0 10px 30px rgba(30,91,255,.25)}.cta.secondary{border:1px solid var(--line);background:rgba(7,19,37,.85)}.cta-icon{font-size:25px;text-align:center}.cta b,.cta small{display:block}.cta b{font-size:16px;margin-bottom:3px}.cta small{color:#d4dded;font-size:11px}.cta i{font-style:normal;font-size:28px}
footer{border-top:1px solid rgba(52,184,255,.35);padding-top:18px;margin-top:18px;display:grid;gap:12px}.footer-title,.footer-gradient{font-family:'Space Grotesk',sans-serif;letter-spacing:.18em;font-size:11px;margin:0 0 5px}.footer-gradient{background:linear-gradient(90deg,var(--cyan),#8f4dff);-webkit-background-clip:text;background-clip:text;color:transparent}.footer-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#c8d1df;font-size:11px}.footer-meta a{width:100%;color:#40c2ff;letter-spacing:.08em}.mantra{text-align:right;font-size:9px;letter-spacing:.23em;color:#a7b1bf;margin:2px 0 0}.mantra em{font-style:normal;color:#7e42ff}
dialog{width:min(90vw,390px);border:1px solid rgba(70,170,255,.45);border-radius:28px;padding:28px;background:linear-gradient(180deg,#071424,#020712);color:white;text-align:center;box-shadow:0 30px 100px rgba(0,0,0,.7)}dialog::backdrop{background:rgba(0,3,9,.78);backdrop-filter:blur(8px)}.close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:#a7b6ca;font-size:30px;cursor:pointer}.dialog-logo{width:180px;max-width:60%;margin:4px auto 22px}.dialog-kicker{font-size:10px;letter-spacing:.28em;color:#57c7ff;margin:0}.dialog-kicker+h3{font-size:29px;margin:8px 0 5px}.dialog-kicker+h3+p{font-size:13px;color:#a9b4c5;margin:0 0 18px}.qr{width:214px;height:214px;padding:14px;background:white;border-radius:18px;margin:0 auto;display:grid;place-items:center}.qr img,.qr canvas{max-width:100%;height:auto}.scan{font-size:12px;color:#a9b4c5}.copy{border:1px solid rgba(64,190,255,.42);background:#091b31;color:white;padding:11px 16px;border-radius:12px;cursor:pointer}
@media (min-width:720px){.shell{padding:50px}.card{padding:30px 28px 22px}.cta-row{grid-template-columns:1fr 1fr}.cta{grid-template-columns:40px 1fr 14px}.portrait-wrap{width:230px;height:230px}}
@media (max-width:390px){.shell{padding:0}.card{border-radius:0;border-left:0;border-right:0;padding:22px 16px}.brand-copy{display:none}.brand img{width:176px}.identity h1{font-size:33px}.quick{min-height:78px}.quick span:last-child{font-size:11px}.detail b{font-size:13px}}