.account-wrap{max-width:620px;margin:130px auto 70px;padding:0 20px}.account-card{background:var(--card-bg,#fff);border-radius:24px;padding:34px;box-shadow:0 20px 60px rgba(0,0,0,.12)}.account-card h1{margin:0 0 8px}.account-card>p{color:#667085}.account-field{display:flex;flex-direction:column;gap:7px;margin:0 0 16px}.account-field label{font-weight:700}.account-field input{padding:14px;border:1px solid #d7dbe3;border-radius:12px;font:inherit}.account-btn{width:100%;padding:15px;border:0;border-radius:12px;background:#111;color:#fff;font-weight:800;cursor:pointer}.account-btn:disabled{opacity:.6}.account-msg{display:none;margin:14px 0;padding:13px;border-radius:12px}.account-msg.error{display:block;background:#fff0ef;color:#a62a20}.account-links{margin-top:18px;text-align:center}.account-links a{font-weight:700;color:#9a7620}.account-avatar{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#f7f1e2;font-size:30px;margin-bottom:18px}.account-info{display:grid;gap:12px;margin-top:24px}.account-info div{padding:15px;border:1px solid #e8e8e8;border-radius:14px}.account-info small,.account-info strong{display:block}.account-info small{color:#667085;margin-bottom:4px}.account-nav-link{white-space:nowrap}.account-nav-link i{margin-right:6px}@media(max-width:650px){.account-wrap{margin-top:100px}.account-card{padding:24px}}


/* KEDIMAX — Connexion premium et confortable */
.account-wrap{min-height:100vh;max-width:none;margin:0;padding:110px 20px 50px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,rgba(197,155,39,.18),transparent 35%),linear-gradient(135deg,#f7f8fb,#eef1f7)}
.account-card{width:min(100%,520px);padding:38px;border:1px solid rgba(181,138,31,.16);box-shadow:0 24px 70px rgba(18,27,45,.14);position:relative;overflow:hidden}
.account-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#b58a1f,#e0bd57,#b58a1f)}
.account-card>p:first-child{color:#9a7620;margin:0 0 18px;font-size:.82rem}
.account-card h1{font-size:clamp(1.7rem,4vw,2.25rem);letter-spacing:-.03em}
.account-field input{min-height:52px;padding:14px 15px;outline:none;transition:border-color .2s,box-shadow .2s,transform .2s;background:#fff}
.account-field input:focus{border-color:#b58a1f;box-shadow:0 0 0 4px rgba(181,138,31,.13)}
.account-btn{min-height:54px;background:linear-gradient(135deg,#111827,#2b3445);box-shadow:0 12px 24px rgba(17,24,39,.16);transition:transform .2s,box-shadow .2s}
.account-btn:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(17,24,39,.2)}
.account-links{line-height:1.9}.account-links a{color:#8b6817;text-decoration:none}.account-links a:hover{text-decoration:underline}
@media(max-width:600px){.account-wrap{padding:86px 14px 28px;align-items:flex-start}.account-card{padding:28px 20px;border-radius:20px}.account-field input{font-size:16px}.account-btn{font-size:1rem}}