*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Poppins,sans-serif;
    }
    
    body{
    
    background:#edf2f7;
    
    }
    
    .page{
    
    min-height:100vh;
    
    display:flex;
    
    justify-content:center;
    
    align-items:center;
    
    padding:30px;
    
    }
    
    .card{

        width:650px;
    
        background:#fff;
    
        border-radius:14px;
    
        overflow:hidden;
    
        box-shadow:0 20px 50px rgba(0,0,0,.12);
    
        border-top:6px solid #0d47a1;
    
    }
    
    .logo-area{
        padding:25px;
        text-align:center;
    }
    
    .logo-area h1{
        font-size:28px;
        font-weight:700;
        color:#0d47a1;
        margin:10px 0 5px;
    }
    
    .logo-area img{
        width:55px;
        height:55px;
        object-fit:contain;
        display:block;
        margin:0 auto 12px;
    }
    
    .title{

        background:#0d47a1;
    
        color:#fff;
    
        text-align:center;
    
        padding:15px;
    
        font-size:22px;
    
        font-weight:600;
    
    }
    /* ===========================
   FORM
=========================== */

.form-area{

    padding:35px;
    
    }
    
    .form-group{
    
    margin-bottom:22px;
    
    }
    
    .form-group label{
    
    display:block;
    
    font-size:16px;
    
    font-weight:600;
    
    margin-bottom:8px;
    
    color:#333;
    
    }
    
    .form-group label span{
    
    font-weight:400;
    
    color:#777;
    
    }
    
    .form-group input{
    
    width:100%;
    
    height:52px;
    
    padding:0 16px;
    
    border:1px solid #d6d6d6;
    
    border-radius:6px;
    
    font-size:16px;
    
    outline:none;
    
    transition:.3s;
    
    }
    
    .form-group input:focus{
    
    border-color:#173f91;
    
    box-shadow:0 0 0 3px rgba(23,63,145,.15);
    
    }
    
    
    button{

        width:100%;
        
        height:52px;
        
        background:#f57c00;
        
        border:none;
        
        border-radius:6px;
        
        font-size:17px;
        
        font-weight:600;
        
        color:#fff;
        
        cursor:pointer;
        
        transition:.3s;
        
        }
        
        button:hover{
        
        background:#e66d00;
        
        }
        .notice{

            background:#eef5ff;
            
            padding:12px;
            
            border-left:4px solid #0d47a1;
            
            font-size:14px;
            
            color:#444;
            
            margin-top:25px;
            
            margin-bottom:20px;
            
            }
            
            .notice i{
            
            color:#0d47a1;
            
            margin-right:8px;
            
            }
    
    button:hover{
    
    background:#e56f00;
    
    }
    
    .help{
    
    margin-top:25px;
    
    text-align:center;
    
    font-size:15px;
    
    }
    
    .help a{
    
    color:#173f91;
    
    font-weight:600;
    
    text-decoration:none;
    
    }
    .verify-result{
        max-width:850px;
        margin:40px auto;
        background:#fff;
        border-radius:12px;
        padding:35px;
        box-shadow:0 10px 30px rgba(0,0,0,.12);
    }
        
        .verify-result h2{
        
        color:#198754;
        
        text-align:center;
        
        margin-bottom:30px;
        
        }
        
            
            .verify-result table{
            
            width:100%;
            
            border-collapse:collapse;
            
            }
            
            .verify-result tr:hover{

                background:#f8fbff;
                
                }
            
            .verify-result tr td:first-child{
            
            width:220px;
            
            font-weight:600;
            
            color:#333;
            
            }
            
            .verified{
            
            background:#28a745;
            
            color:#fff;
            
            padding:6px 14px;
            
            border-radius:20px;
            
            font-size:14px;
            
            font-weight:600;
            
            }
            .verify-header{

                text-align:center;
            
                margin-bottom:30px;
            
            }
            
            .verify-logo{
            
                width:70px;
            
                margin-bottom:12px;
            
            }
            
            .verify-header h2{
            
                color:#0d47a1;
            
                font-size:30px;
            
                margin-bottom:5px;
            
            }
            
            .verify-header p{
            
                color:#666;
            
            }
            
            .status-box{
            
                background:#e9f8ef;
            
                border:1px solid #b7e4c7;
            
                color:#198754;
            
                padding:14px;
            
                text-align:center;
            
                font-size:22px;
            
                font-weight:700;
            
                border-radius:8px;
            
                margin-bottom:30px;
            
            }
            
            .verified-icon{
            
                font-size:24px;
            
                margin-right:10px;
            
            }
            
            .verification-info{
            
                margin-top:25px;
            
                color:#555;
            
            }
            
            .verification-info p{
            
                margin:8px 0;
            
            }
            .verify-result table{

                width:100%;
            
                border-collapse:collapse;
            
            }
            
            .verify-result td{
            
                padding:14px;
            
                border-bottom:1px solid #ececec;
            
            }
            
            .verify-result tr td:first-child{
            
                width:230px;
            
                font-weight:600;
            
                color:#0d47a1;
            
            }
            .top-bar{

                display:flex;
                
                align-items:center;
                
                gap:20px;
                
                border-bottom:2px solid #eee;
                
                padding-bottom:20px;
                
                margin-bottom:25px;
                
                }
                
                .verify-logo{
                
                width:70px;
                
                height:70px;
                
                }
                
                .top-bar h2{
                
                margin:0;
                
                color:#0d47a1;
                
                font-size:30px;
                
                }
                
                .top-bar p{
                
                margin-top:6px;
                
                color:#666;
                
                }
                
                .status-card{
                
                background:#e8f8ed;
                
                border:1px solid #c3e6cb;
                
                padding:16px;
                
                border-radius:8px;
                
                text-align:center;
                
                margin-bottom:25px;
                
                }
                
                .status-card span{
                
                color:#198754;
                
                font-size:24px;
                
                font-weight:700;
                
                letter-spacing:1px;
                
                }
                
                .bottom-info{
                
                display:flex;
                
                justify-content:space-between;
                
                margin-top:25px;
                
                padding-top:15px;
                
                color:#555;
                
                }
                
                .print-btn{
                
                margin-top:30px;
                
                background:#0d47a1;
                
                color:#fff;
                
                border:none;
                
                padding:14px 35px;
                
                border-radius:6px;
                
                font-size:16px;
                
                cursor:pointer;
                
                }
                
                .print-btn:hover{
                
                background:#08357a;
                
                }
                
                .button-area{
                
                text-align:center;
                
                }