/* ────────────────────────────────────────────────────────────────────────── Paginile de cont (autentificare, inregistrare, resetare parola) au doua infatisari din acelasi fisier: .mod-app — aplicatia instalata pe telefon: ecran plin, ca pana acum .mod-site — browser: formularul intra in rama site-ului, cu bara si footer Clasa se pune pe de un script inline din , inainte de randare, ca sa nu palpaie. ────────────────────────────────────────────────────────────────────────── */ .mod-site body { background: #eef1f6 !important; padding: 0 !important; min-height: 100vh; display: flex !important; flex-direction: column; /* Fara astea doua, clasele `items-center justify-center` ramase de la varianta pentru aplicatie strang bara si footer-ul la mijlocul paginii. */ align-items: stretch !important; justify-content: flex-start !important; } .mod-site .zona-formular { flex: 1; display: flex; align-items: center; justify-content: center; padding: 3rem 1rem 4rem; } .mod-site .pereche { display: grid; gap: 2rem; width: 100%; max-width: 62rem; align-items: stretch; } @media (min-width: 900px) { .mod-site .pereche { grid-template-columns: 24rem 1fr; } } /* Cardul e `max-w-sm` pentru aplicatie; pe site umple coloana lui */ .mod-site .pereche > div:first-child { max-width: none; width: 100%; } .mod-site .doar-app { display: none !important; } .mod-app .doar-site { display: none !important; }