.contact-page{padding:56px 16px;min-height:calc(100vh - 220px);background:linear-gradient(180deg,var(--color-surface-light),transparent 200px)}.contact-page .container{max-width:900px;margin:0 auto;padding:28px}.page-header h1{color:var(--color-text-main);font-size:2.25rem;margin:0 0 6px;letter-spacing:-.5px}.last-updated{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:28px}.contact-cards{display:grid;gap:24px}.card{background:var(--color-surface-medium);border:1px solid var(--color-border-medium);padding:28px;border-radius:14px;box-shadow:0 6px 16px var(--color-shadow-dark);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 24px var(--color-shadow-darker)}.card h3{margin:0 0 12px;color:var(--color-text-main);font-size:1.2rem}.card p{margin:0;color:var(--color-text-secondary);line-height:1.6}.contact-method{margin-top:14px}.contact-button{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-weight:600;background:var(--color-primary);color:var(--color-black);text-decoration:none;box-shadow:0 6px 18px var(--color-shadow-darker);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.contact-button:hover{transform:translateY(-3px);background:var(--color-primary-hover);box-shadow:0 10px 30px var(--color-shadow-darker)}.contact-button .icon{width:18px;height:18px;display:inline-block;vertical-align:middle}.note{color:var(--color-text-secondary);font-size:.92rem;margin-top:10px}.note code{background:var(--color-surface-strong);padding:2px 6px;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;color:var(--color-text-main)}@media(max-width:720px){.contact-page .container{padding:18px}.card{padding:20px}}.contact-button:focus{outline:3px solid rgba(var(--color-primary-rgb),.35);outline-offset:4px}