*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0%,#172235 0%,#0b1018 35%,#05070a 75%);color:#eee;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none}.navbar{height:72px;background:rgba(3,6,10,.97);border-bottom:1px solid #8d6722;display:flex;align-items:center;justify-content:space-between;padding:0 8%}.brand{color:#e5b84f;font-family:Georgia,serif;font-size:22px;font-weight:bold;letter-spacing:2px}.navlinks{display:flex;gap:28px}.navlinks a{color:#bfc5ce;font-size:12px;font-weight:bold;letter-spacing:1px}.navlinks a:hover{color:#e5b84f}.page{min-height:calc(100vh - 72px);display:flex;justify-content:center;align-items:center;padding:60px 20px}.register-wrap{width:100%;max-width:470px}.logo{text-align:center;margin-bottom:25px}.logo img{width:330px;max-width:90%}.box{background:linear-gradient(145deg,#111824,#080c12);border:1px solid #3a3427;box-shadow:0 25px 60px rgba(0,0,0,.45);padding:35px}h1{margin:0;text-align:center;color:#e5b84f;font-family:Georgia,serif;font-size:30px;letter-spacing:2px}.sub{text-align:center;color:#798596;margin:10px 0 28px;font-size:12px;letter-spacing:3px}label{display:block;margin-top:14px;margin-bottom:7px;color:#aab3bf;font-size:11px;font-weight:bold;letter-spacing:1px}input{width:100%;padding:14px;background:#070b11;border:1px solid #333d4a;color:white;outline:none;font-size:14px}input:focus{border-color:#b98932;box-shadow:0 0 0 1px rgba(185,137,50,.25)}button{width:100%;margin-top:24px;padding:15px;border:1px solid #e1b35b;background:linear-gradient(#c49132,#8d6420);color:white;font-weight:bold;cursor:pointer;letter-spacing:1px}button:hover{filter:brightness(1.1)}.msg{margin-bottom:20px;padding:13px 15px;background:#381b1b;border:1px solid #733737;color:#ffaaaa;font-size:13px;line-height:1.5}.msg.success{background:#102c1d;border-color:#245f3f;color:#67e399}.help{margin-top:18px;text-align:center;color:#707b89;font-size:12px;line-height:1.6}.back{display:block;margin-top:18px;text-align:center;color:#c89538;font-size:12px;font-weight:bold}.back:hover{color:#e5b84f}@media(max-width:650px){.navbar{padding:0 18px}.brand{font-size:16px}.navlinks{gap:12px}.navlinks a{font-size:9px}.box{padding:25px}}