*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#2f3136;color:#fff}.auth-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#40444b,#202225)}.auth-card{width:420px;background:#36393f;border:1px solid #202225;border-radius:5px;padding:34px;box-shadow:0 18px 60px rgba(0,0,0,.35)}h1{margin:0 0 8px;text-align:center;font-size:26px}.auth-card p{text-align:center;color:#b9bbbe;margin:0 0 25px}label{display:block;color:#b9bbbe;font-size:12px;font-weight:bold;margin:14px 0 6px;text-transform:uppercase}input{width:100%;height:42px;background:#202225;border:1px solid #18191c;color:#dcddde;border-radius:3px;padding:0 12px;font-size:16px}button{width:100%;height:44px;background:#7289da;border:0;color:white;font-weight:bold;border-radius:3px;margin-top:22px;cursor:pointer}button:hover{background:#677bc4}a{display:block;color:#7289da;margin-top:18px;text-decoration:none}.error{background:#a33;color:#fff;padding:10px;border-radius:3px;margin:12px 0}