*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,sans-serif}
body{min-height:100vh;background:#020617;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow-x:hidden}
body::before{content:'';position:fixed;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(0,212,255,.08),transparent 60%),radial-gradient(circle at 80% 20%,rgba(255,0,255,.06),transparent 40%);pointer-events:none}
.register-card{background:#0f172a;border:1px solid rgba(0,212,255,.2);border-radius:18px;width:100%;max-width:460px;padding:40px 32px;box-shadow:0 0 60px rgba(0,212,255,.1);position:relative;z-index:10}
.logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:30px;color:#fff;font-size:20px;font-weight:600}
.logo svg{width:26px;height:26px;color:#00d4ff}
.title{text-align:center;color:#f1f5f9;font-size:24px;margin-bottom:8px}
.desc{text-align:center;color:#94a3b8;font-size:14px;margin-bottom:24px}
.msg{display:none;background:rgba(255,60,60,.1);color:#ff4c4c;padding:10px 14px;border-radius:8px;margin-bottom:16px;text-align:center}
.form-group{margin-bottom:20px}
.form-group label{display:block;color:#cbd5e1;font-size:14px;margin-bottom:8px}
.form-group input{width:100%;padding:14px 16px;background:rgba(30,41,59,.6);border:1px solid rgba(0,212,255,.2);border-radius:10px;color:#fff;font-size:15px;outline:none;transition:.2s}
.form-group input:focus{border-color:#00d4ff;box-shadow:0 0 0 3px rgba(0,212,255,.15)}
.btn{width:100%;padding:15px;background:linear-gradient(90deg,#00d4ff,#ff00ff);border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:.2s;margin-top:10px}
.btn:hover{opacity:.9}
.btn:disabled{opacity:.5}
.link-group{text-align:center;margin-top:24px;color:#94a3b8;font-size:14px}
.link-group a{color:#00d4ff}
.back-home{display:block;text-align:center;margin-top:20px;color:#64748b;font-size:13px}