*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#07111f,#102a43,#07111f);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;font-family:Poppins,sans-serif;display:flex}.registration{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:24px;width:100%;max-width:550px;padding:40px;box-shadow:0 25px 60px #00000073}.registration h1{text-align:center;margin-bottom:8px;font-size:36px;font-weight:700}.registration>p{text-align:center;color:#b8c5d6;margin-bottom:35px;font-size:15px}.registration form{flex-direction:column;gap:10px;display:flex}.registration label{margin-top:10px;font-size:15px;font-weight:500}.registration input{color:#fff;background:#00000040;border:1px solid #fff3;border-radius:10px;outline:none;width:100%;padding:15px 16px;font-family:inherit;font-size:15px;transition:all .3s}.registration input::placeholder{color:#8d9aaa}.registration input:focus{border-color:#00d9ff;box-shadow:0 0 0 3px #00d9ff1f}.registration button{color:#041019;cursor:pointer;background:linear-gradient(90deg,#00a8cc,#00d9ff);border:none;border-radius:10px;margin-top:25px;padding:15px;font-family:inherit;font-size:17px;font-weight:700;transition:all .3s}.registration button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00d9ff40}@media (width<=768px){body{padding:30px 15px}.registration{max-width:500px;padding:32px}.registration h1{font-size:30px}}@media (width<=500px){body{align-items:flex-start;padding:20px 12px}.registration{border-radius:18px;margin-top:20px;padding:25px 20px}.registration h1{font-size:26px}.registration>p{margin-bottom:25px;font-size:14px}.registration label{font-size:14px}.registration input{padding:13px;font-size:14px}.registration button{padding:14px;font-size:16px}}@media (width<=350px){body{padding:15px 8px}.registration{padding:22px 15px}.registration h1{font-size:23px}.registration input{padding:12px}}