#contact{background-color:var(--dark);height:auto;min-height:100vh;overflow-y:auto}#contact.page{background-color:var(--dark);gap:1rem;height:auto;min-height:100vh;padding:1rem;overflow-y:auto}.contact-heading{text-align:center;width:100%;color:var(--light);justify-content:center;align-items:center;font-size:3rem;display:flex}.contact-heading h1{margin:0}.contact-content{flex-direction:column;flex-shrink:0;align-items:center;gap:1rem;width:100%;max-width:450px;margin:0 auto;padding:.3rem 0;display:flex}.contact-form{background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;flex-direction:column;gap:.8rem;width:100%;padding:.8rem;display:flex;box-shadow:0 4px 8px rgba(0,0,0,.3)}.form-group{flex-direction:column;gap:.2rem;display:flex}.form-group label{color:#fff;font-size:1rem;font-weight:600}.form-group input,.form-group textarea{color:#f0f8ff;background-color:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.2);border-radius:8px;outline:none;padding:.6rem .8rem;font-size:1rem;transition:all .3s}.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(255,255,255,.6)}.form-group input:focus,.form-group textarea:focus{border-color:var(--light);background-color:rgba(255,255,255,.1);box-shadow:0 0 0 3px rgba(0,59,107,.3)}.form-group textarea{resize:vertical;min-height:60px;max-height:300px;overflow-y:auto}.contact-submit-btn{background-color:var(--light);color:var(--dark);cursor:pointer;border:none;border-radius:8px;margin-top:.2rem;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.contact-submit-btn:before{content:"";z-index:1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.contact-submit-btn:hover{background-color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,59,107,.4)}.contact-submit-btn:hover:before{left:100%}.contact-submit-btn:active{transform:translateY(0);box-shadow:0 3px 10px rgba(0,59,107,.3)}@media (max-width:768px){#contact{height:auto;min-height:auto;overflow-y:auto}#contact.page{gap:.8rem;height:auto;min-height:auto;padding:.8rem;overflow-y:auto}.contact-heading h1{padding-bottom:1rem;font-size:4rem}.contact-content{flex-shrink:0;gap:.8rem;max-width:100%;padding:3rem .8rem}.contact-form{gap:.6rem;padding:.6rem}.form-group label{font-size:.9rem}.form-group input,.form-group textarea{padding:.5rem .6rem;font-size:.9rem}.form-group textarea{min-height:50px;max-height:250px;overflow-y:auto}.contact-submit-btn{margin-top:.1rem;padding:.6rem 1.2rem;font-size:1rem}}@media (max-width:480px){#contact{height:auto;min-height:auto;overflow-y:auto}#contact.page{gap:.6rem;height:auto;min-height:auto;padding:3rem .8rem;overflow-y:auto}.contact-heading h1{padding-bottom:1rem;font-size:4rem}.contact-content{flex-shrink:0;gap:.6rem;padding:.1rem .5rem}.contact-form{gap:.5rem;padding:.5rem}.form-group input,.form-group textarea{padding:.4rem .5rem;font-size:.85rem}.form-group textarea{min-height:40px;max-height:200px;overflow-y:auto}.contact-submit-btn{margin-top:.05rem;padding:.5rem 1rem;font-size:.9rem}}