/* General Body Enhancements */ body { background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; } /* Container Polish */ .container { border-top: 8px solid #007bff; box-shadow: 0 15px 35px rgba(0,0,0,0.15); transition: transform 0.3s ease; } /* Form Input Focus Effects */ input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, select:focus, textarea:focus { outline: none; border-color: #007bff; box-shadow: 0 0 8px rgba(0, 123, 255, 0.25); background-color: #fff; } /* Better Fieldset Styling */ fieldset { background-color: #fafafa; border: 1px solid #eaeaea; transition: all 0.3s ease; } fieldset:hover { border-color: #007bff; background-color: #ffffff; } legend { background: #007bff; color: white; padding: 5px 15px; border-radius: 20px; font-size: 0.9em; text-transform: uppercase; letter-spacing: 1px; } /* Table Modernization */ table { border-radius: 8px; overflow: hidden; border: none; box-shadow: 0 2px 10px rgba(0,0,0,0.05); } th { text-transform: uppercase; font-size: 13px; letter-spacing: 0.5px; } tr:nth-child(even) { background-color: #f9f9f9; } tr:hover { background-color: #f1f7ff; } /* Button Animations */ button { text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); } .btn-submit:active, .btn-reset:active { transform: translateY(2px); box-shadow: none; } /* Checkbox Alignment */ .form-group input[type="checkbox"] { width: 18px; height: 18px; vertical-align: middle; cursor: pointer; }