.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0}
.cards .card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);box-shadow:0 18px 40px rgba(10,10,14,.4);color:#fff;backdrop-filter:saturate(120%) blur(6px);transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.cards .card h3{color:#fff;margin:0 0 10px;letter-spacing:.01em}
.cards .card p{color:rgba(255,255,255,.94);margin:0}
.cards .card a{color:#4cc9ff}
.cards .card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(0,0,0,.32);background:rgba(36,36,42,.96)}
.card--link{display:flex;flex-direction:column;gap:12px}
.contact-link{align-self:flex-start;padding:8px 14px;border-radius:10px;border:1px solid rgba(76,201,255,.4);color:#4cc9ff;text-decoration:none;font-weight:600;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.contact-link:hover{background:rgba(76,201,255,.16);border-color:#4cc9ff;transform:translateY(-1px)}
.contact-link:focus-visible{outline:2px solid #4cc9ff;outline-offset:3px}
.contact-actions{margin:48px 0}
.contact-form{display:flex;flex-direction:column;gap:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);box-shadow:0 22px 48px rgba(10,10,14,.4);backdrop-filter:saturate(130%) blur(8px)}
.contact-form textarea{min-height:160px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:rgba(15,15,20,.65);color:#fff;font:inherit;padding:14px 16px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}
.contact-form textarea:focus{outline:none;border-color:#4cc9ff;box-shadow:0 0 0 2px rgba(76,201,255,.35)}
.contact-form__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.contact-form__footer span{color:rgba(255,255,255,.8)}
.email-button{display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.4);background:rgba(76,201,255,.12);color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.email-button:hover{transform:translateY(-2px);background:rgba(76,201,255,.2);border-color:#4cc9ff;box-shadow:0 14px 32px rgba(76,201,255,.28)}
.email-button:focus-visible{outline:2px solid #4cc9ff;outline-offset:3px}
.email-button__icon{font-size:1.3rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
@media(max-width:860px){.cards{grid-template-columns:1fr}}