/* Kontaktsidan */
body { min-height: 100vh; display: flex; flex-direction: column; }
.hero { padding: 52px 20px 60px; }
.hero h1 { font-size: clamp(24px, 4vw, 36px); margin-bottom: 12px; }
.hero p { color: rgba(255,255,255,0.7); font-size: 15px; max-width: 420px; margin: 0 auto; }
.wrap { max-width: 640px; margin: 0 auto; padding: 52px 20px 80px; flex: 1; }

.contact-card { background: var(--white); border: 1px solid var(--gray-pale); border-radius: var(--radius-lg); padding: 36px; margin-bottom: 24px; }
.contact-card h2 { font-size: 18px; font-weight: 500; color: var(--blue-dark); margin-bottom: 8px; }
.contact-card p { font-size: 14px; color: var(--gray-mid); line-height: 1.7; margin-bottom: 20px; }
.contact-item { display: flex; align-items: center; gap: 14px; padding: 16px; background: var(--accent-ghost); border-radius: var(--radius-sm); }
.contact-icon { width: 40px; height: 40px; border-radius: 10px; background: var(--accent); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.contact-icon svg { width: 20px; height: 20px; }
.contact-label { font-size: 11px; font-weight: 600; color: var(--gray-light); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 2px; }
.contact-value { font-size: 15px; font-weight: 500; color: var(--blue-dark); }
.info-card { background: var(--white); border: 1px solid var(--gray-pale); border-radius: var(--radius-lg); padding: 28px; }
.info-card h3 { font-size: 15px; font-weight: 500; color: var(--blue-dark); margin-bottom: 10px; }
.info-card p { font-size: 14px; color: var(--gray-mid); line-height: 1.7; }

footer { margin-top: auto; }