body,html{margin:0;padding:0;font-family:Times New Roman,Times,serif;background:linear-gradient(135deg,#143159,#03080f);color:#fff;min-height:100vh;overflow:hidden}a{text-decoration:none;color:inherit}.navbar{background-color:rgba(0,0,0,.7);padding:10px 20px}.navbar-container{display:flex;justify-content:space-between;align-items:center}.navbar-logo{font-size:24px;color:#fff;text-decoration:none}.navbar-menu{display:flex;gap:15px}.navbar-item{color:#fff;text-decoration:none;font-size:18px}.container{display:flex;justify-content:center;align-items:center;min-height:100vh}.content{max-width:800px;width:100%;padding:40px;text-align:center;border:1px solid #ccc;border-radius:10px;background-color:rgba(0,0,0,.5)}.form-group{margin-bottom:10px;width:100%;max-width:300px}.error-message{color:red;font-size:14px;margin-top:5px;text-align:center;width:100%}button{margin-top:10px;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:16px;width:100%;max-width:300px}button:disabled{opacity:.5;cursor:not-allowed}.modal{display:flex;justify-content:center;align-items:center;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fefefe;padding:20px;border:1px solid #888;width:80%;max-width:500px;border-radius:10px}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}