body{background:#075195;color:#263038;font-family:Manrope,sans-serif}.contact-page{min-height:100vh;background:#075195}.contact-sheet{background:#fff;border-radius:0 0 100px 100px;position:relative;z-index:1;overflow:hidden}.contact-header{color:#263038;width:min(1280px,calc(100% - 48px));margin:auto;padding:24px 0;height:104px}.contact-header nav,.contact-header select{background:#fff;color:#263038;box-shadow:0 1px 4px rgba(114,114,114,.15),0 1px 3px rgba(143,143,143,.3)}.contact-header nav .active{background:#f3f3f5;border-radius:18px}.contact-header select{background-image:linear-gradient(45deg,transparent 50%,#263038 50%),linear-gradient(135deg,#263038 50%,transparent 50%)}.contact-header .menu i{background:#263038}.contact-title{padding:56px 80px 0}.contact-title h1{font:700 48px/1.06 Nunito,sans-serif;margin:0 0 20px}.contact-title p{color:#7d8388;font-size:18px;line-height:1.5;width:760px;max-width:100%;margin:0}.contact-topics{padding:40px 80px 100px}.contact-topics h2,.contact-form h2{font-size:28px;line-height:1.25;margin:0 0 12px}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.topic-card{appearance:none;border:0;text-align:left;background:#fff;padding:32px;border-radius:20px;box-shadow:0 2px 3px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.3);color:#263038;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.topic-card:hover,.topic-card:focus-visible{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.15);outline:none}.topic-card.is-selected{background:#e6f4ff;box-shadow:0 0 0 2px #00a6fc}.topic-card b,.topic-card span{display:block}.topic-card b{font-size:20px;line-height:1.4;margin-bottom:10px}.topic-card span{color:#686c75;font-size:16px;line-height:1.5}.contact-form{padding:40px 80px 100px;max-width:800px}.form-back{border:0;background:transparent;color:#00a6fc;font:600 16px Manrope;cursor:pointer;padding:0 0 24px}.contact-form form{display:grid;gap:20px}.contact-form label{display:grid;gap:8px;font-weight:600}.contact-form input,.contact-form textarea{font:16px Manrope;border:1px solid #d7d9dc;border-radius:14px;padding:15px;resize:vertical}.send-button{height:54px;border:0;border-radius:200px;background:#00a6fc;color:#fff;font:600 18px Manrope;cursor:pointer}.contact-footer{height:898px;padding:620px 80px 40px;background-image:linear-gradient(0deg,rgba(3,7,24,.5) 39%,transparent 100%),url('../images/footer-community.webp')}.contact-footer .legal{left:80px;bottom:40px;font-size:16px}.contact-footer .footer-links b{font-size:18px}.contact-footer .footer-links a{font-size:14px}
@media(max-width:900px){.contact-sheet{border-radius:0 0 60px 60px}.contact-header{width:calc(100% - 64px);height:160px}.contact-title{padding:0 32px}.contact-topics,.contact-form{padding:40px 32px 80px}.topic-grid{gap:24px}.contact-footer{padding:620px 32px 40px}.contact-footer .legal{left:32px}.contact-header nav.is-open{display:flex;position:absolute;top:104px;right:0;left:auto;transform:none;flex-direction:column;align-items:stretch;z-index:10}.contact-header nav.is-open a{padding:12px 18px}}
@media(max-width:520px){.contact-sheet{border-radius:0 0 40px 40px}.contact-header{width:calc(100% - 40px);height:160px}.contact-title{padding:0 20px}.contact-title h1{font-size:38px}.contact-title p{font-size:16px}.contact-topics,.contact-form{padding:36px 20px 70px}.contact-topics h2,.contact-form h2{font-size:22px}.topic-grid{grid-template-columns:1fr;gap:16px}.topic-card{padding:24px}.contact-footer{height:675px;padding:370px 20px 30px}.contact-footer .legal{left:20px;bottom:25px;font-size:12px;gap:24px}}

/* Leave breathing room above the first field after selecting a topic. */
.contact-fields input[name="name"]{scroll-margin-top:32px}

/* Field states: errors take precedence over hover and focus. */
.contact-form .contact-fields :is(input,textarea){transition:border-color .18s ease;outline:none}
.contact-form .contact-fields :is(input,textarea):hover{border-color:#686c75}
.contact-form .contact-fields :is(input,textarea):focus{border-color:#00a6fc;outline:1px solid #00a6fc;outline-offset:0}
.contact-form .contact-fields :is(input,textarea).is-invalid{border-color:#ff525d}
.contact-form .contact-fields :is(input,textarea).is-invalid:focus{outline-color:#ff525d}
@media(prefers-reduced-motion:reduce){.contact-form .contact-fields :is(input,textarea){transition:none}}

/* Contact page aligned with the 390/1440 Figma layouts. */
.contact-title,.contact-topics,.contact-form{width:min(1280px,calc(100% - 160px));margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}.contact-title{padding-top:56px}.contact-topics{padding-top:42px;padding-bottom:30px}.topic-grid{gap:24px}.topic-card{min-height:126px}.topic-card.is-selected{background:#10aaf2;color:#fff;box-shadow:none}.topic-card.is-selected span{color:#fff}.contact-form{max-width:none;padding-top:0;padding-bottom:0;background:#e8f4fd;border-radius:20px}.contact-form form{display:block;padding:32px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-fields label{display:block}.contact-fields .message-field{grid-column:1/-1}.contact-form input,.contact-form textarea{width:100%;border:1px solid #e1e2e4;border-radius:8px;background:#fff;color:#263038}.contact-form input{height:66px}.contact-form textarea{height:134px;resize:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#a5aaaf}.contact-form form>p{margin:26px 0 14px;color:#7d8791;font-size:14px}.contact-form form>p a{color:#267cff}.send-button{width:180px;height:52px}.contact-download{height:820px;padding-top:320px}.contact-sheet{padding-bottom:0}.contact-footer{margin-top:0}
@media(max-width:900px){.contact-title,.contact-topics,.contact-form{width:calc(100% - 64px)}.contact-title{padding-top:0}.contact-topics{padding-top:68px}.contact-download{height:650px;padding-top:235px}}
@media(max-width:520px){.contact-header{height:118px}.contact-title,.contact-topics,.contact-form{width:calc(100% - 24px)}.contact-title h1{font-size:28px;margin-bottom:14px}.contact-title p{font-size:14px;line-height:1.45}.contact-topics{padding-top:62px;padding-bottom:14px}.contact-topics h2{font-size:22px;margin-bottom:14px}.topic-grid{gap:8px}.topic-card{min-height:94px;padding:15px 12px;border-radius:18px}.topic-card b{font-size:16px;margin-bottom:6px}.topic-card span{font-size:12px;line-height:1.4}.contact-form{border-radius:18px}.contact-form form{padding:24px 16px}.contact-fields{grid-template-columns:1fr;gap:8px}.contact-fields .message-field{grid-column:auto}.contact-form input{height:50px}.contact-form textarea{height:102px}.contact-form form>p{text-align:center;font-size:11px;line-height:1.45;margin:18px 12px 12px}.send-button{width:100%;height:48px}.contact-download{height:390px;padding-top:120px}.contact-download .person{width:78px;height:78px}.contact-download h2{font-size:27px}.contact-download>p{font-size:14px}.contact-footer{height:675px}}