* { margin: 0; padding: 0; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
body { background-color: #121212; color: #ffffff; display: flex; flex-direction: column; min-height: 100vh; }
.top-header { width: 100%; display: flex; justify-content: center; align-items: center; padding: 40px 0; border-bottom: 1px solid #262626; }
.container { display: flex; flex-direction: column; padding: 30px 20px; max-width: 400px; margin: 0 auto; width: 100%; flex-grow: 1; }
.title { font-size: 16px; font-weight: 600; margin-bottom: 20px; text-align: left; }
form { display: flex; flex-direction: column; gap: 12px; }
.input-group { position: relative; display: flex; align-items: center; }
.input-icon { position: absolute; left: 15px; color: #a8a8a8; font-size: 15px; }
input { width: 100%; background-color: #1c1c1e; border: 1px solid #363636; border-radius: 12px; padding: 16px 14px 16px 45px; font-size: 14px; color: #ffffff; outline: none; }
input:focus { border: 1px solid #0064e0; box-shadow: 0 0 0 2px rgba(0, 100, 224, 0.4); }
button[type="submit"] { background-color: #0064e0; color: white; border: none; border-radius: 20px; padding: 12px; font-size: 14px; font-weight: bold; cursor: pointer; transition: opacity 0.2s; }
button[type="submit"]:disabled { background-color: #004294; opacity: 0.5; }
.forgot-password { color: #ffffff; text-decoration: none; font-size: 13px; font-weight: 600; text-align: center; margin-top: 25px; display: block; }
.bottom-actions { margin-top: 50px; display: flex; flex-direction: column; gap: 12px; }
.action-btn { text-decoration: none; border: 1px solid #363636; border-radius: 20px; padding: 12px; font-size: 14px; font-weight: 600; display: flex; justify-content: center; align-items: center; gap: 8px; color: #ffffff; }
.create-btn { color: #5ea8f4; }
.main-footer { width: 100%; display: flex; flex-direction: column; align-items: center; padding-bottom: 30px; margin-top: auto; }
.meta-logo-footer { display: flex; justify-content: center; align-items: center; gap: 6px; color: #a8a8a8; margin-bottom: 15px; }
.meta-text { font-size: 16px; font-weight: 600; letter-spacing: 0.3px; }
.footer-divider { width: 100%; height: 1px; background-color: #262626; margin-bottom: 25px; }
.footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; margin-bottom: 20px; }
.footer-links a { color: #a8a8a8; text-decoration: none; font-size: 12px; }
.footer-bottom { display: flex; gap: 15px; color: #a8a8a8; font-size: 12px; }