.app-container{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#343541}.form-container{width:100%;max-width:450px;padding:30px 35px 40px;background-color:#343541;border-radius:8px;box-shadow:0 2px 10px #0000004d;max-height:calc(100vh - 40px);display:flex;flex-direction:column;box-sizing:border-box}.form-container h1{color:#fff;margin-bottom:20px;margin-top:0;text-align:center;font-size:26px}.form-container h2{color:#fff;margin-bottom:18px;margin-top:0;text-align:center;font-size:22px}.form-group{margin-bottom:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-group label{display:block;margin-bottom:6px;color:#fff;font-size:13px;font-weight:500}.form-group input,.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=tel]{width:100%;padding:10px 12px;border:1px solid #555;border-radius:6px;background-color:#40414f;color:#fff;font-size:13px;transition:border-color .3s ease}.form-group input:focus,.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group input[type=tel]:focus{outline:none;border-color:#10a37f;background-color:#40414f;color:#fff}.form-group input::placeholder{color:#999}.form-group textarea{width:100%;padding:12px 15px;border:1px solid #555;border-radius:6px;background-color:#40414f;color:#fff;font-size:14px;resize:vertical;font-family:inherit}.form-group textarea:focus{outline:none;border-color:#10a37f}.form-group textarea::placeholder{color:#999}.form-container *{box-sizing:border-box;max-width:100%}.form-container .form-body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start}.form-container .form-footer{margin-top:12px;padding-bottom:4px}.checkbox-group{display:flex;align-items:center;margin-bottom:15px}.checkbox-group input[type=checkbox]{width:18px;height:18px;margin-right:10px;cursor:pointer;accent-color:#10A37F}.checkbox-group label{margin:0;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center}.checkbox-group label a{color:#10a37f;text-decoration:none;margin-left:4px}.checkbox-group label a:hover{text-decoration:underline}.submit-btn{width:100%;padding:9px;background-color:#10a37f;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.submit-btn:hover{background-color:#0d8a69}.submit-btn:active{background-color:#0a6d54}.submit-btn:disabled{background-color:#555;cursor:not-allowed;opacity:.6}.google-btn{width:100%;padding:9px;background-color:transparent;color:#fff;border:1px solid #555;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px}.google-btn:hover{border-color:#10a37f;background-color:#10a37f1a}.google-btn svg{width:20px;height:20px}.divider{display:flex;align-items:center;margin:12px 0;color:#888}.divider:before,.divider:after{content:"";flex:1;height:1px;background-color:#555}.divider span{margin:0 10px;font-size:14px}.form-footer{text-align:center;margin-top:15px;color:#999;font-size:13px}.form-footer a{color:#10a37f;text-decoration:none;cursor:pointer;margin-left:5px}.form-footer a:hover{text-decoration:underline}.error-message{color:#ff6b6b;font-size:13px;margin-top:6px;padding:10px 12px;background-color:#ff6b6b26;border-left:3px solid #ff6b6b;border-radius:4px;line-height:1.5;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-message{color:#10a37f;font-size:13px;margin-top:6px;padding:10px 12px;background-color:#10a37f26;border-left:3px solid #10A37F;border-radius:4px;line-height:1.5;animation:slideIn .3s ease-out}.password-match{color:#10a37f}.password-mismatch{color:#ff6b6b}@media(max-width:480px){.form-container{padding:30px 20px}.form-row{grid-template-columns:1fr}.form-container h1{font-size:24px}.form-container h2{font-size:20px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#343541}html,body,#root{height:100%;width:100%}