*{box-sizing:border-box}
body{margin:0;padding:32px 12px;background:#07111f url('images/ZenithPortalBackground.png') center top/cover fixed no-repeat;color:#ead7a3;font-family:Georgia,'Times New Roman',serif;line-height:1.5}
main{width:min(100%,680px);margin:auto;padding:32px 40px;background:linear-gradient(rgba(7,24,45,.97),rgba(3,14,29,.98));border:2px solid #b9852e;box-shadow:0 0 0 3px #102d50,0 18px 60px #000}
.logo{display:block;width:230px;max-width:80%;margin:auto}
h1,h2,h3{color:#f0d28a;line-height:1.2}h1{text-align:center;font-size:27px}h2{font-size:22px}h3{font-size:19px}
a{color:#f0d28a}section{padding:16px;margin:20px 0;border:1px solid #9d762f;background:rgba(5,20,38,.9)}
label{display:block;margin:12px 0}input,select{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid #b9852e;background:#09182a;color:#fff;font:inherit}
button{padding:10px 18px;margin:10px 0;border:1px solid #d3a34b;background:linear-gradient(#315b88,#102b4a);color:#f5d88d;font:inherit;cursor:pointer}button:hover{background:linear-gradient(#477bb0,#173c66)}
summary{cursor:pointer;padding:12px 0}details{margin-top:12px}.hint{font-size:14px}.error,.success{padding:12px;border:1px solid currentColor}.error{color:#ff9690}.success{color:#70dc8a}
:focus-visible{outline:2px solid #f0d28a;outline-offset:3px}
@media(max-width:600px){main{padding:24px 18px}section{padding:12px}button{width:100%}}