<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Agent Line Customer Service</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
        body { background: #f1f2f5; font-family: 'Inter', sans-serif; margin: 0 auto; max-width: 480px; color: #333; }
        
        .header-banner { background: linear-gradient(135deg, #ff6c6b, #ff4a4a); padding: 15px 15px 30px; position: relative;}
        .header-top { display: flex; align-items: center; color: white; font-size: 16px; font-weight: 700; justify-content: center;}
        .btn-back { position: absolute; left: 15px; cursor: pointer;}
        
        .banner-img-box { display: flex; justify-content: center; margin-top: 20px;}
        .banner-img-box img { width: 150px; height: auto;}

        .card-list { background: #fff; margin: -15px 15px 15px; border-radius: 12px; position: relative; z-index: 2; box-shadow: 0 4px 12px rgba(0,0,0,0.05); padding: 5px 0;}
        .c-item { display: flex; justify-content: space-between; align-items: center; padding: 18px 20px; font-weight: 600; font-size: 14px; text-decoration: none; color: #333;}
        .c-item i.fa-telegram { color: #0088cc; font-size: 24px; margin-right: 12px; vertical-align: middle;}
        .c-item i.fa-chevron-right { color: #ccc; font-size: 14px;}
    </style>
</head>
<body>
    <div class="header-banner">
        <div class="header-top">
            <i class="fas fa-chevron-left btn-back" onclick="history.back()"></i>
            Agent line customer service
        </div>
        <div class="banner-img-box">
            <img src="https://cdn3d.iconscout.com/3d/premium/thumb/customer-service-girl-4886658-4071738.png" alt="Support">
        </div>
    </div>

    <div class="card-list">
        <a href="#" class="c-item">
            <div><i class="fab fa-telegram"></i> Telegram</div>
            <i class="fas fa-chevron-right"></i>
        </a>
    </div>
</body>
</html>