/* LossLens free-beta / community page: "wow" layer (v13, 8 octobre 2026). Loaded after pages.css, only by community.html and fr/communaute.html. */
@font-face{font-family:"Playfair Display";src:url(fonts/PlayfairDisplay-Italic-Variable.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
:root{--ink-night:#14110C;--gold-grad:linear-gradient(135deg,#C29B4B 0%,#9C7632 48%,#66491A 100%);--ease:cubic-bezier(.16,1,.3,1)}
html{overflow-x:clip}
body{background:radial-gradient(60% 42% at 10% -8%,rgba(231,204,142,.6),transparent 70%),radial-gradient(52% 40% at 94% 2%,rgba(255,236,210,.95),transparent 70%),var(--bg);overflow-x:clip}
body::before{content:"";position:fixed;inset:-25%;z-index:-1;pointer-events:none;filter:blur(36px);
  background:radial-gradient(36% 28% at 28% 32%,rgba(221,190,120,.26),transparent 70%),radial-gradient(32% 28% at 76% 62%,rgba(255,222,186,.4),transparent 70%);animation:aurora 24s ease-in-out infinite alternate}
@keyframes aurora{to{transform:translate3d(7%,5%,0) scale(1.12) rotate(7deg)}}
.wrap{max-width:840px;padding-top:18px}

/* glass header */
header{position:sticky;top:12px;z-index:5;margin-bottom:clamp(40px,8vw,72px);padding:9px 12px 9px 16px;border-radius:999px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.95);
  box-shadow:0 14px 40px -22px rgba(145,117,59,.5),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6)}
.back{text-decoration:none;padding:8px 14px;border-radius:999px;transition:background .3s,color .3s}
.back:hover{background:rgba(168,130,58,.12);color:var(--ink)}

/* type */
h1{font-size:clamp(42px,9vw,84px);line-height:.98;letter-spacing:-.045em;font-weight:800;text-wrap:balance;margin:0 0 20px}
h1 em,h2 em{font-style:italic;font-weight:500;letter-spacing:-.03em;padding-right:.06em;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--brand)}
.lead{font-size:clamp(17px,2.3vw,21px);line-height:1.55;max-width:46ch;margin:0 0 clamp(30px,5vw,48px)}
h2{font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:clamp(22px,3.2vw,28px);letter-spacing:-.02em;line-height:1.1;margin:0 0 12px;color:var(--ink)}

/* glass cards with a gold edge that wakes up on hover */
section{position:relative;padding:26px 26px 12px;border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.86),rgba(255,251,242,.7));border:1px solid rgba(255,255,255,.95);
  box-shadow:0 0 0 1px var(--line),0 40px 70px -48px rgba(145,117,59,.55),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
section::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;opacity:0;transition:opacity .5s var(--ease);
  background:linear-gradient(135deg,rgba(196,156,72,.95),rgba(196,156,72,0) 55%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
section:hover::after{opacity:1}
.steps li::before{background:var(--gold-grad);color:#fff8e8;border:0;box-shadow:0 8px 18px -8px rgba(110,81,25,.6)}
a{text-underline-offset:3px}

/* the sign-up card is the dark, golden one */
main>section:first-of-type{padding:clamp(26px,5vw,44px) clamp(22px,5vw,44px) clamp(18px,3vw,26px);color:#F3E7CB;overflow:hidden;isolation:isolate;
  background:radial-gradient(70% 95% at 50% -14%,rgba(221,190,120,.32),transparent 62%),radial-gradient(46% 60% at 94% 112%,rgba(201,68,51,.15),transparent 62%),var(--ink-night);
  border-color:rgba(221,190,120,.32);box-shadow:0 0 0 1px rgba(0,0,0,.55),0 60px 120px -54px rgba(221,190,120,.55),inset 0 1px 0 rgba(255,255,255,.08)}
main>section:first-of-type::after{display:none}
main>section:first-of-type::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background:radial-gradient(circle,rgba(246,228,174,.85) 0 1.3px,transparent 1.9px) 0 0/173px 173px,radial-gradient(circle,rgba(246,228,174,.6) 0 1px,transparent 1.6px) 61px 97px/251px 251px,radial-gradient(circle,rgba(246,228,174,.5) 0 1.9px,transparent 2.6px) 140px 37px/337px 337px;
  -webkit-mask-image:radial-gradient(75% 85% at 50% 40%,#000 25%,transparent 100%);mask-image:radial-gradient(75% 85% at 50% 40%,#000 25%,transparent 100%);animation:dust 38s linear infinite}
@keyframes dust{to{background-position:0 -519px,61px -753px,140px -1011px}}
main>section:first-of-type h2{color:#FCF3DC;font-size:clamp(26px,4.4vw,38px)}
main>section:first-of-type p{color:#B7AB92}
main>section:first-of-type strong{color:#FCF3DC}
main>section:first-of-type .note,main>section:first-of-type .msg{color:#8F8670}
main>section:first-of-type form.signup input[type=email]{height:52px;border-radius:14px;background:rgba(255,255,255,.08);border-color:rgba(221,190,120,.4);color:#FCF3DC}
main>section:first-of-type form.signup input[type=email]::placeholder{color:#8F8670}
main>section:first-of-type form.signup input[type=email]:focus{border-color:#E0BF78;box-shadow:0 0 0 4px rgba(221,190,120,.2);outline:0}
main>section:first-of-type .btn{height:52px;padding:0 26px;border-radius:14px;background:linear-gradient(180deg,#F8E8B8 0%,#E0BF78 52%,#B8923F 100%);color:#1A1712;border:1px solid rgba(255,236,190,.6);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 18px 40px -16px rgba(221,190,120,.75);transition:transform .3s var(--ease),box-shadow .3s}
main>section:first-of-type .btn:hover{filter:none;transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 24px 46px -14px rgba(221,190,120,.9)}
.btn{transition:transform .3s var(--ease),filter .3s}

/* entrance: everything rises in, in order (no effect when reduced motion is asked) */
@media (prefers-reduced-motion:no-preference){
  h1,.lead,main>section,footer{animation:rise 1s var(--ease) both}
  .lead{animation-delay:.12s}
  main>section:nth-of-type(1){animation-delay:.24s}
  main>section:nth-of-type(n+2){animation-delay:.1s}
  @supports (animation-timeline:view()){
    main>section:nth-of-type(n+2),footer{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
  }
}
@keyframes rise{from{opacity:0;transform:translateY(26px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}
@media (prefers-reduced-motion:reduce){body::before,main>section:first-of-type::before{animation:none}}
@media (max-width:640px){header{top:8px}section{padding:22px 20px 8px}}

/* sparks (same as the home page) */
.sp{position:fixed;left:0;top:0;z-index:9990;width:8px;height:8px;margin:-4px 0 0 -4px;pointer-events:none;border-radius:1.5px;background:linear-gradient(135deg,#F6E4AE,#C69C48);box-shadow:0 0 8px rgba(231,204,142,.8);animation:spk .85s cubic-bezier(.12,.8,.2,1) forwards}
@keyframes spk{0%{transform:translate(0,0) rotate(45deg) scale(1);opacity:1}100%{transform:translate(var(--dx),var(--dy)) rotate(calc(45deg + var(--r))) scale(.1);opacity:0}}

/* italic gold word: room for the overhang of g / p / q on every side (gradient text only paints inside its own box) */
h1 em,h2 em{padding:.08em .2em .32em .3em;margin:-.08em -.2em -.32em -.3em;-webkit-box-decoration-break:clone;box-decoration-break:clone}