.connect-container{max-width:1000px;margin:0 auto;padding:4rem 1.5rem}.connect-hero h1{color:var(--river-blue);text-align:center;margin-bottom:2rem;font-size:3rem}.intro{text-align:center;color:var(--earth-brown);margin-bottom:5rem;font-size:1.5rem;font-style:italic;line-height:1.6}.connect-options{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;display:grid}.option-card{text-align:center;border:1px solid var(--neutral-beige);background-color:#fff;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem;display:flex}.option-card h2{color:var(--seasonal-primary,var(--river-blue))}.connect-btn{background-color:var(--seasonal-primary,var(--river-blue));color:#fff;font-family:var(--font-fredoka);cursor:pointer;border:none;border-radius:50px;padding:.8rem 2rem;font-weight:500;transition:transform .2s}.connect-btn:hover{transform:scale(1.05)}.connect-btn.link{text-decoration:none}.dialog-overlay{z-index:200;background-color:#0006;animation:.15s cubic-bezier(.16,1,.3,1) overlayShow;position:fixed;inset:0}.dialog-content{z-index:201;background-color:#fff;border-radius:30px;width:90vw;max-width:500px;max-height:85vh;padding:2.5rem;animation:.15s cubic-bezier(.16,1,.3,1) contentShow;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833}.dialog-title{color:var(--river-blue);margin-bottom:.5rem;font-size:1.75rem}.dialog-description{color:var(--earth-brown);margin-bottom:2rem}.connect-form{flex-direction:column;gap:1.5rem;display:flex}.form-field{flex-direction:column;gap:.5rem;display:flex}.form-field label{color:var(--earth-brown);font-weight:500}.form-field input,.form-field textarea{border:2px solid var(--neutral-beige);font-family:var(--font-fredoka);border-radius:10px;padding:.8rem}.form-field input:focus,.form-field textarea:focus{border-color:var(--river-blue);outline:none}.submit-btn{background-color:var(--river-blue);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:1rem;padding:1rem;font-weight:500}.icon-button{cursor:pointer;color:var(--neutral-beige);background:0 0;border:none;position:absolute;top:1.5rem;right:1.5rem}.success-message{text-align:center;padding:2rem 0}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}