body{font-family:'Arial',sans-serif;margin:0;padding:0;background:linear-gradient(135deg,#ff7e5f,#feb47b);height:100vh;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.content{max-width:600px;margin-bottom:30px}.content h1{font-size:3em;margin-bottom:20px}.content p{font-size:1.2em;line-height:1.5;margin-bottom:30px}.logo-header{margin-bottom:20px}.logo{width:150px;height:auto}.login-form{background:rgb(255 255 255 / .1);padding:20px;border-radius:10px;box-shadow:0 0 10px rgb(0 0 0 / .2);width:300px;text-align:center}.login-form h2{margin-bottom:20px}.login-form input{width:calc(100% - 20px);padding:10px;margin:10px 0;border:none;border-radius:5px}.login-form button{width:100%;padding:10px;background:#ff7e5f;border:none;border-radius:5px;cursor:pointer;color:#fff;font-size:1em}.login-form button:hover{background:#feb47b}nav{position:absolute;top:20px;right:40px}nav a{color:#fff;text-decoration:none;margin-left:20px;font-weight:700}nav a:hover{text-decoration:underline}@media (max-width:768px){.container{width:90%}.content h1{font-size:2.5em}.content p{font-size:1em}nav{top:10px;right:20px}nav a{margin-left:10px}}@media (max-width:480px){.content h1{font-size:2em}.content p{font-size:.9em}nav{top:5px;right:10px}nav a{margin-left:5px}}