body{font-family:Poppins,Arial,sans-serif;background:linear-gradient(135deg,#1d0f2a,#3a0066);margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh;color:#fff}.App{background:#ffffff1a;padding:30px;border-radius:12px;box-shadow:0 10px 30px #0000004d;width:350px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}h1{font-size:2.5rem;color:plum;text-align:center;margin-bottom:20px;font-weight:700;letter-spacing:1px;text-shadow:0 0 15px rgba(221,160,221,.8)}input[type=text],.input{width:92%;padding:12px;margin-bottom:15px;border:none;border-radius:6px;background:#ffffff26;color:#fff;outline:none;transition:.3s ease;font-size:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}select{width:100%;padding:12px;margin-bottom:15px;border:none;border-radius:6px;background:#ffffff26;color:#fff;outline:none;transition:.3s ease;font-size:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}input::placeholder,select{color:#ccc}input:focus,select:focus{background:#ffffff40;border:1px solid #ba55d3}label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:plum}button{background:linear-gradient(135deg,#6a0dad,#8a2be2);color:#fff;padding:12px 20px;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;transition:.3s ease;width:100%;box-shadow:0 0 15px #8a2be280;text-transform:uppercase;letter-spacing:1px}button:hover{background:linear-gradient(135deg,#8a2be2,#a020f0);transform:scale(1.05);box-shadow:0 0 20px #a020f0cc}@media (max-width: 400px){.App{width:90%}}