body{font-family:Arial,sans-serif;background-color:#f0f0f0;display:flex;justify-content:center;align-items:center;height:100vh}.container{width:60%;max-width:500px;padding:20px;background-color:#fff;border:1px solid #28a745;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:left}.logo-container{text-align:left;margin-bottom:15px}.logo{width:120px;height:auto}.signin-box{border:2px solid #28a745;border-radius:5px;padding:15px;background-color:#f8f9fa;display:flex;flex-direction:column;align-items:flex-start}.signin-title{font-size:16px;font-weight:700;color:#28a745;display:flex;align-items:center}.signin-title img{width:20px;height:20px;margin-right:8px}.signin-description{font-size:14px;color:#333;margin-top:5px}.input-label{font-size:14px;font-weight:700;margin-top:10px}.input-field{padding:8px;margin-top:5px;border:1px solid #ccc;border-radius:5px;text-align:center}.button,.input-field{width:95%;font-size:14px;box-sizing:border-box}.button{background-color:#007bff;color:#fff;border:none;padding:10px;margin-top:15px;cursor:pointer;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:10px}.button:hover{background-color:#0056b3}.spinner{display:none;width:16px;height:16px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.footer{margin-top:10px;font-size:12px;color:#666}.footer,.toast{text-align:center}.toast{visibility:hidden;min-width:250px;background-color:#333;color:#fff;padding:15px;position:fixed;z-index:1;left:50%;top:30px;transform:translateX(-50%);border-radius:5px}.toast.show{visibility:visible;animation:fadeIn .5s,fadeOut .5s 4s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.code-container{display:flex;justify-content:center;align-items:center;margin-top:10px}.code{font-size:20px;font-weight:700;color:#333;margin-right:8px}.copy-icon{width:20px;height:20px;cursor:pointer}