#login-wrapper{background-color:#c8e8c0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Ccircle cx='10' cy='10' r='2' fill='%23a8d8a0' opacity='0.6'/%3E%3C/svg%3E");background-repeat:repeat;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Tahoma,Geneva,Verdana,sans-serif;display:flex}#login-box{text-align:center;background:#f5fff5;border:3px solid #3a8a3a;border-radius:4px;width:320px;padding:28px 32px;position:relative;box-shadow:4px 4px #3a8a3a40}#login-box h1{color:#2a6a2a;margin-top:8px;font-family:Comic Sans MS,Chalkboard SE,cursive;font-size:24px}.login-sub{color:#5a8a5a;letter-spacing:1px;margin:4px 0 16px;font-family:Comic Sans MS,cursive;font-size:11px}.login-char{image-rendering:auto;filter:drop-shadow(2px 2px #00000026);width:70px}#login-box form{flex-direction:column;align-items:stretch;gap:8px;display:flex}#login-box input[type=password]{background:#f0fff0;border:2px inset #7ad87a;outline:none;padding:6px 8px;font-family:Tahoma,sans-serif;font-size:12px}#login-box .btn{color:#2a6a2a;cursor:pointer;background:#d0f0d0;border:2px outset #7ad87a;padding:5px 12px;font-family:Comic Sans MS,cursive;font-size:12px}#login-box .btn:hover{background:#b8e8b8}#login-box .btn:active{border-style:inset}.login-error{color:#c02880;margin-top:10px;font-family:Comic Sans MS,cursive;font-size:11px}