body{margin:0;padding:0;font-family:Segoe UI,Arial,sans-serif;color:#ffffff}.userLogin-page,body{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e)}.userLogin-page{padding:40px;border-radius:16px;justify-content:center;align-items:center;margin:40px auto;gap:40px;max-width:1100px;box-shadow:0 0 40px rgba(0,255,255,.1);animation:fadeInSlideUp 1.2s ease forwards}.userLogin-page h1{font-size:24px;font-weight:700;color:#00ffff}.package{background:linear-gradient(145deg,#141e30,#243b55);padding:30px;min-height:55vh;text-align:center;width:100%;border-radius:16px;color:#00ffff;font-weight:600;font-size:1.1rem;box-shadow:0 0 20px rgba(0,255,255,.2);transition:transform .3s ease-in-out}.package:hover{transform:scale(1.02)}.userLogin-form{background:#0f111a;color:#ffffff;padding:30px;display:flex;flex-direction:column;justify-content:center;min-height:55vh;border-radius:16px;box-shadow:0 0 30px rgba(0,255,255,.15);width:100%;max-width:440px;margin:auto}.userLogin-form input,.userLogin-form select{padding:12px 16px;width:100%;border-radius:8px;border:1px solid #00bcd4;background-color:#161b22;color:#ffffff;margin-bottom:15px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.userLogin-form input:focus,.userLogin-form select:focus{outline:none;border-color:#00ffff;box-shadow:0 0 10px rgba(0,255,255,.6)}.error{color:#ff4d4d;font-weight:700;margin-bottom:10px}.userLogin-form button{padding:12px;width:100%;border-radius:8px;background:linear-gradient(145deg,#00bcd4,#00ffff);color:#000;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:.4s ease}.userLogin-form button:hover{background:#00ffff;box-shadow:0 0 15px rgba(0,255,255,.7);color:#0f111a}.back-button{padding:12px;max-width:300px;margin:30px auto;border-radius:12px;background:transparent;border:2px solid #00ffff;color:#00ffff;font-size:1rem;text-align:center;cursor:pointer;transition:.3s ease-in-out}.back-button:hover{background:#00ffff;color:#000;box-shadow:0 0 10px rgba(0,255,255,.7)}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.userLogin-page{grid-template-columns:1fr;padding:20px}.package{min-height:40vh;padding:20px}.userLogin-form{min-height:auto;width:90%}.back-button,.userLogin-form button,.userLogin-form input,.userLogin-form select{width:100%}}