.login-container{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-width:900px;width:90%;margin:20px auto;text-align:center;display:flex;flex-direction:column;align-items:center}.login-container h2{margin-bottom:20px;color:#333;font-size:28px}.form-group{margin-bottom:20px;text-align:left;width:100%;max-width:600px;padding:10px;background-color:#f9f9f9;border-radius:6px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.form-group label{display:block;margin-bottom:8px;color:#555;font-weight:700;font-size:18px}.login-button{padding:8px 16px;background-color:#007bff;border:none;border-radius:6px;color:#fff;font-size:14px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;margin-top:10px}.login-button:hover{background-color:#0056b3;transform:translateY(-2px)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background-color:#fff;padding:20px 30px;border-radius:12px;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,.2);max-width:600px;width:100%;animation:fadeIn .3s ease-in-out}.form-group ul{list-style-type:none;padding:0;margin:0}.form-group li{margin-bottom:8px;font-size:16px;line-height:1.5;color:#444}a.special{color:#000!important;background-color:#d3d3d3!important;padding:5px 10px!important;text-decoration:none!important;border-radius:4px!important}.name{font-size:16px;font-weight:700;margin:5px 0;display:flex;align-items:center;gap:8px}.arkPassive-image{width:20px;height:20px;vertical-align:middle;border:none;outline:none;-webkit-user-drag:none;user-select:none}.image-container{display:flex;gap:10px;justify-content:center;align-items:center;margin:10px 0}.web-image{width:50%;height:auto}.mobile-image{width:30%;height:auto}@media (max-width:600px){.login-container{padding:15px}.form-group{padding:8px}.modal-content{padding:15px 20px}}