:root{--bg:#171b23;--card:#242b39;--header:#303645;--field:#171b22;--accent:#f0de00;--accent-dark:#cbbb00;--accent-text:#000}*{box-sizing:border-box}body{background-color:var(--bg);color:#fff;-webkit-font-smoothing:antialiased;justify-content:center;align-items:flex-start;min-height:100vh;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;display:flex}.brand-root{justify-content:center;width:100%;display:flex}.hp-field{width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}.form-container{background-color:var(--card);border-radius:15px;width:100%;max-width:700px;margin:auto 20px;box-shadow:0 4px 8px #0000004d}.form-header{background-color:var(--header);border-left:5px solid var(--accent);border-radius:15px 15px 0 0;align-items:center;margin-bottom:20px;padding:15px;display:flex}.form-header img,.form-header svg{flex-shrink:0;width:24px;height:24px;margin-right:10px}.form-header span{font-size:14px}.form-body{justify-content:space-between;gap:20px;padding:30px;display:flex}.form-left{flex:1}.form-right{flex-direction:column;flex:1;margin-left:30px;display:flex}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{font-family:inherit;font-size:14px;background-color:var(--field)!important;color:#fff!important;border:none!important;border-radius:5px!important;width:100%!important;height:45px!important;padding:10px!important}.form-group input:focus,.form-group textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.form-group textarea{resize:none!important;height:150px!important}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}.react-tel-input .form-control{padding-left:48px!important}.react-tel-input .flag-dropdown{background-color:#0000!important;border:none!important}.react-tel-input .selected-flag:hover,.react-tel-input .selected-flag:focus,.react-tel-input .flag-dropdown.open .selected-flag{background-color:#0000!important}.react-tel-input .country-list{color:#fff;text-align:left;background-color:var(--header)!important}.react-tel-input .country-list .country:hover,.react-tel-input .country-list .country.highlight{opacity:.8;background-color:var(--header)!important}.react-tel-input .country-list .country .dial-code{color:#bbb!important}.react-tel-input .country-list .search{background-color:var(--header)!important;padding:10px 10px 8px!important}.react-tel-input .country-list .search-box{height:36px;font-size:13px;background-color:var(--field)!important;color:#fff!important;border:none!important;border-radius:5px!important;width:100%!important;margin:0!important}.react-tel-input .country-list .search-box::placeholder{color:#9ca3af}.react-tel-input .country-list .no-entries-message{color:#bbb;font-size:13px}.react-tel-input .country-list .divider{border-bottom:1px solid #4a5163!important;margin-bottom:0!important;padding-bottom:5px!important}.react-tel-input .special-label{display:none!important}.form-footer{color:#999;text-align:center;margin-bottom:20px;font-size:10px}.submit-btn{background:linear-gradient(180deg, var(--accent), var(--accent-dark));color:var(--accent-text);cursor:pointer;border:none;border-radius:5px;width:100%;height:48px;padding:15px;font-family:inherit;font-size:16px;font-weight:700}.submit-btn:hover:not(:disabled){filter:brightness(1.08)}.submit-btn:disabled{opacity:.5;cursor:default}.form-status{text-align:center;min-height:18px;margin-bottom:12px;font-size:13px}.form-status.error{color:#ff7676}.form-status.success{color:#67e08a}.success-panel{text-align:center;padding:40px 30px}.success-panel h3{color:var(--accent);margin:0 0 10px;font-size:18px}.success-panel p{color:#ccc;margin:0 0 24px;font-size:14px;line-height:1.6}.success-panel button{color:#ccc;cursor:pointer;background:0 0;border:1px solid #555;border-radius:5px;padding:10px 20px;font-family:inherit;font-size:13px}.success-panel button:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:768px){.form-body{flex-direction:column;gap:0;padding:20px}.form-right{margin-left:0}.form-container{margin:15px auto}.form-group{margin-bottom:12px}.form-group textarea{height:90px!important}.form-footer{margin-bottom:12px}.form-header{margin-bottom:15px;padding:12px 15px}}@media (max-height:720px) and (max-width:768px){.form-group textarea{height:70px!important}.form-body{padding:16px}}
