PRO Découvrir les plans
Connexion
U

Utilisateur

email@exemple.com

Statut Membre ✨

Créer un compte

Commencez votre voyage créatif avec Studio.

Déjà membre ? Se connecter

Mes Projets

Aucun projet récent.
Cliquez pour importer et ouvrir l'éditeur
/* Overlay avec flou artistique */ .auth-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(15px); display: none; /* Masqué par défaut */ justify-content: center; align-items: center; z-index: 9999; } /* Carte principale */ .auth-card { background: #ffffff; width: 100%; max-width: 420px; padding: 50px 40px; border-radius: 40px; /* Très arrondi */ box-shadow: 0 20px 60px rgba(0, 0, 0, 0.05); text-align: center; position: relative; } .auth-logo { width: 50px; height: 50px; background: #ecc100; color: white; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 24px; margin: 0 auto 20px; } .auth-card h2 { font-weight: 700; font-size: 24px; margin-bottom: 8px; color: #111; } .auth-card p { color: #8e8e93; font-size: 14px; margin-bottom: 35px; } /* Inputs minimalistes */ .minimal-input { width: 100%; padding: 18px 25px; margin-bottom: 15px; border: 1px solid #f0f0f0; background: #fdfdfd; border-radius: 20px; font-family: inherit; font-size: 14px; transition: all 0.3s ease; outline: none; } .minimal-input:focus { border-color: #ecc100; background: #fff; box-shadow: 0 5px 15px rgba(236, 193, 0, 0.1); } /* Bouton d'action doré */ .gold-submit-btn { width: 100%; padding: 18px; background: #ecc100; color: white; border: none; border-radius: 20px; font-weight: 600; font-size: 16px; cursor: pointer; margin-top: 15px; transition: transform 0.3s ease, box-shadow 0.3s ease; } .gold-submit-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(236, 193, 0, 0.3); } .close-minimal { margin-top: 25px; background: none; border: none; color: #8e8e93; font-size: 13px; cursor: pointer; text-decoration: underline; }