.header{margin-bottom:32px;text-align:center}.header h1{color:#1a202c;font-size:28px;margin-bottom:8px}.header p{color:#718096;font-size:16px}.form-group{margin-bottom:24px}label{color:#2d3748;display:block;font-size:14px;font-weight:600;margin-bottom:8px}input,select{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}input:focus,select:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}input::placeholder{color:#a0aec0}.message{border-radius:8px;display:none;font-size:14px;line-height:1.5;margin-bottom:20px;padding:16px}.message.show{display:block}.message.success{background:#c6f6d5;border:1px solid #9ae6b4;color:#22543d}.message.error{background:#fed7d7;border:1px solid #fc8181;color:#742a2a}.loader{animation:spin .8s linear infinite;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;margin-right:8px;vertical-align:middle;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.info-box{background:#ebf4ff;border:1px solid #bee3f8;border-radius:8px;color:#2c5282;font-size:14px;margin-top:24px;padding:16px}.info-box strong{color:#1a365d;display:block;margin-bottom:8px}