:root{--bg-light:#f8fafc;--text-light:#0f172a;--card-light:#fff;--border-light:#e2e8f0;--muted-light:#475569;--bg-dark:#0a0a0a;--text-dark:#f1f5f9;--card-dark:#0c0c0e;--border-dark:#27272a;--muted-dark:#94a3b8;--primary:#1e40af}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg-dark);color:var(--text-dark);margin:0;font-family:Inter,sans-serif}html.dark body{background:var(--bg-dark);color:var(--text-dark)}.page-shell{justify-content:center;align-items:flex-start;min-height:100vh;padding:3rem 1.5rem;display:flex}.contact-card{border:1px solid var(--border-light);background:var(--card-light);border-radius:1.5rem;flex-direction:column;align-items:center;width:100%;max-width:32rem;padding:2rem;display:flex;box-shadow:0 20px 40px #0f172a24}html.dark .contact-card{background:var(--card-dark);border-color:var(--border-dark);box-shadow:0 24px 60px #00000073}.logo-area{margin-bottom:2rem}.logo-frame{background:linear-gradient(135deg,#1e40af1a,#1e40af0d);border:2px solid #1e40af33;border-radius:1rem;place-items:center;width:8rem;height:8rem;padding:1.5rem;display:grid;box-shadow:0 20px 40px #1e40af38}.brand-logo{object-fit:contain;width:100%;height:100%}html:not(.dark) .brand-logo{filter:brightness(0)saturate()}.intro-copy{text-align:center;margin-bottom:2.5rem}.intro-copy h1{letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.875rem;font-weight:900}.eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 1rem;font-size:.78rem;font-weight:700}.description{color:#64748b;max-width:26ch;margin:0 auto 1rem;font-size:.92rem;line-height:1.6}html.dark .description{color:var(--muted-dark)}.service-tags{scrollbar-width:thin;justify-content:center;gap:.5rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.service-tag{white-space:nowrap;color:#475569;background:#f1f5f9;border-radius:999px;padding:.35rem .75rem;font-size:.72rem;font-weight:600}html.dark .service-tag{color:#a1a1aa;background:#27272a}.links-list{gap:1rem;width:100%;display:grid}.contact-link-card{border:1px solid var(--border-light);background:#f8fafc;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem;text-decoration:none;transition:transform .22s,box-shadow .22s;display:flex;box-shadow:0 2px 8px #0f172a0f}html.dark .contact-link-card{background:#27272a;border-color:#3f3f46}.contact-link-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a1f}.card-content{align-items:center;gap:1rem;min-width:0;display:flex}.card-icon-wrapper{color:#475569;background:#f1f5f9;border-radius:.7rem;flex-shrink:0;place-items:center;width:2.6rem;height:2.6rem;transition:color .2s,background .2s;display:grid}html.dark .card-icon-wrapper{color:#d4d4d8;background:#27272a}.link-icon-svg{fill:currentColor;width:1.5rem;height:1.5rem}.card-label{color:#1f2937;font-size:.98rem;font-weight:600}html.dark .card-label{color:#f4f4f5}.chevron{color:#94a3b8;flex-shrink:0}html.dark .chevron{color:#52525b}.accent-primary:hover .card-icon-wrapper{background:var(--primary);color:#fff}.accent-linkedin:hover .card-icon-wrapper{color:#fff;background:#2563eb}.accent-whatsapp:hover .card-icon-wrapper{color:#fff;background:#10b981}.accent-instagram:hover .card-icon-wrapper{color:#fff;background:linear-gradient(135deg,#7c3aed,#db2777,#f97316)}.accent-email:hover .card-icon-wrapper{color:#fff;background:#111827}html.dark .accent-email:hover .card-icon-wrapper{color:#111827;background:#fff}@media (width<=640px){.page-shell{padding:1.5rem 1rem}.contact-card{border-radius:1.25rem;padding:1.25rem}.card-label{font-size:.9rem}}