*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 40%,#55218066,transparent 60%),#08050e;color:#f5eafd;font-family:Arial,sans-serif}header{display:flex;justify-content:space-between;padding:28px 6%;color:#c99aee;font-size:11px;letter-spacing:2px}header a{color:#e2baff;text-decoration:none}main{display:grid;place-items:center;padding:30px 16px 70px}.login{width:min(100%,520px);padding:35px;border:1px solid #a86de0;border-radius:18px;background:linear-gradient(150deg,#241333,#100a19);box-shadow:0 0 70px #8e3ec84d;text-align:center}.login img{width:100%;max-height:190px;object-fit:contain;filter:drop-shadow(0 0 15px #ab57e9)}small{color:#c796ee;letter-spacing:3px;font-weight:bold}h1{font-size:30px}em{font-style:normal;color:#ddaaff;text-shadow:0 0 20px #b15cff}p{color:#bca6ce;line-height:1.6}label{display:block;text-align:left;color:#d8b8ec;font-size:12px;letter-spacing:1px;font-weight:bold;margin-top:18px}input{display:block;width:100%;margin-top:8px;padding:15px;border:1px solid #78529b;border-radius:8px;background:#0c0715;color:white;font:inherit}input:focus{outline:2px solid #ae66e3}button{width:100%;padding:17px;margin-top:24px;background:linear-gradient(90deg,#6d2ca6,#b368e6);color:white;border:1px solid #f0c2ff;border-radius:8px;box-shadow:0 0 20px #9c47d27d;letter-spacing:2px;font-weight:bold;cursor:pointer}button:disabled{opacity:.5}#message{min-height:20px;color:#ffc4d1;font-size:13px}footer{border-top:1px solid #68448655;padding-top:18px;color:#9f8aad;font-size:11px}