* {
            font-family: 'Inter', sans-serif;
        }

        body {

            background:
                linear-gradient(135deg,
                    #eef4ff 0%,
                    #f9fbff 100%);

            min-height: 100vh;

            overflow-x: hidden;
        }

        .hero-section {

            padding-top: 70px;
            padding-bottom: 70px;

            position: relative;
        }

        .main-card {

            background: #fff;

            border: 0;

            border-radius: 30px;

            overflow: hidden;

            box-shadow:
                0 25px 60px rgba(13, 110, 253, .12);
        }

        /*
        |--------------------------------------------------------------------------
        | LEFT PANEL
        |--------------------------------------------------------------------------
        */

        .left-panel {

            background:
                linear-gradient(135deg,
                    #2e7d32,
                    #09220b);

            color: #fff;

            padding: 60px 45px;

            position: relative;

            height: 100%;
        }

        .left-panel::before {

            content: '';

            position: absolute;

            width: 280px;
            height: 280px;

            background: rgba(255, 255, 255, .08);

            border-radius: 50%;

            top: -120px;
            right: -80px;
        }

        .left-panel::after {

            content: '';

            position: absolute;

            width: 180px;
            height: 180px;

            background: rgba(255, 255, 255, .06);

            border-radius: 50%;

            bottom: -60px;
            left: -60px;
        }

        .brand-icon {

            width: 85px;
            height: 85px;

            border-radius: 24px;

            background: rgba(255, 255, 255, .12);

            display: flex;
            align-items: center;
            justify-content: center;

            font-size: 34px;

            margin-bottom: 30px;

            backdrop-filter: blur(8px);
        }

        .left-title {

            font-size: 38px;
            font-weight: 800;

            line-height: 1.2;

            margin-bottom: 18px;
        }

        .left-text {

            opacity: .85;

            line-height: 1.8;

            margin-bottom: 40px;
        }

        .feature-box {

            background: rgba(255, 255, 255, .10);

            border-radius: 18px;

            padding: 18px;

            margin-bottom: 18px;

            backdrop-filter: blur(10px);

            border: 1px solid rgba(255, 255, 255, .08);
        }

        .feature-box i {

            font-size: 20px;
        }

        /*
        |--------------------------------------------------------------------------
        | RIGHT PANEL
        |--------------------------------------------------------------------------
        */

        .right-panel {

            padding: 55px;
        }

        .page-title {

            font-size: 34px;

            font-weight: 800;

            color: #111827;

            margin-bottom: 10px;
        }

        .page-subtitle {

            color: #6b7280;

            margin-bottom: 35px;
        }

        /*
        |--------------------------------------------------------------------------
        | SEARCH OPTION
        |--------------------------------------------------------------------------
        */

        .search-option {

            background: #f8fafc;

            border: 1px solid #e5e7eb;

            border-radius: 16px;

            padding: 14px 18px;

            margin-bottom: 25px;
        }

        .form-check-input {

            cursor: pointer;
        }

        .form-check-label {

            cursor: pointer;

            font-weight: 500;
        }

        /*
        |--------------------------------------------------------------------------
        | SEARCH BOX
        |--------------------------------------------------------------------------
        */

        .search-wrapper {

            background: #f8fafc;

            border: 1px solid #e5e7eb;

            border-radius: 20px;

            padding: 8px;

            transition: .3s;
        }

        .search-wrapper:focus-within {

            border-color: #0d6efd;

            box-shadow:
                0 0 0 4px rgba(13, 110, 253, .10);
        }

        .search-input {

            border: 0 !important;

            background: transparent !important;

            height: 60px;

            font-size: 16px;
        }

        .search-input:focus {

            box-shadow: none !important;
        }

        .verify-btn {

            height: 60px;

            border-radius: 16px;

            padding: 0 28px;

            font-weight: 600;
        }

        /*
        |--------------------------------------------------------------------------
        | RESULT CARD
        |--------------------------------------------------------------------------
        */

        .result-card {

            border: 0;

            border-radius: 24px;

            overflow: hidden;

            box-shadow:
                0 10px 30px rgba(0, 0, 0, .06);
        }

        .license-avatar {

            width: 90px;
            height: 90px;

            border-radius: 22px;

            background:
                linear-gradient(135deg,
                    #0d6efd,
                    #0050d8);

            color: #fff;

            display: flex;
            align-items: center;
            justify-content: center;

            font-size: 34px;
        }

        .info-box {

            background: #f8fafc;

            border-radius: 18px;

            padding: 18px;
        }

        .info-title {

            color: #6b7280;

            font-size: 13px;

            margin-bottom: 6px;
        }

        .info-value {

            font-weight: 600;

            color: #111827;
        }

        .status-badge {

            padding: 10px 18px;

            border-radius: 30px;

            font-size: 13px;

            font-weight: 600;
        }

        .delivery-alert {

            border-radius: 18px;

            padding: 18px;
        }

        .footer {

            padding: 25px 0;

            color: #6b7280;
        }

        @media(max-width:991px) {

            .left-panel {

                padding: 40px 30px;
            }

            .right-panel {

                padding: 35px 25px;
            }

            .page-title {

                font-size: 28px;
            }

            .left-title {

                font-size: 30px;
            }
        }