.content-wrapper { flex: 1; padding: 40px 20px; max-width: 1100px; margin: 0 auto; width: 100%; }

        .glass-card {
            background: rgba(255, 255, 255, 0.9);
            border-radius: 16px; padding: 40px; margin-bottom: 30px;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
            max-width: 700px; margin-left: auto; margin-right: auto;

            opacity: 0;
            transform: translateY(40px);
            transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .glass-card.animate {
            opacity: 1;
            transform: translateY(0);
        }

        .glass-card:hover {
            transform: translateY(-8px) scale(1.02);
            box-shadow: 0 20px 40px rgba(0,0,0,0.25) !important;
        }

        h1 { color: #0a3c64; text-align: center; margin-bottom: 20px; font-size: 32px; }
        h2 { color: #1976d2; margin-bottom: 15px; font-size: 24px; }
        p { color: #455a64; line-height: 1.7; font-size: 16px; margin-bottom: 15px; }

        .steps-list {
            list-style: none;
            padding: 0;
            counter-reset: step-counter;
        }
        .steps-list li {
            position: relative;
            padding-left: 50px;
            margin-bottom: 25px;

            opacity: 0;
            transform: translateX(-30px);
            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .steps-list li.animate {
            opacity: 1;
            transform: translateX(0);
        }

        .steps-list li:nth-child(1) { transition-delay: 0.1s; }
        .steps-list li:nth-child(2) { transition-delay: 0.2s; }
        .steps-list li:nth-child(3) { transition-delay: 0.3s; }

        .steps-list li::before {
            counter-increment: step-counter;
            content: counter(step-counter);
            position: absolute;
            left: 0;
            top: 0;
            width: 36px;
            height: 36px;
            background: #1976d2;
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size: 18px;
            transition: all 0.3s ease;
        }

        .steps-list li.animate::before {
            transform: scale(1.1);
        }

        .steps-list strong {
            display: block;
            color: #0a3c64;
            font-size: 18px;
            margin-bottom: 5px;
        }

        .warning-box {
            background: #fff3cd;
            border: 1px solid #ffeeba;
            color: #856404;
            padding: 20px;
            border-radius: 8px;
            text-align: center;
            font-weight: 500;
        }
        .btn-main {
            display: inline-block; padding: 15px 35px;
            background: white; color: #0a3c64; font-weight: 700;
            border-radius: 8px; text-decoration: none; font-size: 16px;
            transition: transform 0.2s, box-shadow 0.2s;
            position: relative; overflow: hidden;
        }
        .btn-main::before {
            content: ''; position: absolute; top: 0; left: -100%;
            width: 100%; height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
            transition: left 0.6s;
        }
        .btn-main:hover::before { left: 100%; }
        .btn-main:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.3);
        }

        @media (max-width: 768px) {
            .glass-card { padding: 25px 20px; }
            h1 { font-size: 28px; }
            h2 { font-size: 22px; }
            .steps-list li { padding-left: 40px; }
            .steps-list li::before { width: 32px; height: 32px; font-size: 16px; }
        }

.center-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 300px;
}

.center-card .btn-main {
    margin-top: 15px;
}