*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #faf9f7;--color-card: #ffffff;--color-text: #1a1a1a;--color-text-muted: #6b6b6b;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-border: #e8e5e1;--color-shadow: rgba(0, 0, 0, .06);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition: .3s cubic-bezier(.4, 0, .2, 1)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);min-height:100dvh;display:flex;align-items:center;justify-content:center}#app{width:100%;padding:2rem 1.5rem}.container{max-width:420px;margin:0 auto}.card{background:var(--color-card);border-radius:24px;padding:3rem 2.5rem;box-shadow:0 1px 3px var(--color-shadow),0 8px 32px var(--color-shadow);border:1px solid var(--color-border);text-align:center;opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.card.visible{opacity:1;transform:translateY(0)}.photo-wrapper{width:140px;height:140px;margin:0 auto 1.75rem;border-radius:50%;overflow:hidden;border:3px solid var(--color-border);box-shadow:0 4px 16px var(--color-shadow);transition:transform var(--transition),box-shadow var(--transition)}.photo-wrapper:hover{transform:scale(1.03);box-shadow:0 6px 24px #0000001a}.photo{width:100%;height:100%;object-fit:cover;display:block}.name{font-size:1.625rem;font-weight:600;letter-spacing:-.02em;color:var(--color-text);margin-bottom:.5rem}.headline{font-size:1rem;font-weight:400;color:var(--color-text-muted);letter-spacing:.02em;margin-bottom:2rem}.links{display:flex;flex-direction:column;gap:.75rem}.link-button{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1.5rem;border-radius:12px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);text-decoration:none;font-family:var(--font-family);font-size:.9375rem;font-weight:500;transition:all var(--transition);cursor:pointer}.link-button.copied{background:var(--color-text);color:#fff;border-color:var(--color-text)}.link-button:hover{background:var(--color-text);color:#fff;border-color:var(--color-text);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.link-button:active{transform:translateY(0)}.link-button svg{flex-shrink:0}.link-button{opacity:0;transform:translateY(10px)}.link-button.visible{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease,background var(--transition),color var(--transition),border-color var(--transition),box-shadow var(--transition)}@media(max-width:480px){.card{padding:2.25rem 1.75rem;border-radius:20px}.photo-wrapper{width:120px;height:120px}.name{font-size:1.375rem}}