idth, initial-scale=1.0"> dth, initial-scale=1.0"> body { margin: 0; font-family: Arial, sans-serif; background: #0d0d0d; display: flex; justify-content : center; align-items: center; height: 100vh; color: #fff; } .profile-card { background: #161616; border-radius: 16px; width: 320px; padding: 20px; text-align: center; box-shadow: 0 0 30px rgba(255, 215, 0, 0.15); } .profile-card img { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; border: 3px solid #ffd700; } .profile-card h2 { margin: 15px 0 5px; } .profile-card p { font-size: 14px; color: #ccc; margin-bottom: 20px; } .call-btn { background: #ffd700; color: #000; border: none; padding: 14px 20px; font-size: 16px; font-weight: bold; border-radius: 50px; cursor: pointer; width: 100%; } .call-btn:hover { background: #ffcc00; } /* Modal */ .modal { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.8); justify-content: center; align-items: center; z-index: 999; } .modal-content { background: #000; width: 90%; max-width: 400px; border-radius: 12px; position: relative; padding: 10px; } .modal video { width: 100%; border-radius: 10px; } .close-btn { position: absolute; top: -10px; right: -10px; background: #ffd700; color: #000; border-radius: 50%; width: 30px; height: 30px; border: none; font-weight: bold; cursor: pointer; }