:root{--ig-brand-blue:#0095f6;--ig-brand-blue-hover:#1877f2;--ig-bg-white:#fff;--ig-bg-gray:#fafafa;--ig-border:#dbdbdb;--ig-text-primary:#262626;--ig-text-secondary:#8e8e8e;--ig-link-blue:#00376b;--ig-dark-bg:#121f24;--ig-dark-card:#1c2b33;--ig-dark-input-bg:#1c2b33;--ig-dark-input-border:#36474f;--ig-dark-text:#fff;--ig-dark-text-secondary:#a8b1b5;--ig-dark-btn-blue:#0064e0;--ig-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ig-border-radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--ig-dark-bg);font-family:var(--ig-font-family);color:var(--ig-dark-text);justify-content:center;align-items:center;min-height:100vh;display:flex}.mobile-wrapper{background-color:var(--ig-dark-bg);flex-direction:column;width:100%;max-width:400px;height:100vh;padding:20px;display:flex}.top-header{text-align:center;color:var(--ig-dark-text-secondary);margin-bottom:60px;font-size:14px}.login-box{flex-direction:column;flex-grow:1;align-items:center;display:flex}.glyph-logo{margin-bottom:50px}.login-form{flex-direction:column;gap:12px;width:100%;display:flex}.input-wrapper{width:100%}.input-wrapper input{background-color:var(--ig-dark-input-bg);border:1px solid var(--ig-dark-input-border);width:100%;color:var(--ig-dark-text);border-radius:12px;outline:none;padding:18px;font-size:16px}.input-wrapper input::placeholder{color:var(--ig-dark-text-secondary)}.input-wrapper input:focus{border-color:var(--ig-dark-text-secondary)}.login-btn{background-color:var(--ig-dark-btn-blue);color:#fff;cursor:pointer;border:none;border-radius:25px;margin-top:10px;padding:14px;font-size:16px;font-weight:600;transition:opacity .2s}.login-btn:disabled{opacity:.5}.forgot-password{color:var(--ig-dark-text);margin-top:25px;font-size:14px;font-weight:600;text-decoration:none}.bottom-actions{flex-direction:column;align-items:center;gap:20px;width:100%;margin-top:auto;padding-bottom:10px;display:flex}.create-account-btn{color:#4cb5f9;cursor:pointer;background:0 0;border:1px solid #4cb5f9;border-radius:25px;width:100%;padding:12px;font-size:14px;font-weight:600}.meta-logo{color:var(--ig-dark-text-secondary);align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}@media (width<=450px){.mobile-wrapper{justify-content:flex-start;height:auto;min-height:100dvh;padding:15px}.top-header,.glyph-logo{margin-bottom:30px}.bottom-actions{gap:15px;margin-top:40px}}@media (width>=450px){body{background-color:#000}.mobile-wrapper{border-radius:20px;max-height:850px;box-shadow:0 0 20px #00000080}}.hidden{display:none!important}.success-view{text-align:center;flex-grow:1;justify-content:center;align-items:center;width:100%;display:flex}.success-content{flex-direction:column;align-items:center;gap:20px;display:flex}.success-content img{object-fit:cover;border-radius:50%;width:120px;height:120px;box-shadow:0 4px 15px #0000004d}.animate-up{animation:1.5s cubic-bezier(.4,0,.2,1) forwards moveUp}.fade-in-text{opacity:0;animation:1s ease-out .8s forwards fadeIn}@keyframes moveUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}