.bg-dots-darker{background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22676 0C1.91374 0 2.45351 0.539773 2.45351 1.22676C2.45351 1.91374 1.91374 2.45351 1.22676 2.45351C0.539773 2.45351 0 1.91374 0 1.22676C0 0.539773 0.539773 0 1.22676 0Z' fill='rgba(0,0,0,0.07)'/%3E%3C/svg%3E")}@media (prefers-color-scheme: dark){.dark\:bg-dots-lighter{background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22676 0C1.91374 0 2.45351 0.539773 2.45351 1.22676C2.45351 1.91374 1.91374 2.45351 1.22676 2.45351C0.539773 2.45351 0 1.91374 0 1.22676C0 0.539773 0.539773 0 1.22676 0Z' fill='rgba(255,255,255,0.07)'/%3E%3C/svg%3E")}}.login-container{max-width:400px;margin:2rem auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;text-align:center}.login-container h1{margin-bottom:1.5rem;color:#333}.login-container input[type=text]{width:100%;padding:.5rem;margin-bottom:1rem;border:1px solid #ddd;border-radius:4px}.login-container button{width:100%;padding:.5rem;margin-bottom:.5rem;border:none;border-radius:4px;background-color:#007bff;color:#000;cursor:pointer}.login-container button:hover{background-color:#0056b3}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:1rem}.pin-pad button{padding:.75rem;border:1px solid #ddd;border-radius:4px;background-color:#f8f8f8;cursor:pointer;transition:background-color .2s}.pin-pad button:hover{background-color:#e8e8e8}.circle-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:20px}.circle{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background-color:#007bff;color:#fff;font-size:20px;cursor:pointer}