Template Login Page Hotspot Mikrotik Responsive May 2026

.login-btn i font-size: 1.2rem; transition: transform 0.2s;

.input-group input:focus border-color: #2D6A4F; box-shadow: 0 0 0 3px rgba(45, 106, 79, 0.2);

/* brand / header */ .brand text-align: center; margin-bottom: 28px; animation: fadeSlideDown 0.5s ease-out;

/* subtle pattern overlay */ body::before content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: radial-gradient(rgba(255,255,255,0.08) 1px, transparent 1px); background-size: 30px 30px; pointer-events: none;