* {box-sizing: border-box;margin: 0;padding: 0;}body, html {height: 100%;width: 100%;font-family: 'Poetsen One', sans-serif;}.login-page {height: 100vh;display: flex;align-items: center;justify-content: center;background: url('../assets/images/bg1.png') no-repeat center center;background-size: cover;padding: 0 15px;overflow: hidden;}.login-box {background-color: rgba(0, 0, 0, 0.65);backdrop-filter: blur(10px);border: 2px solid rgba(128, 0, 255, 0.6);border-radius: 20px;padding: 40px 30px;width: 100%;max-width: 400px;box-shadow: 0 0 20px rgba(128, 0, 255, 0.4);text-align: center;color: #fff;}.login-box h2 {font-family: 'Poetsen One', sans-serif;font-size: 28px;color: #fff;margin-bottom: 25px;}.input-group {position: relative;margin-bottom: 20px;}.input-group input {width: 100%;padding: 12px 45px 12px 15px;border-radius: 10px;border: none;background: rgba(255, 255, 255, 0.9);font-size: 16px;}.input-group .icon {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);font-size: 20px;color: #8000ff;}button[type=submit] {width: 100%;background-color: #8000ff;color: #fff;font-weight: 700;border: none;padding: 12px;border-radius: 10px;cursor: pointer;transition: background 0.3s;}button[type=submit]:hover {background-color: #6600cc;}.links {margin-top: 15px;display: flex;justify-content: space-between;font-size: 14px;color: #fff;}.register {margin-top: 15px;color: #fff;font-size: 14px;}a {color: #d7bfff;text-decoration: none;}.error {background-color: #f8d7da;color: #721c24;border-left: 4px solid #dc3545;padding: 10px 15px;margin: 15px 0;border-radius: 5px;}.success {background-color: #d4edda;color: #155724;border-left: 4px solid #28a745;padding: 10px 15px;margin: 15px 0;border-radius: 5px;}@media (max-width: 768px) {.login-box {padding: 30px 20px;max-width: 320px;border-radius: 15px;box-shadow: 0 0 15px rgba(128, 0, 255, 0.3);}.login-box h2 {font-size: 24px;}.input-group input {padding: 10px 40px 10px 12px;font-size: 14px;}button[type=submit] {padding: 10px;font-size: 16px;}.links {flex-direction: column;gap: 10px;font-size: 12px;}.register {font-size: 12px;}}