@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=DM+Mono:wght@300;400;500&display=swap");

#contact{--ocean:#070e1a;--navy:#0d2140;--wave:#4a9fdb;--green:#00d282;--white:#eef5ff;--lgray:#7a96b0;--muted:#6a8eae;--ff:'Space Grotesk',sans-serif;--fm:'DM Mono',monospace;font-family:var(--ff);font-size:1rem;font-weight:400;line-height:normal;letter-spacing:normal;color:var(--white);background:var(--navy);border-top:1px solid rgba(46,92,138,0.3);padding:72px 80px 40px;}
#contact .footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;max-width:1280px;margin:0 auto 56px;}
#contact .footer-logo{font-family:var(--fm);font-size:1.4rem;font-weight:500;margin-bottom:16px;display:block;}
#contact .footer-about{font-family:var(--fm);font-size:.74rem;color:var(--lgray);line-height:1.7;max-width:280px;margin-bottom:24px;}
#contact .footer-col h3{font-family:var(--fm);font-size:.63rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--green);margin-bottom:20px;}
#contact .footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;}
#contact .footer-col li{font-family:var(--fm);font-size:.76rem;color:var(--lgray);transition:color .2s;cursor:default;}
#contact .footer-col li:hover{color:var(--white);}
#contact .footer-signup p{font-family:var(--fm);font-size:.74rem;color:var(--lgray);line-height:1.7;margin-bottom:16px;}
#contact .signup-row{display:flex;}
#contact .signup-row input{flex:1;min-width:0;background:var(--ocean);border:1px solid rgba(46,92,138,0.5);color:var(--white);font-family:var(--fm);font-size:.78rem;padding:11px 12px;}
#contact .signup-row input:focus{outline:2px solid var(--green);outline-offset:1px;border-color:var(--green);}
#contact .signup-row button{background:var(--green);color:var(--ocean);font-family:var(--fm);font-size:.72rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;padding:0 18px;transition:background .2s;}
#contact .signup-row button:hover{background:var(--wave);}
#contact .signup-row button:disabled{opacity:.55;cursor:not-allowed;}
#contact .signup-msg{font-family:var(--fm);font-size:.7rem;line-height:1.6;margin-top:10px;display:none;}
#contact .signup-msg.is-ok{display:block;color:var(--green);}
#contact .signup-msg.is-err{display:block;color:#e86a6a;}
#contact .hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
#contact .footer-bottom{max-width:1280px;margin:0 auto;border-top:1px solid rgba(46,92,138,0.2);padding-top:28px;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:16px;}
#contact .footer-copy{font-family:var(--fm);font-size:.67rem;color:var(--muted);}
#contact .footer-disc{font-family:var(--fm);font-size:.63rem;color:var(--muted);max-width:520px;line-height:1.6;text-align:right;}
#contact a{text-decoration:none;}
#contact .footer-col li a{color:var(--lgray);transition:color .2s;}
#contact .footer-col li a:hover{color:var(--white);}
#contact .signup-row button{border:none;cursor:pointer;}
@media(max-width:1024px){#contact{padding:56px 32px 32px;}#contact .footer-top{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){#contact .footer-top{grid-template-columns:1fr;}}