:root{
  --ch-blue:#00d9ff;
  --ch-pink:#ff43d0;
  --ch-violet:#7b52ff;
  --ch-bg:#050817;
  --ch-line:rgba(255,255,255,.14);
  --ch-card:rgba(10,18,42,.78);
  --ch-ease:cubic-bezier(.2,.8,.2,1);
}
.page-coffres .main-content{overflow-x:hidden;background:radial-gradient(circle at 10% 0,rgba(0,217,255,.12),transparent 28%),radial-gradient(circle at 96% 4%,rgba(255,67,208,.11),transparent 32%),#050817}
.chest2026-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(92px,9vw,136px) 0 54px;background:linear-gradient(135deg,#050817,#0b1230 54%,#18082e)}
.chest-bg-grid,.chest2026-hero:before{content:"";position:absolute;inset:0;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000 70%,transparent);opacity:.78}
.chest2026-hero:after{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 18% 18%,rgba(0,217,255,.26),transparent 33%),radial-gradient(circle at 88% 20%,rgba(255,67,208,.22),transparent 40%),radial-gradient(circle at 55% 100%,rgba(123,82,255,.18),transparent 42%);animation:chestAurora 12s ease-in-out infinite alternate}
.chest-bg-orb{position:absolute;z-index:-1;border-radius:999px;filter:blur(18px);opacity:.62;pointer-events:none;animation:chestFloat 9s ease-in-out infinite}
.chest-bg-orb-a{width:180px;height:180px;left:8%;top:24%;background:rgba(0,217,255,.2)}
.chest-bg-orb-b{width:210px;height:210px;right:8%;bottom:18%;background:rgba(255,67,208,.16);animation-delay:-4s}
.chest2026-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.52fr);gap:34px;align-items:center}
.chest2026-copy h1{font-family:Sora,Inter,sans-serif;font-size:clamp(2.6rem,6vw,5.4rem);line-height:.92;margin:18px 0 16px;letter-spacing:-.06em;text-shadow:0 0 34px rgba(0,217,255,.12)}
.chest2026-copy p{font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.72;color:#cbd5e1;max-width:760px}
.chest2026-badges{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.chest2026-badges span{position:relative;padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.04));color:#e0f2fe;font-weight:900;box-shadow:0 12px 26px rgba(0,0,0,.18)}
.chest2026-spotlight{min-height:360px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:36px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035));box-shadow:0 30px 100px rgba(0,0,0,.45),0 0 46px rgba(123,82,255,.22);overflow:hidden;perspective:900px}.chest-stage--hero{display:grid;place-items:center;gap:16px}.chest-hero-caption{text-align:center}.chest-hero-caption strong{display:block;color:#fff;font-size:1.2rem}.chest-hero-caption span{color:#b8c5e2;font-weight:800}
.chest2026-user-section{padding-top:28px}.chest2026-login-card,.chest2026-profile-card{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px;border:1px solid var(--ch-line);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));box-shadow:0 18px 50px rgba(0,0,0,.28)}.chest2026-login-card span,.chest2026-profile-card span{display:block;color:#93c5fd;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;font-size:.74rem}.chest2026-profile-card{display:grid;grid-template-columns:2fr repeat(3,1fr)}.chest2026-profile-card strong{display:block;color:#fff;font-size:1.5rem}.chest2026-profile-card small,.chest2026-login-card p{color:#cbd5e1}.chest-section-head{max-width:860px}.chest2026-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}.chest-card{--chest-a:#7c3f16;--chest-b:#c87831;--chest-c:#f5a052;--chest-dark:#1d0f08;--chest-glow:rgba(245,140,60,.42);--chest-soft:rgba(245,140,60,.12);position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100%;padding:18px;border-radius:32px;background:linear-gradient(165deg,rgba(255,255,255,.13),rgba(255,255,255,.04) 40%,rgba(3,7,18,.62));border:1px solid rgba(255,255,255,.15);box-shadow:0 24px 70px rgba(0,0,0,.36),0 0 34px rgba(0,0,0,.18);overflow:hidden;transform-style:preserve-3d;transition:transform .28s var(--ch-ease),border-color .28s var(--ch-ease),box-shadow .28s var(--ch-ease),background .28s var(--ch-ease)}
.chest-card:before{content:"";position:absolute;inset:-1px;z-index:-2;background:radial-gradient(circle at 50% 9%,var(--chest-glow),transparent 32%),radial-gradient(circle at 120% 0,rgba(255,255,255,.12),transparent 28%);opacity:.74;transition:opacity .28s ease}.chest-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.13) 35%,transparent 60%);transform:translateX(-120%) skewX(-14deg);transition:transform .8s ease}.chest-card:hover{transform:translateY(-8px) rotateX(1deg) rotateY(-1.2deg);border-color:color-mix(in srgb,var(--chest-b) 60%,white 20%);box-shadow:0 32px 90px rgba(0,0,0,.45),0 0 54px var(--chest-glow)}.chest-card:hover:after{transform:translateX(120%) skewX(-14deg)}.chest-card-border{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;border:1px solid transparent;background:linear-gradient(135deg,var(--chest-b),transparent 26%,rgba(255,255,255,.16) 50%,transparent 74%,var(--chest-c)) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.45}.chest-card--bronze{--chest-a:#6b3215;--chest-b:#c57632;--chest-c:#ffb56d;--chest-dark:#1e0f09;--chest-glow:rgba(255,153,70,.42);--chest-soft:rgba(255,153,70,.13)}.chest-card--argent{--chest-a:#5b6b82;--chest-b:#dce8f7;--chest-c:#7dd3fc;--chest-dark:#071320;--chest-glow:rgba(125,211,252,.40);--chest-soft:rgba(125,211,252,.13)}.chest-card--or{--chest-a:#94620c;--chest-b:#facc15;--chest-c:#fff4a5;--chest-dark:#1e1604;--chest-glow:rgba(250,204,21,.46);--chest-soft:rgba(250,204,21,.14)}.chest-card--diamant{--chest-a:#312e81;--chest-b:#7b52ff;--chest-c:#00d9ff;--chest-dark:#070928;--chest-glow:rgba(123,82,255,.52);--chest-soft:rgba(123,82,255,.15)}.chest-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.chest-level-badge,.chest-state-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.16);font-weight:1000;font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;color:#fff}.chest-level-badge{background:linear-gradient(135deg,var(--chest-b),var(--chest-a));box-shadow:0 0 24px var(--chest-soft)}.chest-level-badge--bronze{background:linear-gradient(135deg,#ffb56d,#7c3f16)}.chest-level-badge--argent{background:linear-gradient(135deg,#eef7ff,#5b6b82);color:#07111f}.chest-level-badge--or{background:linear-gradient(135deg,#fff4a5,#a16207);color:#170f03}.chest-level-badge--diamant{background:linear-gradient(135deg,#00d9ff,#7b52ff)}.chest-state-pill{background:rgba(255,255,255,.07);color:#cbd5e1}.chest-stage{position:relative;display:grid;place-items:center;min-height:184px;perspective:900px}.chest-visual{position:relative;width:190px;height:158px;transform-style:preserve-3d;filter:drop-shadow(0 24px 34px rgba(0,0,0,.42));animation:chestIdleFloat 4.8s ease-in-out infinite}.chest-card--argent .chest-visual{animation-delay:-.7s}.chest-card--or .chest-visual{animation-delay:-1.4s}.chest-card--diamant .chest-visual{animation-delay:-2.1s}.chest-glow{position:absolute;left:50%;bottom:4px;width:170px;height:66px;border-radius:999px;transform:translateX(-50%);background:radial-gradient(circle,var(--chest-glow),transparent 70%);filter:blur(12px);opacity:.75}.chest-base{position:absolute;left:15px;right:15px;bottom:0;height:92px;border-radius:18px 18px 26px 26px;background:linear-gradient(135deg,var(--chest-a),var(--chest-b) 54%,var(--chest-a));border:2px solid rgba(255,255,255,.18);box-shadow:inset 0 12px 28px rgba(255,255,255,.17),inset 0 -18px 28px rgba(0,0,0,.28),0 0 34px var(--chest-glow);overflow:hidden}.chest-base i{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 10%,rgba(255,255,255,.15) 15% 20%,transparent 24% 45%,rgba(0,0,0,.12) 50% 55%,transparent 60% 100%)}.chest-lid{position:absolute;left:4px;right:4px;bottom:77px;height:64px;border-radius:34px 34px 14px 14px;background:linear-gradient(135deg,var(--chest-b),var(--chest-c) 58%,var(--chest-a));border:2px solid rgba(255,255,255,.23);transform-origin:bottom center;transition:transform 1s cubic-bezier(.18,1,.22,1);box-shadow:inset 0 12px 22px rgba(255,255,255,.18),0 0 26px var(--chest-soft);overflow:hidden}.chest-lid i{position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.36) 36%,transparent 48%);transform:translateX(-120%);animation:chestSweep 4.2s ease-in-out infinite}.chest-lock{position:absolute;left:50%;bottom:56px;width:42px;height:48px;border-radius:14px;background:linear-gradient(145deg,var(--chest-c),var(--chest-b));border:2px solid rgba(255,255,255,.28);transform:translateX(-50%);box-shadow:0 0 22px var(--chest-glow),inset 0 10px 12px rgba(255,255,255,.25);animation:chestLockPulse 2.4s ease-in-out infinite}.chest-lock:before{content:"";position:absolute;left:50%;top:-18px;width:25px;height:22px;border:5px solid var(--chest-c);border-bottom:0;border-radius:16px 16px 0 0;transform:translateX(-50%)}.chest-lock:after{content:"";position:absolute;left:50%;top:18px;width:9px;height:14px;border-radius:999px;background:rgba(3,7,18,.62);transform:translateX(-50%)}.chest-shine{position:absolute;inset:auto 18px 30px;top:20px;border-radius:22px;background:linear-gradient(120deg,transparent,rgba(255,255,255,.2),transparent);opacity:.5;transform:skewX(-12deg)}.chest-light{position:absolute;left:50%;bottom:58px;width:95px;height:110px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.95),var(--chest-glow) 43%,transparent 72%);transform:translateX(-50%) scale(.2);opacity:0;filter:blur(4px);transition:opacity .5s ease,transform .5s ease}.chest-particles{position:absolute;inset:0;pointer-events:none}.chest-particle{position:absolute;left:50%;bottom:72px;width:8px;height:8px;border-radius:999px;background:var(--chest-c);box-shadow:0 0 14px var(--chest-glow);opacity:0;animation:chestParticle 1.15s ease-out forwards;transform:translate(-50%,0)}.chest-card--or .chest-particle:nth-child(3n){border-radius:50%;background:#facc15}.chest-card--diamant .chest-particle:nth-child(2n){clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#00d9ff}.chest-card-body{padding:2px 2px 0}.chest-card-body h3{margin:8px 0 8px;font-family:Sora,Inter,sans-serif;font-size:1.45rem;color:#fff;letter-spacing:-.03em}.chest-card-body p{color:#cbd5e1;line-height:1.55;min-height:74px}.chest-conditions{display:flex;gap:7px;flex-wrap:wrap;padding:0;margin:12px 0 15px;list-style:none}.chest-conditions li{padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:.72rem;font-weight:900;color:#dbeafe}.chest-open-form{display:grid;gap:10px;margin-top:auto}.chest-open-form label span,.chest-terms{color:#dbeafe;font-weight:900;font-size:.86rem}.chest-code-field{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:16px;background:rgba(3,7,18,.55);border:1px solid rgba(255,255,255,.13);transition:border-color .2s ease,box-shadow .2s ease}.chest-code-field:focus-within{border-color:var(--chest-b);box-shadow:0 0 0 4px var(--chest-soft),0 0 28px var(--chest-soft)}.chest-code-field input{width:100%;min-height:38px;background:transparent;border:0;color:#fff;font-weight:1000;text-transform:uppercase;letter-spacing:.06em;outline:0}.chest-code-field input::placeholder{color:#77849f}.chest-terms{display:flex;gap:8px;align-items:flex-start;line-height:1.35;color:#b8c5e2}.chest-terms input{margin-top:2px;accent-color:var(--chest-b)}.chest-open-btn{position:relative;overflow:hidden}.chest-open-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.28),transparent);transform:translateX(-110%) skewX(-18deg);transition:transform .65s ease}.chest-open-btn:hover:before{transform:translateX(110%) skewX(-18deg)}.chest-reward{margin-top:14px;padding:15px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));border:1px solid color-mix(in srgb,var(--chest-b) 38%,rgba(255,255,255,.18));box-shadow:0 0 34px var(--chest-soft);animation:chestReward .55s var(--ch-ease) both}.chest-reward-badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:var(--chest-soft);border:1px solid color-mix(in srgb,var(--chest-b) 48%,white 10%);color:#fff;font-size:.76rem;font-weight:1000}.chest-reward strong{display:block;margin:10px 0 6px;color:#fff;font-family:Sora,Inter,sans-serif;font-size:clamp(1.8rem,4vw,2.75rem);line-height:1}.chest-reward small{display:block;color:#cbd5e1}.chest-reward-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.chest2026-message{min-height:24px;margin:12px 0 0;color:#cbd5e1;font-weight:900}.chest2026-message.is-error{color:#fecaca}.chest2026-message.is-success{color:#bbf7d0}.chest-card.is-loading .chest-open-btn,.chest-card.is-unlocking .chest-open-btn,.chest-card.is-opening .chest-open-btn{pointer-events:none;opacity:.72}.chest-card.is-loading .chest-visual{animation:chestPulseCheck .42s ease-in-out infinite}.chest-card.is-unlocking .chest-lock{animation:chestUnlock .24s linear 4}.chest-card.is-opening .chest-visual{animation:chestOpenShake .85s ease-in-out}.chest-card.is-opened .chest-lid,.chest-card.is-opening .chest-lid{transform:rotateX(-68deg) translateY(-8px)}.chest-card.is-opened .chest-light,.chest-card.is-opening .chest-light{opacity:1;transform:translateX(-50%) scale(1.2)}.chest-card.is-opened{border-color:color-mix(in srgb,var(--chest-b) 65%,white 10%);box-shadow:0 34px 96px rgba(0,0,0,.48),0 0 70px var(--chest-glow);background:linear-gradient(160deg,rgba(255,255,255,.16),var(--chest-soft),rgba(3,7,18,.55))}.chest-card.is-error{animation:chestErrorShake .38s ease;border-color:rgba(248,113,113,.55)}.chest2026-result-section{padding-top:42px}.chest2026-result{position:relative;overflow:hidden;margin-bottom:24px;padding:26px;border-radius:30px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035));box-shadow:0 28px 90px rgba(0,0,0,.38)}.chest2026-result:before{content:"";position:absolute;inset:auto 12% -35% 12%;height:70%;border-radius:999px;background:radial-gradient(circle,rgba(0,217,255,.22),transparent 70%);filter:blur(18px)}.chest2026-result>*{position:relative}.chest2026-result h2{font-family:Sora,Inter,sans-serif;font-size:clamp(1.8rem,3.3vw,3.4rem);margin:12px 0}.chest2026-result p{font-size:clamp(1.2rem,2vw,1.9rem);color:#fff;font-weight:1000}.chest2026-result small{display:block;color:#cbd5e1;margin-bottom:16px}.chest2026-confetti{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 28%,#00d9ff 0 3px,transparent 4px),radial-gradient(circle at 80% 24%,#ff43d0 0 3px,transparent 4px),radial-gradient(circle at 62% 72%,#facc15 0 3px,transparent 4px);opacity:.55;animation:chestConfetti 1.4s ease-out both}.chest2026-history{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.chest2026-history article{padding:18px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12)}.chest2026-history strong{display:block;margin:10px 0 5px;color:#fff;font-size:1.3rem}.chest2026-history p,.chest2026-history small{color:#cbd5e1}.chest2026-rules{padding-bottom:54px}@keyframes chestAurora{0%{opacity:.75;transform:translate3d(0,0,0)}100%{opacity:1;transform:translate3d(0,-10px,0)}}@keyframes chestFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes chestIdleFloat{0%,100%{transform:translateY(0) rotateX(0)}50%{transform:translateY(-8px) rotateX(1deg)}}@keyframes chestSweep{0%,45%{transform:translateX(-130%)}70%,100%{transform:translateX(130%)}}@keyframes chestLockPulse{0%,100%{filter:brightness(1);transform:translateX(-50%) scale(1)}50%{filter:brightness(1.2);transform:translateX(-50%) scale(1.04)}}@keyframes chestPulseCheck{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.03)}}@keyframes chestUnlock{0%,100%{transform:translateX(-50%) rotate(0)}25%{transform:translateX(-50%) rotate(-8deg)}75%{transform:translateX(-50%) rotate(8deg)}}@keyframes chestOpenShake{0%,100%{transform:translateY(0)}20%{transform:translateY(-3px) rotate(-1deg)}40%{transform:translateY(2px) rotate(1deg)}60%{transform:translateY(-2px) rotate(-.5deg)}80%{transform:translateY(1px)}}@keyframes chestParticle{0%{opacity:0;transform:translate(-50%,0) scale(.6)}15%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--x,0px)),var(--y,-120px)) scale(1.1)}}@keyframes chestReward{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes chestErrorShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}@keyframes chestConfetti{0%{opacity:0;transform:translateY(16px) scale(.9)}20%{opacity:.85}100%{opacity:0;transform:translateY(-22px) scale(1.08)}}@media(max-width:1240px){.chest2026-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chest2026-hero-grid{grid-template-columns:1fr}.chest2026-spotlight{min-height:280px}.chest2026-profile-card{grid-template-columns:1fr 1fr}.chest2026-history{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.chest2026-hero{padding-top:90px}.chest2026-copy h1{font-size:2.45rem}.chest2026-grid,.chest2026-history,.chest2026-profile-card{grid-template-columns:1fr}.chest2026-login-card{align-items:flex-start;flex-direction:column}.chest-card{border-radius:24px;padding:15px}.chest-open-form .btn,.chest2026-login-card .btn{width:100%}.chest2026-spotlight{display:none}.chest-stage{min-height:154px}.chest-visual{width:154px;height:130px}.chest-base{height:76px;left:12px;right:12px;border-radius:15px 15px 22px 22px}.chest-lid{bottom:62px;height:50px}.chest-lock{bottom:45px;width:36px;height:40px}.chest-card-body p{min-height:0}.chest-reward strong{font-size:2rem}.chest2026-result{padding:20px;border-radius:24px}}@media(prefers-reduced-motion:reduce){.chest-bg-orb,.chest2026-hero:after,.chest-visual,.chest-lid i,.chest-lock,.chest2026-confetti,.chest-card:after{animation:none!important;transition:none!important}.chest-card:hover{transform:none}.chest-particle{display:none!important}.chest-card.is-opened .chest-lid,.chest-card.is-opening .chest-lid{transform:rotateX(-38deg)}}