*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--text);padding:1rem}#root{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%}:root{--bg: #f5f5f5;--bg-card: rgba(255, 255, 255, .92);--text: #121212;--text-muted: #666;--border: rgba(0, 0, 0, .08);--accent: #2563eb}@media(prefers-color-scheme:dark){:root{--bg: #0e0e0e;--bg-card: rgba(18, 18, 18, .92);--text: #fafafa;--text-muted: #999;--border: rgba(255, 255, 255, .08);--accent: #60a5fa}}.wrapper{text-align:center;padding:3rem 2rem;border:1px solid var(--border);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:420px;width:100%;border-radius:16px}h1{font-size:clamp(2.5rem,10vw,4rem);letter-spacing:.2rem;text-transform:uppercase;margin-bottom:2rem;font-weight:700}.contacts{display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg);border-radius:10px;text-decoration:none;color:var(--text);transition:all .2s ease;border:1px solid var(--border);cursor:pointer}.contact-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--accent)}.contact-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.contact-icon svg{width:100%;height:100%;fill:currentColor}.contact-info{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem}.contact-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05rem;color:var(--text-muted)}.contact-value{font-size:.95rem;font-weight:500}@media(max-width:480px){.wrapper{padding:2rem 1.25rem}.contact-item{padding:.75rem}.contact-value{font-size:.875rem}}