Interactive Glowing CTA Pulse Form

<!--
  Author: @codepeek
  License: MIT
  Tags: #buttons #css #interface #opensource #codepeek
-->
<form class="pulse-cta-card" onsubmit="return false;"><h4>Account Login</h4><input type="text" placeholder="Username"><input type="password" placeholder="Password"><div class="glow-btn-wrap"><button type="submit">Log In Now</button><div class="glow-layer"></div></div></form>

/*
 * Author: @codepeek
 * License: MIT
 * Tags: #buttons #css #interface #opensource #codepeek
 */

.pulse-cta-card { width: 200px; background: #0f172a; border-radius: 14px; padding: 18px; font-family: system-ui, sans-serif; text-align: center; color: #fff; margin: auto; box-sizing: border-box; }
.pulse-cta-card h4 { margin: 0 0 12px; font-size: 12px; font-weight: 800; }
.pulse-cta-card input { width: 100%; background: #1e293b; border: 1px solid #334155; border-radius: 6px; padding: 6px 8px; font-size: 8px; color: #fff; outline: none; margin-bottom: 8px; box-sizing: border-box; }
.glow-btn-wrap { position: relative; margin-top: 6px; }
.glow-btn-wrap button { position: relative; z-index: 2; width: 100%; background: #6366f1; color: #fff; border: none; border-radius: 6px; padding: 8px; font-size: 8px; font-weight: 800; cursor: pointer; }
.glow-layer { position: absolute; inset: 0; background: #6366f1; border-radius: 6px; filter: blur(8px); opacity: 0.7; z-index: 1; animation: ambientPulse 2s infinite alternate; }
@keyframes ambientPulse { 0% { transform: scale(0.95); opacity: 0.5; } 100% { transform: scale(1.05); opacity: 0.9; } }