*{
         margin:0;
         padding:0;
         box-sizing:border-box;
         font-family:Arial,sans-serif !important;
         }
         body{
         background:#f6f7fb !important;
         }
         .login-page{
         min-height:100vh;
         padding:20px; 
         }
         .login-card{
         width:100%;
         max-width:420px;
         background:#fff;
         border-radius:16px;
         padding:35px;
         box-shadow:0 5px 25px rgba(0,0,0,.08);
         }
         .logo-box{
         margin-bottom:20px;
         }
         .logo-box img{
         height:35px;
         }
         .login-card h2{
         font-size:23px;
         font-weight:700;
         margin-bottom:8px;
         }
         .subtitle{
         color:#666;
         margin-bottom:30px;
         }
         .input-label{
         display:block;
         font-weight:600;
         margin-bottom:8px;
         }
         .phone-input{
         border:1px solid #ddd;
         border-radius:10px;
         overflow:hidden;
         margin-bottom:20px;
         }
         .phone-input span{
         padding:14px;
         background:#f8f8f8;
         border-right:1px solid #ddd;
         font-weight:600;
         }
         .phone-input input,
         .otp-input{
         width:100%;
         border:none;
         outline:none;
         padding:14px;
         font-size:16px;
         }
         .otp-input{
         border:1px solid #ddd;
         border-radius:10px;
         margin-bottom:20px;
         }
         .otp-field-group {
         display: flex;
         justify-content: center;
         gap: 15px;
         margin-bottom: 25px;
         margin-top: 10px;
         }
         .otp-box {
         width: 50px;
         height: 55px;
         border: 1px solid #ccc;
         border-radius: 12px;
         text-align: center;
         font-size: 24px;
         font-weight: bold;
         color: #333;
         background: #f8f8f8;
         outline: none;
         transition: all 0.3s ease;
         box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);
         }
         .otp-box:focus {
         border-color: #e21b23;
         background: #fff;
         box-shadow: 0 0 0 3px rgba(226, 27, 35, 0.15);
         }
         .continue-btn{
         width:100%;
         background:#e21b23;
         color:#fff;
         border:none;
         padding:14px;
         border-radius:10px;
         font-size:16px;
         font-weight:600;
         cursor:pointer;
         }
         .continue-btn:hover{
         opacity:.9;
         }
         .change-number{
         border:none;
         background:none;
         color:#e21b23;
         width:100%;
         margin-top:15px;
         cursor:pointer;
         font-size:15px;
         }
         .terms{
         margin-top:25px;
         text-align:center;
         color:#777;
         font-size:13px;
         line-height:1.7;
         }
         .terms a{
         color:#e21b23;
         text-decoration:none;
         }
         .reporter-box{
         margin-top:20px;
         text-align:center;
         padding:14px;
         background:#fff5f5;
         border:1px solid #ffd6d6;
         border-radius:10px;
         }
         .reporter-box span{
         color:#444;
         font-size:14px;
         }
         .reporter-box a{
         color:#e21b23;
         font-weight:700;
         text-decoration:none;
         margin-left:5px;
         }
         .reporter-box a:hover{
         text-decoration:underline;
         }