.official-contact-panel{padding:clamp(24px,5vw,56px);background:#fff;border:1px solid #e9e3f5;border-radius:20px;box-shadow:0 20px 45px rgba(40,20,83,.06)}
.official-contact-panel h2{max-width:760px;color:#1a102c;font-size:clamp(1.8rem,4vw,3rem);line-height:1.2;letter-spacing:-.035em;margin:18px 0}
.official-contact-intro{max-width:700px;color:#766e87;line-height:1.8}
.official-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}
.official-contact-card{display:flex;flex-direction:column;align-items:flex-start;padding:26px;border:1px solid #e9e3f5;border-radius:16px;background:linear-gradient(145deg,#faf8ff,#fff);color:#201832;transition:border-color .2s ease,background-color .2s ease}
.official-contact-card:hover{border-color:#a78bfa;background:#f6f1ff}
.official-contact-card:focus-visible{outline:3px solid #8b5cf6;outline-offset:4px}
.official-contact-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#ede9fe;color:#6d28d9;font-size:14px;font-weight:800}
.official-contact-card h3{font-size:1.2rem;color:#1a102c;margin:20px 0 10px}
.official-contact-card p{color:#766e87;font-size:.9rem;line-height:1.7;overflow-wrap:anywhere;margin:0 0 22px}
.official-contact-action{display:flex;gap:12px;align-items:center;margin-top:auto;color:#6d28d9;font-weight:750;font-size:.85rem}
.official-contact-note{margin:28px 0 0;color:#766e87;font-size:.82rem;line-height:1.8}
@media(max-width:850px){.official-contact-grid{grid-template-columns:1fr}.official-contact-card{padding:22px}}
@media(prefers-reduced-motion:reduce){.official-contact-card{transition:none}}