/* R31.13 - Vitrine publique Cabinet Beyllah ; aucun impact sur le bureau connecté */
#loginView.public-cabinet-home{background:#f3f6fb;color:#17253b}
#loginView .public-topbar{background:#fff;border-bottom:1px solid #e1e8f1;box-shadow:0 5px 24px rgba(14,32,58,.045)}
#loginView .public-topbar nav{flex-wrap:wrap}
#loginView .public-home-shell.r3113-public{width:min(1240px,calc(100% - 42px));max-width:1240px;margin:0 auto;padding:34px 0 48px}
#loginView .r3113-public .r3113-hero{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(270px,.83fr);align-items:stretch;gap:26px;background:#fff;border:1px solid #e2e9f2;border-radius:24px;padding:clamp(22px,4vw,49px);box-shadow:0 16px 44px rgba(27,57,91,.065)}
#loginView .r3113-hero .public-hero-copy{min-width:0}
#loginView .r3113-hero .public-pill{display:inline-flex;background:#e9f1fa;color:#225681;border:1px solid #d3e4f5;font-weight:800;letter-spacing:.06em;padding:8px 12px;border-radius:30px;white-space:normal}
#loginView .r3113-hero .eyebrow{margin:25px 0 10px;color:#446682;font-weight:800;letter-spacing:.11em}
#loginView .r3113-hero h1{font-size:clamp(36px,4.6vw,63px);line-height:1.08;letter-spacing:-.045em;color:#14253d;margin:0 0 21px;max-width:710px;font-weight:850}
#loginView .r3113-hero h1 em{font-style:normal;color:#257396}
#loginView .r3113-hero .public-lead{font-size:clamp(15px,1.4vw,18px);line-height:1.75;color:#50657c;max-width:670px}
#loginView .r3113-hero .public-actions{display:flex;flex-wrap:wrap;gap:10px;margin:23px 0}
#loginView .r3113-public .public-btn{padding:13px 18px;border-radius:10px;font-size:13px;font-weight:800;text-align:center}
#loginView .r3113-hero-facts{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px;padding-top:19px;border-top:1px solid #e6edf4}
#loginView .r3113-hero-facts>span{display:grid;gap:3px;flex:1;min-width:120px}
#loginView .r3113-hero-facts strong{font-size:12px;color:#233a55}
#loginView .r3113-hero-facts small{font-size:11px;color:#748498}
#loginView .r3113-hero-visual{border-radius:19px;background:linear-gradient(145deg,#153450 0%,#1c4562 48%,#194e64 100%);min-height:410px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 15px 32px rgba(12,51,79,.13);color:#fff;overflow:hidden}
#loginView .r3113-visual-top{display:flex;justify-content:space-between;align-items:flex-start}
#loginView .r3113-tag{font-size:10px;font-weight:800;letter-spacing:.14em;color:#c5e3ec}
#loginView .r3113-orbit{display:grid;place-items:center;border:1px solid #5e859b;border-radius:50%;width:65px;height:65px;font-size:21px;font-weight:800;color:#d8edf4}
#loginView .r3113-visual-main h2{color:white;font-size:clamp(29px,3vw,43px);letter-spacing:-.04em;line-height:1.13;margin:12px 0}
#loginView .r3113-visual-main p{color:#d3e4ef;font-size:14px;line-height:1.65;max-width:330px}
#loginView .r3113-visual-number{font-size:11px;font-weight:800;letter-spacing:.13em;color:#9bd6e6}
#loginView .r3113-visual-bottom{border-top:1px solid #628394;padding-top:18px;display:grid;gap:7px}
#loginView .r3113-visual-bottom strong{color:#fff;font-size:18px}
#loginView .r3113-visual-bottom small{color:#cfdfeb;font-size:13px;line-height:1.5}
#loginView .r3113-section{margin:78px 0 0}
#loginView .r3113-section-index{display:block;font-size:11px;font-weight:850;letter-spacing:.15em;color:#3e7694;margin-bottom:12px}
#loginView .r3113-section-intro{max-width:810px;margin-bottom:28px}
#loginView .r3113-section-intro .eyebrow{color:#57738d;letter-spacing:.08em;font-weight:800}
#loginView .r3113-section-intro h2,#loginView .r3113-trust h2{font-size:clamp(30px,3.5vw,45px);line-height:1.16;letter-spacing:-.035em;color:#182c46;margin:10px 0 15px}
#loginView .r3113-section-intro>p:last-child{font-size:15px;line-height:1.7;color:#607187}
#loginView .r3113-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#loginView .r3113-service-card{background:#fff;border:1px solid #e2e9f0;border-radius:17px;padding:25px;min-width:0;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 23px rgba(34,68,101,.045);transition:transform .15s ease,box-shadow .15s ease}
#loginView .r3113-service-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(34,68,101,.09)}
#loginView .r3113-service-icon{display:grid;place-items:center;background:#eaf3f7;color:#246c8d;border-radius:11px;width:43px;height:43px;font-size:13px;font-weight:900}
#loginView .r3113-service-card h3{color:#1c3956;font-size:20px;line-height:1.24;margin:12px 0 0}
#loginView .r3113-service-card p{color:#63758a;font-size:13px;line-height:1.75;flex:1;margin:0}
#loginView .r3113-service-card>span:last-child{color:#417999;font-size:11px;letter-spacing:.07em;font-weight:850;text-transform:uppercase;margin-top:8px}
#loginView .r3113-service-approach{background:#e9f0f7}
#loginView .r3113-service-approach a{color:#205a85;font-size:13px;font-weight:800;text-decoration:none;margin-top:12px}
#loginView .r3113-audiences{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:65px 0 0}
#loginView .r3113-audiences>div{border-radius:18px;padding:clamp(25px,3vw,38px);min-width:0}
#loginView .r3113-audience-company{background:#172b43;color:white}
#loginView .r3113-audience-learners{background:#e5eef6;border:1px solid #d5e5f1}
#loginView .r3113-audiences h2{font-size:clamp(24px,2.5vw,33px);line-height:1.2;letter-spacing:-.025em;margin:14px 0}
#loginView .r3113-audience-company h2{color:white}
#loginView .r3113-audience-learners h2{color:#193852}
#loginView .r3113-audiences p{font-size:14px;line-height:1.7;max-width:460px}
#loginView .r3113-audience-company p{color:#d8e3f0}
#loginView .r3113-audience-learners p{color:#45667e}
#loginView .r3113-audience-company .r3113-section-index{color:#a0d4e3}
#loginView .r3113-audiences a{display:inline-flex;color:inherit;text-decoration:none;font-weight:800;margin-top:18px;border-bottom:1px solid currentColor;padding-bottom:5px}
#loginView .r3113-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
#loginView .r3113-path-grid article{background:#fff;border:1px solid #dce7f2;border-radius:14px;padding:23px;min-width:0}
#loginView .r3113-path-grid article>span{font-size:12px;color:#2c779d;font-weight:900;letter-spacing:.13em}
#loginView .r3113-path-grid h3{font-size:17px;line-height:1.25;margin:18px 0 9px;color:#234360}
#loginView .r3113-path-grid p{color:#61748a;font-size:13px;line-height:1.6}
#loginView .r3113-learning-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
#loginView .r3113-trust{border-top:1px solid #dce6ef;padding-top:30px;display:grid;grid-template-columns:.8fr 1.2fr;gap:32px}
#loginView .r3113-trust-grid{display:grid;gap:12px}
#loginView .r3113-trust-grid article{background:#fff;padding:17px 20px;border:1px solid #e0e9f1;border-radius:12px}
#loginView .r3113-trust-grid strong{font-size:15px;color:#21415e}
#loginView .r3113-trust-grid p{font-size:12px;line-height:1.6;color:#60738a;margin:5px 0 0}
#loginView .r3113-login-intro{background:#e8f0f7;border:1px solid #d7e6f1;padding:28px;border-radius:17px;margin:65px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}
#loginView .r3113-login-intro h2{font-size:25px;margin:8px 0;color:#183855}
#loginView .r3113-login-intro p:last-child{color:#536e87;font-size:13px;line-height:1.55}
#loginView .r3113-login-intro a{white-space:nowrap;text-decoration:none;color:white;background:#1d4365;border-radius:9px;padding:14px 17px;font-weight:800;font-size:13px}
#loginView .r3113-public .public-login-zone{margin:0 0 28px;border-radius:18px}
#loginView .r3113-public .public-login-card{border-radius:16px}
@media(max-width:950px){#loginView .r3113-public .r3113-hero{grid-template-columns:1fr}#loginView .r3113-hero-visual{min-height:320px}#loginView .r3113-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#loginView .r3113-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){#loginView .public-home-shell.r3113-public{width:calc(100% - 22px);padding-top:15px}#loginView .r3113-public .r3113-hero{padding:21px 18px;gap:20px;border-radius:17px}#loginView .r3113-hero h1{font-size:35px}#loginView .r3113-hero-visual{min-height:280px;padding:20px}#loginView .r3113-section{margin-top:49px}#loginView .r3113-services-grid{grid-template-columns:1fr;gap:12px}#loginView .r3113-audiences{grid-template-columns:1fr;margin-top:46px}#loginView .r3113-path-grid{grid-template-columns:1fr}#loginView .r3113-trust{grid-template-columns:1fr;gap:15px}#loginView .r3113-login-intro{flex-direction:column;align-items:flex-start;margin-top:45px}#loginView .r3113-login-intro a{white-space:normal}#loginView .r3113-hero-facts{gap:15px}#loginView .r3113-public .public-actions>a{width:100%}}
@media(prefers-reduced-motion:reduce){#loginView .r3113-service-card{transition:none}#loginView .r3113-service-card:hover{transform:none}}
