.contact-us-container{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:4rem 2rem;background:var(--contact-bg, #0a0f1a)}.contact-us-wrapper{width:784px;max-width:100%;background:transparent;padding:0}.contact-header{margin-bottom:2rem}.contact-header h1{font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-style:normal;font-weight:700;font-size:2.5rem;line-height:1.2;color:var(--contact-title, #1a1a1a);margin-bottom:0}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-style:normal;font-weight:500;font-size:.95rem;line-height:1.4;color:var(--contact-label, #4a4a4a)}.input-wrapper{position:relative;width:100%}.form-group input{box-sizing:border-box;width:100%;height:42px;background:var(--contact-input-bg, #f8fafc);border:1px solid var(--contact-input-border, #d8dfea);border-radius:4px;padding:0 20px;font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:23px;letter-spacing:.003em;color:var(--contact-input-text, #333333);outline:none;transition:border-color .2s ease,background-color .2s ease}.form-group input::-moz-placeholder{color:var(--contact-placeholder, #8a90a5);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:23px;letter-spacing:.003em}.form-group input::placeholder{color:var(--contact-placeholder, #8a90a5);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:23px;letter-spacing:.003em}.form-group textarea{box-sizing:border-box;width:100%;min-height:120px;background:var(--contact-input-bg, #f8fafc);border:1px solid var(--contact-input-border, #d8dfea);border-radius:4px;padding:10px 20px;font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:23px;letter-spacing:.003em;color:var(--contact-input-text, #333333);outline:none;resize:vertical;transition:border-color .2s ease,background-color .2s ease}.form-group textarea::-moz-placeholder{color:var(--contact-placeholder, #8a90a5);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:23px;letter-spacing:.003em}.form-group textarea::placeholder{color:var(--contact-placeholder, #8a90a5);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:23px;letter-spacing:.003em}.form-group input:focus,.form-group textarea:focus{border-color:#6c5ce7;background-color:var(--contact-input-focus-bg, #ffffff)}.submit-btn{background:#6c5ce7;color:#fff;border:none;padding:.75rem 2rem;border-radius:4px;font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-style:normal;font-weight:600;font-size:1rem;line-height:1.4;cursor:pointer;transition:background-color .2s ease;display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:.5rem;letter-spacing:.003em}.submit-btn:hover{background:#5a4bd1}.error-message{color:#e74c3c;font-size:.8rem;margin-top:.25rem}body:not(.light) .contact-us-container{--contact-bg: #0a0f1a;--contact-title: #ffffff;--contact-label: #d0d0d0;--contact-input-bg: #2d2d44;--contact-input-border: #3d3d5c;--contact-input-text: #ffffff;--contact-input-focus-bg: #363650;--contact-placeholder: #6b6b8a;background:var(--contact-bg)}body:not(.light) .contact-header h1{color:var(--contact-title)}body:not(.light) .form-group label{color:var(--contact-label)}body:not(.light) .form-group input,body:not(.light) .form-group textarea{background:var(--contact-input-bg);border-color:var(--contact-input-border);color:var(--contact-input-text)}body:not(.light) .form-group input:focus,body:not(.light) .form-group textarea:focus{border-color:#7c6cf0;background-color:var(--contact-input-focus-bg)}body:not(.light) .form-group input::-moz-placeholder,body:not(.light) .form-group textarea::-moz-placeholder{color:var(--contact-placeholder)}body:not(.light) .form-group input::placeholder,body:not(.light) .form-group textarea::placeholder{color:var(--contact-placeholder)}body:not(.light) .error-message{color:#ff6b6b}body.light .contact-us-container{--contact-bg: #f7f9fc;--contact-title: #0b1220;--contact-label: #334155;--contact-input-bg: #ffffff;--contact-input-border: rgba(15, 23, 42, .12);--contact-input-text: #0b1220;--contact-input-focus-bg: #ffffff;--contact-placeholder: #8a90a5;background:var(--contact-bg)}body.light .contact-header h1{color:var(--contact-title)}body.light .form-group label{color:var(--contact-label)}body.light .form-group input,body.light .form-group textarea{background:var(--contact-input-bg);border-color:var(--contact-input-border);color:var(--contact-input-text)}body.light .form-group input:focus,body.light .form-group textarea:focus{border-color:#6c5ce7;background-color:var(--contact-input-focus-bg)}@media(max-width:768px){.contact-us-container{padding:2rem 1rem}.contact-us-wrapper{width:100%}.contact-header h1{font-size:2rem}.form-group input{height:42px;font-size:16px}.form-group textarea{font-size:16px}.submit-btn{padding:.75rem 1.75rem}}.flash-message{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.95rem;font-weight:500;line-height:1.4;animation:slideDown .3s ease-out}.flash-success{background-color:#10b981;color:#fff;border-left:4px solid #059669}.flash-error{background-color:#ef4444;color:#fff;border-left:4px solid #dc2626}body:not(.light) .flash-success{background-color:#059669}body:not(.light) .flash-error{background-color:#dc2626}body.light .flash-success{background-color:#10b981}body.light .flash-error{background-color:#ef4444}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.flash-message{position:relative;cursor:pointer}.flash-message:hover{opacity:.9}.submit-btn{position:relative;overflow:hidden;transition:opacity .2s ease,background-color .2s ease}.submit-btn .btn-text{transition:opacity .2s ease}.submit-btn.loading .btn-text{opacity:0}.submit-btn .btn-spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;opacity:0;transition:opacity .2s ease}.submit-btn.loading .btn-spinner{opacity:1;animation:spin .8s linear infinite}.submit-btn:disabled,.submit-btn.loading{pointer-events:none;cursor:not-allowed;opacity:.85}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
