.contact-page-section,.login-page-section{border:1px solid var(--card-border);border-radius:1rem;box-shadow:0 8px 20px rgba(0,0,0,.06);padding:1.5rem 2rem;max-width:70vw;margin:0 auto;max-height:fit-content;background:var(--bg-lin-gradient)}.contact-page-intro{max-width:42rem;margin:0 auto 2rem auto;text-align:center;line-height:1.7;font-size:1.05rem}.contact-page-div,.login-page-div{margin:0 auto;width:auto}.contact-page-div .form-control,.login-page-div .form-control{width:100%;height:2.5rem;border-radius:.5rem;border:1px solid var(--bg-color2);padding:.4rem .65rem;margin:.3rem 0}.contact-page-div .form-control-textarea{width:100%;min-width:100%;max-width:100%;min-height:9rem;border-radius:.5rem;border:1px solid var(--bg-color1);padding:.65rem;margin:.3rem 0;resize:vertical}.contact-page-div .form-control:focus,.contact-page-div .form-control-textarea:focus,.login-page-div .form-control:focus{outline:0;border-color:var(--text-color-secondary);box-shadow:0 0 0 3px rgba(0,0,0,.08)}.contact-div-buttons{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem}.contact-div-buttons .btn-custom{margin:0}@media screen and (max-width:756px){.contact-page-section,.login-page-section{max-width:90vw;padding:1.25rem 1rem}.contact-div-buttons{flex-direction:column;align-items:flex-start}}