body {
     background-image: url('../images/login-bg.jpg');
     background-size: cover;
     background-position: center center;
     background-attachment: fixed;
     background-repeat: no-repeat;
     min-height: 100vh;
     padding: 20px;
     font-family: Arial, sans-serif;
     position: relative;
 }

 body::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.4);
     z-index: 0;
 }

 .container {
     position: relative;
     z-index: 1;
 }

 .main-container {
     background-color: rgba(255, 255, 255, 0.85);
     border-radius: 8px;
     box-shadow: 0 4px 22px rgba(0, 0, 0, 0.2);
     max-width: 800px;
     margin: 30px auto;
     padding: 0;
     overflow: hidden;
     backdrop-filter: blur(5px);
 }

 .header {
     background-color: rgba(255, 255, 255, 0.9);
     padding: 20px 20px;
     border-bottom: 1px solid #eee;
     text-align: center;
 }

 .header h1 {
     margin: 0;
     font-size: 24px;
     font-weight: bold;
     color: #333;
     text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 }

 .content {
     padding: 40px 20px;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .welcome-message {
     padding: 20px;
     background-color: rgba(249, 249, 249, 0.8);
     border-bottom: 1px solid #eee;
     text-align: center;
 }

 .fb-login-button {
     background-color: #4267B2;
     color: white;
     border: none;
     border-radius: 4px;
     padding: 12px 24px;
     font-weight: 600;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     font-size: 16px;
     text-decoration: none;
     min-width: 300px;
     transition: all 0.3s;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 }

 .fb-login-button:hover {
     background-color: #365899;
     color: white;
     transform: translateY(-2px);
     box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
 }

 .fb-icon {
     width: 24px;
     height: 24px;
 }

 .quote-text {
     color: white;
     text-align: center;
     font-size: 28px;
     font-style: italic;
     text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
     margin-top: 50px;
     line-height: 1.6;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }