.guide-hero {
        background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%);
        border-radius: 10px;
        padding: 3rem 2rem;
        margin-bottom: 2rem;
    }
    .guide-card {
        background: white;
        border-radius: 20px;
        box-shadow: 0 10px 40px rgba(0,0,0,0.08);
        overflow: hidden;
        height: 100%;
        transition: all 0.3s ease;
    }
    .guide-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 50px rgba(0,0,0,0.12);
    }
    .guide-card-header {
        padding: 1.5rem;
    }
    .guide-card-body {
        padding: 1.5rem;
    }
    .can-header {
        background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    }
    .cannot-header {
        background: linear-gradient(135deg, #dc3545 0%, #e83e8c 100%);
    }
    .check-item {
        display: flex;
        align-items: flex-start;
        margin-bottom: 1rem;
    }
    .check-icon {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 0.75rem;
        flex-shrink: 0;
    }
    .check-icon-green {
        background: #d4edda;
    }
    .check-icon-red {
        background: #f8d7da;
    }
    .script-box {
        border-radius: 12px;
        padding: 1rem 1.25rem;
    }
    .script-box-green {
        background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
    }
    .script-box-red {
        background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
    }
    .quick-answer {
        background: linear-gradient(135deg, #fff3cd 0%, #ffeeba 100%);
        border-radius: 10px;
        padding: 1rem 1.5rem;
        margin-bottom: 1.5rem;
    }
    .tip-card {
        background: #f8f9fa;
        border-radius: 15px;
        padding: 1.5rem;
        margin-bottom: 1rem;
        transition: all 0.3s ease;
    }
    .tip-card:hover {
        background: white;
        box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    }
    .tip-icon {
        width: 45px;
        height: 45px;
        background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%);
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        margin-right: 1rem;
        flex-shrink: 0;
    }
    .cta-section {
        background: linear-gradient(135deg, #0f1f7a 0%, #0056b3 100%);
        border-radius: 10px;
        padding: 3rem 2rem;
    }
    .asa-hero-subtitle-max {
        max-width: 800px;
    }
    .asa-guide-header-icon {
        width: 50px;
        height: 50px;
        background: rgba(255,255,255,0.2);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .asa-icon-sm {
        font-size: 0.7rem;
    }