.reflective-card-container{position:relative;border-radius:20px;overflow:hidden;background:#1a1a1a;box-shadow:0 20px 50px rgba(0,0,0,.5),0 20px 50px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.1),inset 0 1px 0 0 hsla(0,0%,100%,.15),inset 0 0 0 0 hsla(0,0%,100%,.05);isolation:isolate;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .5s cubic-bezier(.4,0,.2,1)}@keyframes card-pulse{0%{box-shadow:0 20px 50px rgba(0,0,0,.5)}50%{box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 20px hsla(0,0%,100%,.2)}to{box-shadow:0 20px 50px rgba(0,0,0,.5)}}.reflective-card-container.is-active{animation:card-pulse 3s ease-in-out infinite}.reflective-card-container.is-active .reflective-sheen{opacity:1!important;filter:brightness(1.2)}.reflective-noise{opacity:.1!important;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-size:200px 200px;background-repeat:repeat;mix-blend-mode:screen}.reflective-mouse-highlight,.reflective-noise{position:absolute;inset:0;z-index:1;pointer-events:none}.reflective-mouse-highlight{background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.05) 25%,transparent 50%);opacity:0;transition:opacity .3s ease;mix-blend-mode:overlay}.reflective-card-container.is-hovering .reflective-mouse-highlight{opacity:1}.reflective-sheen{z-index:2;background:linear-gradient(135deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.1) 40%,hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,.1) 60%,hsla(0,0%,100%,.3));mix-blend-mode:overlay;opacity:.08;filter:saturate(0)}.reflective-border,.reflective-sheen{position:absolute;inset:0;pointer-events:none}.reflective-border{border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.1) 25%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,.1) 75%,hsla(0,0%,100%,.9));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;z-index:20}.reflective-content{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;color:var(--text-color,#fff);background:hsla(0,0%,100%,.08)}.reflective-card-container.login-expand .reflective-content{margin:-4px -8px;padding:4px 8px;border-radius:0}.reflective-card-container .rc-title,.reflective-card-container h1{font-size:24px;font-weight:700;letter-spacing:.05em;line-height:1.5;text-shadow:0 2px 4px rgba(0,0,0,.3);margin:0}.reflective-card-container .rc-subtitle,.reflective-card-container h2{font-size:12px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;opacity:.7;margin:0}.reflective-card-container .rc-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;background:hsla(0,0%,100%,.1);border-radius:4px;border:1px solid hsla(0,0%,100%,.2)}.reflective-card-container .rc-label{font-size:9px;letter-spacing:.1em;opacity:.6;text-transform:uppercase}.reflective-card-container .rc-value{font-family:JetBrains Mono,Fira Code,monospace;font-size:14px;letter-spacing:.05em}.reflective-card-container .rc-stat{font-family:JetBrains Mono,Fira Code,monospace;font-size:48px;font-weight:700;letter-spacing:-.02em;line-height:1}.reflective-card-container{transition:transform .3s ease,box-shadow .3s ease}.reflective-card-container:hover{transform:translateY(-4px);box-shadow:0 30px 60px rgba(0,0,0,.6)}.reflective-card-container.variant-section:hover{transform:none;box-shadow:0 20px 50px rgba(0,0,0,.5)}.reflective-card-container.variant-section .reflective-content{display:block;height:auto;background:transparent;z-index:30;position:relative}.reflective-card-container.variant-section h1,.reflective-card-container.variant-section h2,.reflective-card-container.variant-section h3,.reflective-card-container.variant-section label,.reflective-card-container.variant-section p,.reflective-card-container.variant-section span{font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;opacity:inherit;margin:inherit;text-shadow:none}.reflective-card-container.variant-section .reflective-input-container,.reflective-card-container.variant-section a,.reflective-card-container.variant-section button,.reflective-card-container.variant-section input,.reflective-card-container.variant-section select,.reflective-card-container.variant-section textarea{position:relative;z-index:31}.reflective-card-container.variant-section .reflective-noise{opacity:.03!important}.reflective-card-container.variant-section .reflective-sheen{opacity:.02}.reflective-card-container.variant-section .reflective-border{pointer-events:none!important}.reflective-card-container.variant-section .reflective-input-container{z-index:31}.reflective-card-container.variant-section .reflective-input-container.is-focused{transform:scale(1.01)}.reflective-card-container.variant-section .reflective-input-container.is-focused .input-glow{opacity:1!important;box-shadow:0 0 25px hsla(0,0%,100%,.4),0 0 50px hsla(0,0%,100%,.15)!important}