*{box-sizing:border-box}
body{margin:0;background:#050505;color:#fff;font-family:Arial,Helvetica,sans-serif}
a{color:#2d73d9;text-decoration:none}
.topnav{height:82px;border-bottom:1px solid #1f1f1f;display:flex;align-items:center;justify-content:space-between;padding:0 52px;background:#080808}
.logo{font-size:30px;font-weight:900;letter-spacing:2px;color:#2d73d9}
.logo span{color:#fff}
.navlinks{display:flex;gap:26px;align-items:center}
.navlinks a{color:#fff;font-weight:700}
.navlinks .btn,.btn-primary{background:#205cc9;color:#fff;padding:14px 26px;border-radius:6px;border:0}
.auth-wrap{min-height:calc(100vh - 82px);display:flex;align-items:center;justify-content:center}
.auth-card{width:430px;background:#101010;border:1px solid #2a2a2a;border-radius:10px;padding:38px}
.auth-card h1{text-align:center;margin:0 0 15px}
.form-group{margin-bottom:18px}
label{display:block;color:#aaa;margin-bottom:8px;font-size:13px;letter-spacing:1px}
input{width:100%;background:#141414;border:1px solid #333;color:#fff;padding:15px;border-radius:6px}
button{cursor:pointer}
.btn-full{width:100%;padding:15px;margin-top:12px;background:#205cc9;color:#fff;border:0;border-radius:6px;font-weight:700}
.center{text-align:center;color:#aaa;margin-top:22px}
.hero{min-height:calc(100vh - 82px);display:flex;align-items:center;justify-content:center;text-align:center;padding:40px}
.hero h1{font-size:58px;line-height:1.15;margin:0}
.hero h1 span{color:#1f6fe5}
.hero p{color:#bfbfbf;font-size:22px;line-height:1.6}
.hero-actions{margin-top:36px;display:flex;gap:22px;justify-content:center}
.btn-outline{padding:15px 34px;border:1px solid #555;border-radius:6px;color:#fff}