:root{--ink:#0a1930;--ocean:#123a65;--mint:#66d2b4;--sand:#f6f2ea;--surface:#fff;--line:#dbe5ed;--muted:#5d6f82;--danger:#b4233e;--shadow:0 18px 50px rgba(10,25,48,.12)}
body{background:linear-gradient(135deg,#f4f8fb 0%,#fff 48%,#eef7f4 100%);color:var(--ink)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.025em}.site-header{position:sticky;top:0;z-index:20;background:rgba(10,25,48,.96);backdrop-filter:blur(14px);border:0}.brand img{width:42px;height:42px;object-fit:contain}.brand-txt strong{letter-spacing:.11em}.nav-principale a{color:#dce8f4}.nav-principale a:hover,.nav-principale .nav-client{color:#fff;background:rgba(102,210,180,.16);border-color:rgba(102,210,180,.7)}.nav-principale .nav-staff{display:none}.hero,.client-hero{background:radial-gradient(circle at 78% 18%,rgba(102,210,180,.28),transparent 26%),linear-gradient(120deg,#08182e,#164d7c);border-radius:0 0 36px 36px}.client-hero{padding:4.5rem 0 2.5rem;color:#fff}.client-hero h1{color:#fff}.client-page{padding:3rem 0}.reconciliation{border:1px solid #9adcca;background:linear-gradient(115deg,#effbf7,#fff);margin:0 0 2.7rem}.reconciliation label{display:block;margin:1rem 0;font-weight:700}.client-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:1rem 0 2.8rem}.account-card,.loan-card{padding:1.4rem;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);display:grid;gap:.35rem}.account-card strong,.loan-card strong{font-size:1.75rem}.auth-page{min-height:calc(100vh - 80px);display:grid;place-items:center;padding:3rem 1rem;background:radial-gradient(circle at 20% 15%,#d9f4eb,transparent 30%)}.auth-card{width:min(100%,490px);padding:2.2rem;border-radius:22px;background:#fff;box-shadow:var(--shadow)}.auth-card img{width:64px}.auth-card label{display:block;font-weight:700;margin:1rem 0}.auth-card .btn{width:100%;margin-top:.5rem;background:var(--mint);border-color:var(--mint)}.panel-nav{background:linear-gradient(180deg,#091b32,#103d62)}.panel-topbar{box-shadow:0 1px 0 var(--line)}.panel-content{max-width:1500px}.bloc,.form-carte{border-radius:18px;box-shadow:0 10px 30px rgba(10,25,48,.06)}.btn{background:var(--mint);border-color:var(--mint);color:var(--ink)}.btn:hover{background:#8de2ca}.btn-ligne{background:transparent;border-color:var(--ocean);color:var(--ocean)}
@media(max-width:800px){.site-header{position:relative}.client-hero{padding-top:2.4rem}.client-page{padding-top:2rem}}