.reflective-card-container{isolation:isolate;background:radial-gradient(circle at 18% 12%,#26ccd229,#0000 34%),radial-gradient(circle at 86% 18%,#6763ff24,#0000 36%),linear-gradient(145deg,#0c1226fa,#050918fa);border-radius:18px;flex:0 auto;width:min(408px,100dvw - 32px);max-width:calc(100dvw - 32px);height:auto;min-height:0;max-height:calc(100dvh - 32px);margin-inline:auto;font-family:Inter,sans-serif;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000075,inset 0 0 0 1px #ffffff29}.reflective-card-container,.reflective-card-container *{box-sizing:border-box}.reflective-video{width:100%;height:100%;filter:saturate(var(--saturation,.95)) contrast(104%) brightness(101%);z-index:0;opacity:.9;background:radial-gradient(circle at 20% 22%,#00d4aa52,#0000 28%),radial-gradient(circle at 78% 14%,#00e5ff3d,#0000 28%),radial-gradient(circle at 74% 86%,#7c3aed38,#0000 34%),linear-gradient(145deg,#111a36 0%,#060a1b 54%,#0e172f 100%);transition:filter .3s;position:absolute;inset:0}.reflective-video:before,.reflective-video:after{content:"";pointer-events:none;position:absolute;inset:-24%}.reflective-video:before{background:conic-gradient(from 120deg at 50% 50%, transparent 0 18%, #ffffff14 24%, transparent 34%, #00d4aa1f 48%, transparent 64%, #00e5ff1a 76%, transparent 100%);animation:28s linear infinite reflective-orbit}.reflective-video:after{background:linear-gradient(115deg,#0000 0 22%,#ffffff1a 34%,#0000 48% 100%);transform:translate(-18%)}.reflective-noise{z-index:1;opacity:.06;pointer-events:none;mix-blend-mode:soft-light;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.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.reflective-sheen{z-index:2;pointer-events:none;mix-blend-mode:overlay;opacity:.28;background:linear-gradient(135deg,#fff6 0%,#ffffff1a 40%,#fff0 50%,#ffffff1a 60%,#ffffff4d 100%);position:absolute;inset:0}.reflective-border{-webkit-mask-composite:xor;z-index:20;pointer-events:none;background:linear-gradient(135deg,#ffffff85 0%,#ffffff1f 50%,#ffffff57 100%);border-radius:18px;padding:1px;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}.reflective-content{z-index:10;height:auto;max-height:calc(100dvh - 32px);color:var(--text-color,white);background:linear-gradient(180deg, #ffffff17, #ffffff0a), var(--overlay-color,#050a1cc7);-webkit-backdrop-filter:none;backdrop-filter:none;overscroll-behavior:contain;text-shadow:none;-webkit-font-smoothing:antialiased;flex-direction:column;padding:32px;display:flex;position:relative;overflow-y:auto}@keyframes reflective-orbit{to{transform:rotate(360deg)}}@media (max-width:640px){.reflective-card-container{border-radius:16px;height:auto;min-height:0;max-height:calc(100dvh - 24px);width:calc(100dvw - 32px)!important;max-width:calc(100dvw - 32px)!important}.reflective-content{min-height:0;max-height:calc(100dvh - 24px);gap:16px!important;padding:24px 18px!important}}@media (max-width:380px){.reflective-content{padding:20px 14px!important}}