body {
             margin: 0 !important;
             padding: 0 !important;
             font-family: 'Segoe UI', sans-serif !important;
             background: linear-gradient(135deg, #f7f8fc, #eef2ff) !important;
             color: #222 !important;
         }

         .reporter-page {
             padding: 40px 15px;
         }

         .reporter-card {
             max-width: 900px;
             margin: auto;
             background: #fff;
             border-radius: 20px;
             overflow: hidden;
             box-shadow: 0 15px 40px rgba(0, 0, 0, .08);
         }

         .reporter-header {
             background: linear-gradient(135deg, #e21b23, #b9131a);
             color: #fff;
             padding: 40px 30px;
         }

         .reporter-header h2 {
             margin: 0;
             font-size: 34px;
             font-weight: 700;
         }

         .reporter-header p {
             margin-top: 12px;
             opacity: .9;
             font-size: 15px;
         }

         .form-wrapper {
             padding: 35px;
         }

         .form-section {
             margin-bottom: 35px;
         }

         .form-section h4 {
             font-size: 18px;
             margin-bottom: 20px;
             color: #111;
             position: relative;
             padding-left: 18px;
         }

         .form-section h4::before {
             content: "";
             position: absolute;
             left: 0;
             top: 0;
             width: 5px;
             height: 100%;
             border-radius: 10px;
             background: #e21b23;
         }

         .form-grid {
             display: grid;
             grid-template-columns: repeat(3, 1fr);
             gap: 20px;
         }

         .form-group {}

         .form-group.full {
             grid-column: span 3;
         }

         .form-group label {
             margin-bottom: 8px;
             font-size: 14px;
             font-weight: 600;
             color: #333;
         }

         .required {
             color: #e21b23;
         }

         .form-control {
             width: 100%;
             height: 52px;
             border: 1px solid #d8dbe5;
             border-radius: 12px;
             padding: 0 16px;
             font-size: 14px;
             transition: .3s;
             background: #fafbff;
             box-sizing: border-box;
         }

         .form-control::placeholder {
             color: #9aa3b2;
         }

         textarea.form-control {
             height: 120px;
             padding: 14px 16px;
             resize: none;
         }

         .form-control:focus {
             outline: none;
             border-color: #e21b23;
             background: #fff;
             box-shadow: 0 0 0 4px rgba(226, 27, 35, .08);
         }

         select.form-control {
             cursor: pointer;
         }

         .image-preview {
             width: 140px;
             height: 140px;
             border-radius: 15px;
             border: 2px dashed #d7dce8;
             overflow: hidden;
             margin-top: 12px;
             color: #888;
             font-size: 13px;
             background: #fafbff;
         }

         .image-preview img {
             width: 100%;
             height: 100%;
             object-fit: cover;
         }

         .password-box {
             position: relative;
         }

         .password-box .form-control {
             padding-right: 50px;
         }

         .submit-btn {
             width: 100%;
             height: 58px;
             border: none;
             border-radius: 14px;
             background: linear-gradient(135deg, #e21b23, #c0141c);
             color: #fff;
             font-size: 17px;
             font-weight: 700;
             cursor: pointer;
             transition: .3s;
         }

         .submit-btn:hover {
             transform: translateY(-2px);
             box-shadow: 0 10px 20px rgba(226, 27, 35, .25);
         }

         .submit-btn:disabled {
             opacity: .7;
             cursor: not-allowed;
         }

         .login-link {
             margin-top: 25px;
             font-size: 15px;
             color: #666;
         }

         .login-link a {
             color: #e21b23;
             text-decoration: none;
             font-weight: 700;
         }

         .login-link a:hover {
             text-decoration: underline;
         }

         @media(max-width:992px) {
             .form-grid {
                 grid-template-columns: repeat(2, 1fr);
             }

             .form-group.full {
                 grid-column: span 2;
             }
         }

         @media(max-width:768px) {
             .reporter-page {
                 padding: 15px;
             }

             .reporter-header {
                 padding: 30px 20px;
             }

             .reporter-header h2 {
                 font-size: 26px;
             }

             .form-wrapper {
                 padding: 20px;
             }

             .form-grid {
                 grid-template-columns: 1fr;
                 gap: 15px;
             }

             .form-group.full {
                 grid-column: span 1;
             }

             .submit-btn {
                 height: 54px;
             }

             .image-preview {
                 width: 120px;
                 height: 120px;
             }
         }