.hero-card{--border:2px;--rounded:16px;padding:var(--border);position:relative}.hero-card:before,.hero-card:after{content:"";z-index:-1;border-radius:var(--rounded);background-position:50%;background-size:200% 200%;width:100%;height:100%;position:absolute;inset:0}.hero-card.revealer:before,.hero-card.revealer:after{background-image:radial-gradient(circle farthest-side at 0 100%,#c9a961,#0000),radial-gradient(circle farthest-side at 100% 0,#e8c882,#0000),radial-gradient(circle farthest-side at 100% 100%,#a08950,#0000),radial-gradient(circle farthest-side at 0 0,#c9a961,#0000)}.hero-card.voir:before,.hero-card.voir:after{background-image:radial-gradient(circle farthest-side at 0 100%,#6b8cae,#0000),radial-gradient(circle farthest-side at 100% 0,#8ba9c7,#0000),radial-gradient(circle farthest-side at 100% 100%,#4a6b8a,#0000),radial-gradient(circle farthest-side at 0 0,#6b8cae,#0000)}.hero-card:after{opacity:.5;transition-property:opacity;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.hero-card{--border:0px;padding:0}.hero-card:before,.hero-card:after{display:none}}.hero-card:hover:after{opacity:.8}@keyframes bg-spin{0%{background-position:0 50%}25%{background-position:right 20% bottom 40%}50%{background-position:100% 50%}75%{background-position:45% 20%}to{background-position:0 50%}}@keyframes bg-spin-subtle{0%{background-position:50%}25%{background-position:right 60% bottom 55%}50%{background-position:60% 55%}75%{background-position:55% 60%}to{background-position:50%}}.particles-wrapper{width:calc(100% - (var(--border)*4));height:calc(100% - (var(--border)*4));border-radius:calc(var(--rounded) - 4px);pointer-events:none;z-index:80;inset:calc(var(--border)*2);position:absolute;overflow:hidden}.particle{--sz-point:3px;pointer-events:none;width:var(--sz-point);height:var(--sz-point);border-radius:9999px;animation:ease-in-out infinite floating-particles;position:absolute;top:-8px}.hero-card.revealer .particle{background-color:#c9a961;box-shadow:0 0 8px #c9a96199}.hero-card.voir .particle{background-color:#6b8cae;box-shadow:0 0 8px #6b8cae99}@keyframes floating-particles{0%{opacity:0;transform:translate(0)}10%{opacity:1}90%{opacity:.3}to{opacity:0;transform:translate(calc(var(--drift-x,0)*1px),calc(var(--card-height,400)*1px))}}.particle:first-child{--drift-x:20;animation-duration:6s;animation-delay:.2s;left:10%}.particle:nth-child(2){--drift-x:-15;animation-duration:7s;animation-delay:.5s;left:30%}.particle:nth-child(3){--drift-x:30;animation-duration:5.6s;animation-delay:.1s;left:25%}.particle:nth-child(4){--drift-x:-10;animation-duration:6.4s;animation-delay:0s;left:44%}.particle:nth-child(5){--drift-x:5;animation-duration:5s;animation-delay:.3s;left:50%}.particle:nth-child(6){--drift-x:-25;animation-duration:4.4s;animation-delay:1s;left:75%}.particle:nth-child(7){--drift-x:15;animation-duration:6.6s;animation-delay:.2s;left:88%}.particle:nth-child(8){--drift-x:-20;animation-duration:5.8s;animation-delay:.4s;left:58%}.particle:nth-child(9){--drift-x:-30;animation-duration:7.2s;animation-delay:.1s;left:98%}.particle:nth-child(10){--drift-x:10;animation-duration:6.2s;animation-delay:.6s;left:65%}.card-content{border-radius:calc(var(--rounded) - 4px);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#141720f2 0%,#0d0f17fa 100%);width:100%;height:100%;position:relative;overflow:hidden}.bg-radial-fade{background:radial-gradient(80% 60%,#0000 0%,#0a0b1266 70%,#0a0b12cc 100%)}.section-divider{background:linear-gradient(90deg,#0000 0%,#c9a9614d 30%,#6b8cae4d 70%,#0000 100%);height:1px;position:relative}.section-divider:before{content:"";background:linear-gradient(135deg,#c9a961 0%,#6b8cae 100%);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #c9a96166}.grain-overlay{pointer-events:none;opacity:.03;z-index:1000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.text-glow-gold{text-shadow:0 0 40px #c9a9614d}.text-glow-blue{text-shadow:0 0 40px #6b8cae4d}.step-connector{background:linear-gradient(90deg,#c9a96166 0%,#6b8cae66 100%);width:calc(100% - 80px);height:2px;position:absolute;top:32px;left:calc(50% + 40px)}.step-connector:after{content:"";border:5px solid #0000;border-left-color:#6b8cae80;position:absolute;top:50%;right:0;transform:translateY(-50%)}.feature-card{transition:all .4s cubic-bezier(.22,1,.36,1);position:relative}.feature-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,#c9a96100 0%,#c9a9611a 50%,#6b8cae1a 100%);padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.feature-card:hover:before{opacity:1}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -15px #00000080}.rain-effect{z-index:0;opacity:.12;pointer-events:none;--rain-color:#c9a96199;background-color:#0000;background-image:radial-gradient(3px 80px at 0px 180px,var(--rain-color),transparent),radial-gradient(3px 80px at 250px 180px,var(--rain-color),transparent),radial-gradient(1.5px 1.5px at 125px 90px,var(--rain-color)100%,transparent 150%),radial-gradient(3px 80px at 0px 220px,var(--rain-color),transparent),radial-gradient(3px 80px at 250px 220px,var(--rain-color),transparent),radial-gradient(1.5px 1.5px at 125px 110px,var(--rain-color)100%,transparent 150%),radial-gradient(3px 80px at 0px 160px,var(--rain-color),transparent),radial-gradient(3px 80px at 250px 160px,var(--rain-color),transparent),radial-gradient(1.5px 1.5px at 125px 80px,var(--rain-color)100%,transparent 150%),radial-gradient(3px 80px at 0px 200px,var(--rain-color),transparent),radial-gradient(3px 80px at 250px 200px,var(--rain-color),transparent),radial-gradient(1.5px 1.5px at 125px 100px,var(--rain-color)100%,transparent 150%);background-size:250px 180px,250px 180px,250px 180px,250px 220px,250px 220px,250px 220px,250px 160px,250px 160px,250px 160px,250px 200px,250px 200px,250px 200px;animation:300s linear infinite rain-fall;position:absolute;inset:0}.rain-effect:after{content:"";background-image:radial-gradient(1.5px 2px at 1.5px,#0000 0 90%,#0a0b124d 100%);background-size:25px 8px;position:absolute;inset:0}@keyframes rain-fall{0%{background-position:0 160px,2px 160px,126.5px 250px,20px 18px,22px 18px,146.5px 128px,40px 12px,42px 12px,166.5px 72px,60px 170px,62px 170px,186.5px 270px}to{background-position:0 5160px,2px 5160px,126.5px 5250px,20px 10018px,22px 10018px,146.5px 10128px,40px 4012px,42px 4012px,166.5px 4072px,60px 12670px,62px 12670px,186.5px 12770px}}.rain-effect-blue{z-index:0;opacity:.12;pointer-events:none;--rain-color:#6b8cae99;background-color:#0000;background-image:radial-gradient(3px 80px at 0px 180px,var(--rain-color),transparent),radial-gradient(3px 80px at 250px 180px,var(--rain-color),transparent),radial-gradient(1.5px 1.5px at 125px 90px,var(--rain-color)100%,transparent 150%),radial-gradient(3px 80px at 0px 220px,var(--rain-color),transparent),radial-gradient(3px 80px at 250px 220px,var(--rain-color),transparent),radial-gradient(1.5px 1.5px at 125px 110px,var(--rain-color)100%,transparent 150%),radial-gradient(3px 80px at 0px 160px,var(--rain-color),transparent),radial-gradient(3px 80px at 250px 160px,var(--rain-color),transparent),radial-gradient(1.5px 1.5px at 125px 80px,var(--rain-color)100%,transparent 150%),radial-gradient(3px 80px at 0px 200px,var(--rain-color),transparent),radial-gradient(3px 80px at 250px 200px,var(--rain-color),transparent),radial-gradient(1.5px 1.5px at 125px 100px,var(--rain-color)100%,transparent 150%);background-size:250px 180px,250px 180px,250px 180px,250px 220px,250px 220px,250px 220px,250px 160px,250px 160px,250px 160px,250px 200px,250px 200px,250px 200px;animation:300s linear infinite rain-fall;position:absolute;inset:0}.rain-effect-blue:after{content:"";background-image:radial-gradient(1.5px 2px at 1.5px,#0000 0 90%,#0a0b124d 100%);background-size:25px 8px;position:absolute;inset:0}.rain-effect-optimized{z-index:0;opacity:.1;pointer-events:none;will-change:background-position;--rain-color:#c9a96180;background-color:#0000;background-image:radial-gradient(2px 60px at 50px 100px,var(--rain-color),transparent),radial-gradient(2px 60px at 150px 120px,var(--rain-color),transparent),radial-gradient(2px 60px at 100px 80px,var(--rain-color),transparent);background-size:200px 150px,200px 150px,200px 150px;animation:30s linear infinite rain-fall-optimized;position:absolute;inset:0}.rain-effect-blue-optimized{z-index:0;opacity:.1;pointer-events:none;will-change:background-position;--rain-color:#6b8cae80;background-color:#0000;background-image:radial-gradient(2px 60px at 50px 100px,var(--rain-color),transparent),radial-gradient(2px 60px at 150px 120px,var(--rain-color),transparent),radial-gradient(2px 60px at 100px 80px,var(--rain-color),transparent);background-size:200px 150px,200px 150px,200px 150px;animation:30s linear infinite rain-fall-optimized;position:absolute;inset:0}@keyframes rain-fall-optimized{0%{background-position:0 0,50px 20px,100px 10px}to{background-position:0 1500px,50px 1520px,100px 1510px}}.rain-effect-blue-breathing{z-index:0;pointer-events:none;will-change:background-position,opacity,transform;--rain-color:#6b8cae80;background-color:#0000;background-image:radial-gradient(2px 60px at 50px 100px,var(--rain-color),transparent),radial-gradient(2px 60px at 150px 120px,var(--rain-color),transparent),radial-gradient(2px 60px at 100px 80px,var(--rain-color),transparent);background-size:200px 150px,200px 150px,200px 150px;animation:30s linear infinite rain-fall-optimized,6s ease-in-out infinite rain-breathe;position:absolute;inset:0}@keyframes rain-breathe{0%{opacity:.08;transform:scale(.95)}40%{opacity:.18;transform:scale(1.05)}to{opacity:.08;transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.rain-effect-blue-breathing{opacity:.12;animation:30s linear infinite rain-fall-optimized;transform:scale(1)}}@keyframes breathing-circle{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.animate-breathing-circle{animation:4s ease-in-out infinite breathing-circle}