body{margin:0;height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.alert-box{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 10px #0002;text-align:center;width:90%;max-width:600px;margin:0 1rem}.title{font-size:1.5rem;margin-bottom:1rem}.notice{font-size:.9rem;font-weight:400;margin:.5rem 0}.message{margin:1.5rem 0;font-size:1.2rem}.message.success{color:#4caf50}.message.error{color:#f44336}.bordered-box{border:1px solid #ddd;padding:1rem;border-radius:5px;margin:1rem 0}.links{list-style:none;padding:0;margin:.5rem 0}.links li{margin:.5rem 0}.links a{color:#666;text-decoration:none;padding:.5rem;display:inline-block}.links a:hover{color:#333;text-decoration:underline}.form-group{text-align:left;margin:1rem 0;position:relative}.form-group label{display:block;margin-bottom:.5rem;color:#555}.form-group input{width:100%;padding:.6rem;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:1rem}.btn{background:#f5f5f5;color:#333;border:1px solid #ddd;padding:.8rem 1.5rem;border-radius:5px;cursor:pointer;font-size:1rem;text-decoration:none;display:inline-block}.btn:hover{background:#e9e9e9}@media(max-width:480px){.alert-box{padding:1.5rem}.title{font-size:1.2rem}.message{font-size:1rem}}