/* Obfuscated CSS for educational purposes */
*{margin:0;padding:0;box-sizing:border-box}
._0x1a2b3c{font-family:Helvetica,Arial,sans-serif;background-color:#f0f2f5;color:#1c1e21;line-height:1.34}
._0x4d5e6f{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:20px}
._0x7g8h9i{display:flex;flex-direction:column;max-width:500px;width:100%;align-items:center}
._0xj1k2l3{text-align:center;margin-bottom:10px;width:100%}
._0xm4n5o6{font-size:60px;font-weight:bold;color:#1877f2;margin-bottom:10px;font-family:Klavika,Helvetica,Arial,sans-serif;line-height:1}
._0xp7q8r9{font-size:16px;font-weight:normal;line-height:28px;color:#575757;margin-bottom:20px}
._0xs1t2u3{width:100%}
._0xv4w5x6{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.1);padding:20px;margin-bottom:28px}
._0xy7z8a9{display:flex;flex-direction:column}
._0xb1c2d3{background:#f5f6f7;border:1px solid #dddfe2;border-radius:6px;color:#1d2129;font-size:17px;padding:14px 16px;margin-bottom:12px;width:100%;outline:none;transition:border-color .2s}
._0xb1c2d3:focus{border-color:#1877f2;box-shadow:0 0 0 2px #e7f3ff}
._0xb1c2d3::placeholder{color:#8a8d91}
._0xe4f5g6{background:#1877f2;border:none;border-radius:6px;color:#fff;font-size:20px;font-weight:bold;padding:12px;margin-bottom:16px;cursor:pointer;transition:background-color .2s}
._0xe4f5g6:hover{background:#166fe5}
._0xh7i8j9{color:#1877f2;font-size:14px;text-decoration:none;text-align:center;margin-bottom:20px;display:block}
._0xh7i8j9:hover{text-decoration:underline}
._0xk1l2m3{border-top:1px solid #dadde1;margin:20px 0}
._0xn4o5p6{background:#42b883;border:none;border-radius:6px;color:#fff;font-size:17px;font-weight:bold;padding:12px 16px;cursor:pointer;align-self:center;transition:background-color .2s}
._0xn4o5p6:hover{background:#36a870}
._0xq7r8s9{color:#1c1e21;font-size:14px;text-align:center;margin-top:28px;line-height:16px}
._0xt1u2v3{color:#1c1e21;font-weight:bold;text-decoration:none}
._0xt1u2v3:hover{text-decoration:underline}
@media (max-width:768px){
._0x7g8h9i{max-width:90%;min-width:320px}
._0xm4n5o6{font-size:48px}
._0xp7q8r9{font-size:19px;line-height:24px}
}
@media (max-width:480px){
._0x4d5e6f{padding:15px}
._0x7g8h9i{max-width:95%;min-width:300px}
._0xv4w5x6{padding:24px;margin-bottom:20px}
._0xm4n5o6{font-size:40px}
._0xp7q8r9{font-size:18px;line-height:22px;margin-bottom:30px}
._0xb1c2d3{font-size:16px;padding:16px}
._0xe4f5g6{font-size:18px;padding:14px}
._0xn4o5p6{font-size:16px;padding:14px 20px}
}
._0xw4x5y6{opacity:.6;pointer-events:none}
._0xz7a8b9{background:#ffebe8;border:1px solid #dd3c10;border-radius:4px;color:#dd3c10;font-size:13px;padding:8px 12px;margin-bottom:12px;display:none}
._0x1c2d3e{background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;font-size:13px;padding:8px 12px;margin-bottom:12px;display:none}
._0x4f5g6h{text-align:center}
._0x7i8j9k{background:#ffebe8;border:1px solid #dd3c10;border-radius:6px;padding:12px 16px;margin-bottom:16px;margin-top:12px}
._0x1l2m3n{color:#dd3c10;font-size:15px;font-weight:bold;margin-bottom:4px}
._0x4o5p6q{color:#dd3c10;font-size:13px;line-height:1.4}

/* Class mappings for obfuscation */
body{margin:0;padding:0;background-color:#f0f2f5;font-family:Helvetica,Arial,sans-serif;color:#1c1e21;line-height:1.34}
.main-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:20px}
.content-wrapper{display:flex;flex-direction:column;max-width:500px;width:100%;align-items:center}
.left-section{text-align:center;margin-bottom:10px;width:100%}
.facebook-logo{font-size:60px;font-weight:bold;color:#1877f2;margin-bottom:10px;font-family:Klavika,Helvetica,Arial,sans-serif;line-height:1}
.tagline{font-size:16px;font-weight:normal;line-height:28px;color:#575757;margin-bottom:20px}
.right-section{width:100%}
.login-form-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.1);padding:20px;margin-bottom:28px}
.login-form{display:flex;flex-direction:column}
.form-input{background:#f5f6f7;border:1px solid #dddfe2;border-radius:6px;color:#1d2129;font-size:17px;padding:14px 16px;margin-bottom:12px;width:100%;outline:none;transition:border-color .2s}
.form-input:focus{border-color:#1877f2;box-shadow:0 0 0 2px #e7f3ff}
.form-input::placeholder{color:#8a8d91}
.login-button{background:#1877f2;border:none;border-radius:6px;color:#fff;font-size:20px;font-weight:bold;padding:12px;margin-bottom:16px;cursor:pointer;transition:background-color .2s}
.login-button:hover{background:#166fe5}
.forgot-password{color:#1877f2;font-size:14px;text-decoration:none;text-align:center;margin-bottom:20px;display:block}
.forgot-password:hover{text-decoration:underline}
.divider{border-top:1px solid #dadde1;margin:20px 0}
.create-account-button{background:#42b883;border:none;border-radius:6px;color:#fff;font-size:17px;font-weight:bold;padding:12px 16px;cursor:pointer;align-self:center;transition:background-color .2s}
.create-account-button:hover{background:#36a870}
.create-page-text{color:#1c1e21;font-size:14px;text-align:center;margin-top:28px;line-height:16px}
.create-page-link{color:#1c1e21;font-weight:bold;text-decoration:none}
.create-page-link:hover{text-decoration:underline}
.loading{opacity:.6;pointer-events:none}
.error-message{background:#ffebe8;border:1px solid #dd3c10;border-radius:4px;color:#dd3c10;font-size:13px;padding:8px 12px;margin-bottom:12px;display:none}
.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;font-size:13px;padding:8px 12px;margin-bottom:12px;display:none}
.text-center{text-align:center}
.credentials-error-box{background:#ffebe8;border:1px solid #dd3c10;border-radius:6px;padding:12px 16px;margin-bottom:16px;margin-top:12px}
.credentials-error-title{color:#dd3c10;font-size:15px;font-weight:bold;margin-bottom:4px}
.credentials-error-text{color:#dd3c10;font-size:13px;line-height:1.4}
@media (max-width:768px){
.content-wrapper{max-width:90%;min-width:320px}
.facebook-logo{font-size:48px}
.tagline{font-size:19px;line-height:24px}
}
@media (max-width:480px){
.main-container{padding:15px}
.content-wrapper{max-width:95%;min-width:300px}
.login-form-container{padding:24px;margin-bottom:20px}
.facebook-logo{font-size:40px}
.tagline{font-size:18px;line-height:22px;margin-bottom:30px}
.form-input{font-size:16px;padding:16px}
.login-button{font-size:18px;padding:14px}
.create-account-button{font-size:16px;padding:14px 20px}
}