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:1200px;
         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;
         }
         }