:root{--primary-color: #009ddc;--secondary-color: #1e40af;--background-color: #f0f9ff;--text-color: #1e293b;--border-radius: 12px;--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--transition: all .3s ease}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:2rem}.header{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));padding:1.5rem 0;box-shadow:var(--shadow);margin-bottom:3rem}.header .container{display:flex;align-items:center;gap:2rem;padding:1rem 2rem}.logo{height:50px;transition:var(--transition)}.logo:hover{transform:scale(1.05)}.header h1{color:#fff;margin:0;font-size:2rem;font-weight:600}.form-container{background:#fff;border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow);margin:0 auto}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--text-color)}.form-control{width:50%;padding:.75rem 0rem .75rem 1rem;border:2px solid #e2e8f0;border-radius:var(--border-radius);transition:var(--transition);font-size:1rem}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.radio-group,.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.radio-group div,.checkbox-group div{display:flex;align-items:center;gap:.5rem}.radio-group label,.checkbox-group label{margin:0;cursor:pointer}input[type=radio],input[type=checkbox]{width:1.2rem;height:1.2rem;cursor:pointer;accent-color:var(--primary-color)}.error-message{background-color:#fef2f2;color:#dc2626;padding:1rem;border-radius:var(--border-radius);margin-bottom:1.5rem;border:1px solid #fee2e2}.success-message{color:var(--primary-color);font-size:1.3rem}button[type=submit]{background-color:var(--primary-color);color:#fff;padding:.75rem 2rem;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-weight:500;transition:var(--transition)}button[type=submit]:hover:not(:disabled){background-color:var(--secondary-color);transform:translateY(-1px)}button[type=submit]:disabled{background-color:#cbd5e1;cursor:not-allowed}@media (max-width: 768px){.container{padding:1rem}.header .container{flex-direction:column;text-align:center;gap:1rem}.form-container{padding:1.5rem}}
