.service-icon { font-size: 0; }
.service-icon svg { width: 1.65rem; height: 1.65rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }
.help-note { margin-top: 1rem; color: var(--muted); font-size: .9rem; }
.faq { margin-top: 2.5rem; }
.faq details { padding: 1.1rem 1.25rem; border-bottom: 1px solid var(--line); }
.faq details:first-child { border-top: 1px solid var(--line); }
.faq summary { cursor: pointer; font-weight: 700; }
.faq p { margin: .8rem 0 0; color: var(--muted); }
.legal { padding-top: 2rem; }
.legal h1 { margin-top: 1.5rem; }
.legal h2 { margin-top: 2rem; font-size: 1.5rem; }
.social-links { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; margin: 1.25rem 0; }
.social-links span { color: #6e6e6e; }
.social-links a { display: inline-flex; align-items: center; gap: .42rem; padding: .42rem .7rem; border: 1px solid #494949; border-radius: 999px; color: #f3f3f3; font-size: .82rem; font-weight: 700; transition: transform .2s ease, background-color .2s ease, border-color .2s ease; }
.social-links a::before { display: block; width: 1.2rem; height: 1.2rem; border-radius: 50%; content: ""; background-color: #1877f2; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M13.5 21v-8h2.8l.4-3h-3.2V8.1c0-.9.3-1.5 1.6-1.5H17V3.9c-.3 0-1.2-.1-2.3-.1-2.3 0-3.8 1.4-3.8 4V10H8.3v3h2.6v8h2.6Z'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: 1rem; }
.social-links a:last-child::before { background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='1' x2='1' y2='0'%3E%3Cstop stop-color='%23ffdc80'/%3E%3Cstop offset='.45' stop-color='%23f77737'/%3E%3Cstop offset='.7' stop-color='%23d62976'/%3E%3Cstop offset='1' stop-color='%234057bf'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='24' height='24' rx='6' fill='url(%23g)'/%3E%3Ccircle cx='12' cy='12' r='5' fill='none' stroke='white' stroke-width='2'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.2' fill='white'/%3E%3C/svg%3E"); background-size: contain; }
.social-links a:hover { transform: translateY(-2px); border-color: #f5a9d0; background: #343434; color: #fff; }
.social-links a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.hero { background: linear-gradient(135deg, #fff 0%, #fff 62%, #fff2f8 100%); }
.image-card { transition: transform .25s ease, box-shadow .25s ease; }
.image-card:hover { transform: translateY(-4px); box-shadow: 0 18px 36px rgba(120, 23, 77, .18); }
.service-card { transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.service-card:hover { transform: translateY(-4px); border-color: #ee9bc7; box-shadow: 0 14px 28px rgba(120, 23, 77, .12); }