:root{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#1a1a1a;background-color:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:2rem;width:100%}.app-container{max-width:600px;margin:0 auto;padding:2.5rem;background-color:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014}h1{color:#1a1a1a;text-align:center;margin-bottom:2.5rem;font-size:2rem;font-weight:700;letter-spacing:-.5px}.registration-form{display:flex;flex-direction:column;gap:1.75rem}.form-group{display:flex;flex-direction:column;gap:.625rem}label{font-weight:600;color:#1a1a1a;font-size:.9375rem}label:after{content:" *";color:#dc2626}label[for=message]:after{content:""}input,textarea{padding:.875rem 1rem;border:1.5px solid #e5e7eb;border-radius:8px;font-size:1rem;width:100%;transition:all .2s ease;color:#1a1a1a;background-color:#fff}input:focus,textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}input::placeholder,textarea::placeholder{color:#9ca3af}textarea{min-height:120px;resize:vertical}.submit-button{background-color:#2563eb;color:#fff;padding:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.submit-button:hover{background-color:#1d4ed8;transform:translateY(-1px)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.success-message{text-align:center;margin:2.5rem 0;line-height:1.8;color:#1a1a1a;font-size:1.125rem}.back-button{display:block;text-align:center;background-color:#2563eb;color:#fff;padding:1rem;border-radius:8px;text-decoration:none;margin-top:2.5rem;font-weight:600;transition:all .2s ease}.back-button:hover{background-color:#1d4ed8;transform:translateY(-1px)}.back-button:active{transform:translateY(0)}@media (max-width: 480px){#root{padding:1rem}.app-container{padding:1.5rem}h1{font-size:1.5rem;margin-bottom:2rem}}
