*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;min-height:-webkit-fill-available;background-color:#000;color:#1a1a1a;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#root{min-height:100vh;min-height:-webkit-fill-available}.app-container{min-height:100vh;min-height:-webkit-fill-available;display:flex;align-items:center;justify-content:center;padding:2rem;padding-top:max(2rem,env(safe-area-inset-top));padding-bottom:max(2rem,env(safe-area-inset-bottom));padding-left:max(2rem,env(safe-area-inset-left));padding-right:max(2rem,env(safe-area-inset-right));background-color:#000}.form-wrapper{background:#fff;padding:3rem 2.5rem;width:100%;max-width:480px;border:1px solid #e8e8e8}.logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.volk-logo{height:48px;width:auto;display:block}.form-wrapper h1{margin:0 0 2.5rem;color:#1a1a1a;font-size:1.75rem;font-weight:400;letter-spacing:-.02em;text-align:left}.user-form{display:flex;flex-direction:column;gap:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:400;color:#1a1a1a;font-size:.875rem;letter-spacing:.01em}.required{color:#666;font-weight:400}.form-group input,.form-group select,.form-group textarea{padding:.75rem 0;border:none;border-bottom:1px solid #d0d0d0;border-radius:0;font-size:1rem;font-family:inherit;transition:border-color .2s ease;background-color:transparent;color:#1a1a1a;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#999;font-weight:300}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-bottom-color:#1a1a1a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-bottom-color:#d32f2f}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{border-bottom-color:#d32f2f}.form-group select{cursor:pointer;padding-right:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231a1a1a' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;appearance:none}.phone-input-wrapper{display:flex;align-items:center;border-bottom:1px solid #d0d0d0;transition:border-color .2s ease}.phone-input-wrapper:focus-within{border-bottom-color:#1a1a1a}.phone-input-wrapper.error{border-bottom-color:#d32f2f}.phone-prefix{padding:.75rem .5rem .75rem 0;color:#1a1a1a;font-size:1rem;font-family:inherit;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap}.phone-input-wrapper input{border:none;border-bottom:none;padding:.75rem 0;flex:1}.phone-input-wrapper input:focus{border-bottom:none}.phone-input-wrapper.error input{border-bottom:none}.phone-input-wrapper.error input:focus{border-bottom:none}.date-selectors{display:flex;gap:1rem}.date-selectors select{flex:1;min-width:0}.date-selectors select:first-child{flex:0 0 80px}.date-selectors select:last-child{flex:0 0 100px}.error-message{color:#d32f2f;font-size:.75rem;margin-top:.25rem;font-weight:400}.submit-button{margin-top:1rem;padding:.875rem 0;background-color:#1a1a1a;color:#fff;border:none;border-radius:0;font-size:.875rem;font-weight:400;cursor:pointer;transition:background-color .2s ease;letter-spacing:.05em;text-transform:uppercase;width:100%}.submit-button:hover{background-color:#333}.submit-button:active{background-color:#000}.submit-button:disabled{background-color:#999;cursor:not-allowed;opacity:.6}.submit-button:disabled:hover{background-color:#999}.submit-message{padding:.875rem 1rem;border-radius:4px;font-size:.875rem;margin-top:.5rem;margin-bottom:-.5rem}.submit-message.success{background-color:#e8f5e9;color:#2e7d32;border:1px solid #4caf50}.submit-message.error{background-color:#ffebee;color:#c62828;border:1px solid #ef5350}.popup-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-content{background:#fff;padding:2rem 2.5rem;max-width:360px;text-align:center;border:1px solid #e8e8e8;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.popup-content h3{margin:0 0 .75rem;color:#1a1a1a;font-size:1.25rem;font-weight:500}.popup-content p{margin:0;color:#666;font-size:.9375rem}@media(max-width:600px){.app-container{padding:1.5rem 1rem}.form-wrapper{padding:2rem 1.5rem}.form-wrapper h1{font-size:1.5rem;margin-bottom:2rem}.user-form{gap:1.5rem}.date-selectors{gap:.75rem}.date-selectors select:first-child{flex:0 0 70px}.date-selectors select:last-child{flex:0 0 90px}}
