.canard-onb{--paper:#fbf1df;--paper-deep:#f7e7cb;--ink:#211914;--muted:#1f2a33;--red:#ef3324;--red-deep:#d82017;--orange:#f3a021;--cream:#ffe5b0;--shadow:0 18px 45px rgba(61,38,16,0.12);position:relative;min-height:100svh;display:flex;justify-content:center;align-items:flex-start;color:var(--ink);font-family:var(--next-font-inter),Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 25% 8%,rgba(255,255,255,.8),transparent 28%),radial-gradient(circle at 70% 24%,rgba(246,194,93,.14),transparent 35%),linear-gradient(180deg,#fff7ea,#faecd6)}.canard-onb *{box-sizing:border-box}.canard-onb:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.34;background-image:radial-gradient(rgba(88,55,22,.09) .55px,transparent 0),radial-gradient(rgba(255,255,255,.45) .7px,transparent 0);background-size:8px 8px,13px 13px;mix-blend-mode:multiply;z-index:0}.canard-onb .onboarding-card{position:relative;width:min(100vw,430px);min-height:100svh;overflow:hidden;background:radial-gradient(circle at 52% 17%,rgba(255,220,129,.33),transparent 22%),radial-gradient(circle at 76% 34%,rgba(70,160,167,.11),transparent 24%),linear-gradient(180deg,#fff8eb 0,var(--paper) 54%,#fbecd8 100%);box-shadow:var(--shadow);isolation:isolate}.canard-onb .onboarding-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 13% 18%,rgba(230,129,47,.08),transparent 22%),radial-gradient(circle at 85% 10%,rgba(255,255,255,.75),transparent 22%),linear-gradient(90deg,rgba(255,255,255,.3),transparent 14%,transparent 86%,rgba(255,255,255,.23));pointer-events:none;z-index:-1}.canard-onb .brand-area{padding:clamp(42px,7vh,70px) 15.2% 0;text-align:center}.canard-onb .logo{display:block;width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.canard-onb .hero-area{position:relative;margin-top:clamp(28px,4.4vh,48px);width:100%;min-height:clamp(328px,48.5vh,430px)}.canard-onb .hero-characters{max-width:100%;height:auto;display:block;margin:0 auto;filter:saturate(1.03) contrast(1.02)}.canard-onb .content-area{position:relative;padding:0 clamp(46px,12vw,58px) 38px;margin-top:clamp(-4px,-1.2vh,-12px)}.canard-onb h1{font-family:var(--next-font-baskerville),"Libre Baskerville",Georgia,serif;font-size:clamp(34px,10.5vw,45px);line-height:1.06;letter-spacing:-1.8px;margin:0;font-weight:700;color:#2b211d;position:relative}.canard-onb h1 span{color:var(--red)}.canard-onb .titre-matin{position:relative;white-space:nowrap;color:#2b211d}.canard-onb .titre-sun{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:.16em;width:.82em;height:.82em;background:var(--orange);-webkit-mask:url(/icons/sun.svg) no-repeat center/contain;mask:url(/icons/sun.svg) no-repeat center/contain}.canard-onb .subtitle{color:#152430;font-size:clamp(17px,4.45vw,19px);line-height:1.32;font-weight:500;margin:clamp(18px,2.6vh,24px) 0 0;letter-spacing:-.3px}.canard-onb .subtitle span{display:inline}.canard-onb .verse-pill{margin:clamp(34px,5vh,46px) auto 0;min-height:49px;border:1px solid rgba(183,121,33,.22);border-radius:999px;padding:7px 24px 7px 13px;display:flex;align-items:center;gap:13px;background:linear-gradient(180deg,#fff0c8,#ffe3a6);color:#211914;box-shadow:0 4px 11px rgba(143,98,31,.2),inset 0 1px 0 rgba(255,255,255,.72);font-family:var(--next-font-inter),Inter,system-ui,sans-serif;font-size:clamp(18px,5vw,23px);cursor:pointer}.canard-onb .verse-ref{display:inline-block;min-width:158px;text-align:center;font-size:17px;transition:opacity .28s ease}.canard-onb .cross{width:35px;height:35px;border-radius:9px;display:inline-flex;justify-content:center;align-items:center;color:#fff;background:linear-gradient(180deg,#f05237,#d92218);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 5px rgba(120,30,17,.2);font-size:31px;line-height:1;font-family:Georgia,serif;font-weight:700}.canard-onb .verse-lire{display:inline-flex;width:23px;height:23px;color:var(--red);opacity:.72;flex:0 0 auto}.canard-onb .verse-lire svg{width:100%;height:100%;fill:currentColor}.canard-onb .verse-pill:hover .verse-lire{opacity:1}.canard-onb .pager{margin:clamp(40px,5.8vh,52px) 0 0;display:flex;justify-content:center;align-items:center;gap:10px}.canard-onb .dot{width:10px;height:10px;border-radius:50%;background:#d8d2c5;display:block;transition:width .32s ease,background .32s ease}.canard-onb .dot.active{width:26px;border-radius:999px;background:var(--red)}.canard-onb .verset-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(33,25,20,.55);backdrop-filter:blur(2px);animation:verset-fondu .2s ease}@keyframes verset-fondu{0%{opacity:0}to{opacity:1}}.canard-onb .verset-pop{position:relative;width:min(100%,360px);background:linear-gradient(180deg,#fff8ea,#fdeed4);border:1px solid rgba(183,121,33,.25);border-radius:24px;padding:30px 26px 24px;box-shadow:0 24px 60px rgba(61,38,16,.35);text-align:center}.canard-onb .verset-pop-cross{display:flex;margin:0 auto 18px}.canard-onb .verset-texte{margin:0;font-family:var(--next-font-baskerville),"Libre Baskerville",Georgia,serif;font-size:21px;line-height:1.42;color:#2b211d;font-style:italic}.canard-onb .verset-pop-ref{margin:16px 0 0;color:var(--red-deep);font-weight:700;font-size:16px}.canard-onb .verset-fermer{margin-top:24px;border:0;border-radius:14px;padding:12px 28px;background:linear-gradient(180deg,#f23c2b,#d91e16);font-size:17px}.canard-onb .primary-button,.canard-onb .verset-fermer{color:#fff;font-family:var(--next-font-inter),Inter,system-ui,sans-serif;font-weight:700;cursor:pointer}.canard-onb .primary-button{position:relative;width:100%;min-height:clamp(65px,9.2vh,83px);margin-top:clamp(48px,7vh,65px);border:0;border-radius:23px;background:linear-gradient(180deg,#f23c2b,#e52a1f 55%,#d91e16);font-size:clamp(24px,6vw,32px);letter-spacing:-.4px;box-shadow:0 14px 28px rgba(206,43,30,.19),inset 0 1px 0 rgba(255,255,255,.36),inset 0 -2px 0 rgba(112,21,12,.14);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.canard-onb .primary-button:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 18px 34px rgba(206,43,30,.25),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -2px 0 rgba(112,21,12,.14)}.canard-onb .primary-button:active{transform:translateY(1px) scale(.995)}.canard-onb .primary-button:disabled{cursor:default;filter:saturate(.8) brightness(.98)}.canard-onb .arrow{position:absolute;right:25px;top:50%;transform:translateY(-54%);font-weight:300;font-size:42px;line-height:1}.canard-onb .login-link{display:block;width:-moz-fit-content;width:fit-content;margin:clamp(28px,3.9vh,39px) auto 0;color:var(--red-deep);text-decoration:none;font-size:clamp(17px,4.6vw,24px);font-weight:700;letter-spacing:-.2px}.canard-onb .login-link:hover{text-decoration:underline}@media (max-width:380px){.canard-onb .brand-area{padding-inline:12%}.canard-onb .hero-area{min-height:318px}.canard-onb .content-area{padding-inline:34px}.canard-onb .primary-button{border-radius:20px}}@media (max-height:720px){.canard-onb .brand-area{padding-top:28px}.canard-onb .hero-area{margin-top:18px;min-height:280px}.canard-onb .content-area{margin-top:-10px}.canard-onb .verse-pill{margin-top:22px}.canard-onb .pager{margin-top:24px}.canard-onb .primary-button{margin-top:28px;min-height:60px}.canard-onb .login-link{margin-top:18px}}.canard-onb .choix-langue{display:flex;justify-content:center;gap:8px;margin-top:14px}.canard-onb .langue-btn{border:1px solid rgba(83,58,26,.22);border-radius:999px;padding:7px 16px;font-size:14px;font-weight:700;color:#291b15;background:rgba(255,255,255,.72);cursor:pointer}.canard-onb .langue-btn.actif{color:#fff;border-color:#c92f20;background:linear-gradient(180deg,#ee4937,#d72f20);box-shadow:0 3px 9px rgba(200,47,32,.28)}.canard-onb .langue-btn:disabled{opacity:.6}