.contact-page{font-family:var(--font-poppins),sans-serif;color:#f5f5f5;min-height:100vh;position:relative;overflow-x:hidden}.contact-bg{z-index:-1;background-image:url(/contactBackground.jpeg);background-position:50%;background-size:cover;background-attachment:fixed;width:100%;height:100%;transition:filter .3s;position:fixed;top:0;left:0}[data-theme=light] .contact-bg{filter:invert()}[data-theme=dark] .contact-bg{filter:none}.contact-container-new{grid-template-columns:2fr 1fr;align-items:start;gap:4rem;min-height:100vh;padding:120px 10% 50px;display:grid}.contact-left h1{font-size:clamp(3rem,5vw,5rem);font-weight:400;line-height:1.1;font-family:var(--font-montserrat),sans-serif;margin-bottom:4rem}[data-theme=light] .contact-left h1{color:#333}.contact-form-minimal{flex-direction:column;gap:3rem;max-width:600px;display:flex}.form-group-minimal{border-bottom:1px solid #fff3;flex-direction:column;gap:1rem;padding-bottom:1rem;transition:border-color .3s;display:flex;position:relative}[data-theme=light] .form-group-minimal{border-bottom:1px solid #0003}.form-group-minimal:focus-within{border-color:#6c63ff}.form-group-minimal.error{border-color:#ff6584}.form-label-minimal{color:#888;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}[data-theme=light] .form-label-minimal{color:#666}.form-input-minimal{color:#fff;font-size:1.5rem;font-family:var(--font-poppins),sans-serif;background:0 0;border:none;outline:none;width:100%}[data-theme=light] .form-input-minimal{color:#000}.form-input-minimal::placeholder{color:#ffffff4d}[data-theme=light] .form-input-minimal::placeholder{color:#0000004d}.error-message{color:#ff6584;opacity:0;font-size:.8rem;transition:all .3s;position:absolute;bottom:-20px;left:0;transform:translateY(-5px)}.error-message.show{opacity:1;transform:translateY(0)}.contact-submit-circle{color:#fff;cursor:pointer;width:150px;height:150px;font-size:1.2rem;font-weight:600;font-family:var(--font-poppins),sans-serif;background:#6c63ff;border:none;border-radius:50%;justify-content:center;align-items:center;margin-top:2rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.contact-submit-circle:hover{background:#5a52d5}.contact-submit-circle:disabled{cursor:not-allowed;background:#444;transform:none!important}.contact-right{flex-direction:column;gap:3rem;padding-top:4rem;display:flex}.contact-profile-pic{object-fit:cover;border:2px solid #ffffff1a;border-radius:50%;margin-bottom:2rem}[data-theme=light] .contact-profile-pic{border:2px solid #0000001a}.contact-logo-dark{display:none}.contact-logo-light{display:block}[data-theme=dark] .contact-logo-light{display:none}[data-theme=dark] .contact-logo-dark,[data-theme=light] .contact-logo-light{display:block}[data-theme=light] .contact-logo-dark{display:none}.contact-info-block h4{color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-size:.9rem}[data-theme=light] .contact-info-block h4{color:#666}.contact-info-block a,.contact-info-block p{color:#f5f5f5;align-items:center;gap:10px;margin-bottom:.5rem;font-size:1.1rem;text-decoration:none;transition:color .3s;display:flex}[data-theme=light] .contact-info-block a,[data-theme=light] .contact-info-block p{color:#333}.contact-info-block a:hover{color:#6c63ff}.contact-footer-bar{color:#666;border-top:1px solid #ffffff1a;grid-column:1/-1;justify-content:space-between;margin-top:auto;padding-top:4rem;font-size:.9rem;display:flex}[data-theme=light] .contact-footer-bar{border-top:1px solid #0000001a}.success-message{text-align:center;z-index:1000;opacity:0;pointer-events:none;background:#141414f2;border:1px solid #ffffff1a;border-radius:20px;width:400px;max-width:90%;padding:3rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9)}[data-theme=light] .success-message{color:#333;background:#fffffff2;border:1px solid #0000001a}.success-message.show{opacity:1;pointer-events:all;transform:translate(-50%,-50%)scale(1)}.success-message i{color:#4cd964;margin-bottom:1rem;font-size:3rem}.success-message h3{margin-bottom:.5rem;font-size:1.5rem}@media (max-width:900px){.contact-container-new{grid-template-columns:1fr;gap:2rem;padding-top:100px}.contact-left h1{font-size:3rem}.contact-right{border-top:1px solid #ffffff1a;padding-top:2rem}[data-theme=light] .contact-right{border-top:1px solid #0000001a}}