:root{--bg-1: #eef1f6;--bg-2: #dfe6f0;--card-bg: #F54927;--text-main: #1c2230;--text-sub: #5b6472;--accent: #3457d5;--accent-soft: #eef1ff;--border: #e7eaf0;--shadow: 0 20px 45px -20px rgba(30, 41, 59, .35)}@media (prefers-color-scheme: dark){:root{--bg-1: #0f1420;--bg-2: #161d2e;--card-bg: #F54927;--text-main: #f1f4fa;--text-sub: #9aa5b8;--accent: #7c93ff;--accent-soft: #232c44;--border: #2a3348;--shadow: 0 20px 45px -20px rgba(0, 0, 0, .6)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;display:flex;align-items:center;justify-content:center;padding:24px;font-family:Segoe UI,Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at top,var(--bg-2),var(--bg-1));color:var(--text-main)}.card{width:100%;max-width:380px;background:var(--card-bg);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:36px 32px 28px;text-align:center}.avatar{width:88px;height:88px;margin:0 auto 18px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#8aa0ff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:600;letter-spacing:.5px}h1{margin:0 0 4px;font-size:22px;font-weight:700}.title{margin:0 0 22px;font-size:15px;color:var(--text-sub);font-weight:500}.links{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--accent-soft);color:var(--text-main);text-decoration:none;font-size:14.5px;font-weight:500;transition:transform .15s ease,box-shadow .15s ease}.link:hover{transform:translateY(-1px);box-shadow:0 6px 16px -8px #3457d573}.link svg{flex-shrink:0;width:20px;height:20px;color:var(--accent)}.link .value{color:var(--text-sub);font-weight:400;font-size:13px;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skills{text-align:left;margin-bottom:22px}.skills-title{margin:0 0 12px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-main)}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{padding:7px 14px;border-radius:999px;background:var(--accent);color:#fff;font-size:13px;font-weight:500}.save-btn{display:inline-block;width:100%;padding:13px 16px;border-radius:14px;background:var(--accent);color:#fff;font-size:15px;font-weight:600;text-decoration:none;border:none;cursor:pointer}.save-btn:hover{opacity:.92}.qr{margin:22px 0 0}.note{margin-top:16px;font-size:11.5px;color:var(--text-sub);line-height:1.5}.note code{background:var(--accent-soft);padding:1px 5px;border-radius:6px}