body{font-family:Arial,sans-serif;background:#1a1a1a;color:#eee;margin:0;padding:50px 20px;
    min-height:100vh;display:flex;align-items:center;justify-content:center;}
.boite{background:#2a2a2a;padding:36px;border-radius:12px;width:100%;max-width:400px;box-shadow:0 12px 40px rgba(0,0,0,0.4);}
.conn-titre{font-size:22px;font-weight:600;margin:0 0 8px;color:#fff;text-align:center;}
.conn label{display:block;margin-top:14px;font-size:14px;color:#ccc;}
.conn input{width:100%;box-sizing:border-box;padding:10px;margin-top:4px;border:1px solid #555;border-radius:6px;background:#1a1a1a;color:#fff;font-size:15px;}
.conn button{margin-top:18px;width:100%;padding:11px;border:0;border-radius:6px;background:#1f5fbf;color:#fff;font-size:15px;cursor:pointer;}
.conn .conn-msg{margin-top:14px;color:#ff8a80;font-size:14px;min-height:1em;}
.conn a{color:#9ad1ff;}