@layer components{.ecran{place-items:center;min-height:100dvh;padding:40px 16px 150px;display:grid;position:relative}.ecran .soleil-arc{width:340px;height:340px;top:-150px;right:-150px}.colonne{z-index:2;justify-items:center;width:100%;max-width:420px;display:grid;position:relative}.colonne .logo{width:220px;height:auto;margin-bottom:8px}.colonne .bulle{border-radius:24px;width:100%;margin-top:34px;padding:26px 24px 22px}.colonne .bulle-chapeau{width:118px;height:52px;top:-30px;left:26px}.colonne .bulle-mot{font-size:14px;top:-7px;left:52px}.colonne h1{font-size:24px}.colonne .sous{color:var(--texte-doux);margin:4px 0 18px;font-size:14.5px}.pied-connexion{z-index:2;color:var(--texte-doux);text-align:center;margin-top:18px;font-size:13.5px;position:relative}.pied-connexion .ico{vertical-align:-3px;display:inline}.role{background:var(--surface-douce);border-radius:14px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 12px;font-size:14px;display:flex}.role .avatar{width:34px;height:34px}.ecran .horizon{height:140px}@media (max-width:900px){.ecran{align-items:start;padding:28px 16px 110px}.ecran .soleil-arc{border-width:16px;width:220px;height:220px;top:-110px;right:-110px}.colonne .logo{width:170px}.ecran .horizon{height:90px}}}