.glass-primary{border-width:1px;border-color:hsla(0,0%,100%,.5);background-color:hsla(0,0%,100%,.6);--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-backdrop-blur:blur(24px);box-shadow:0 10px 40px -10px rgba(0,0,0,.1),inset 0 0 0 1px hsla(0,0%,100%,.2)}.glass-primary,.glass-secondary{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.glass-secondary{border-width:1px;border-color:hsla(0,0%,100%,.4);background-color:hsla(0,0%,100%,.5);--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-backdrop-blur:blur(16px);box-shadow:0 4px 20px -4px rgba(0,0,0,.08),inset 0 0 0 1px hsla(0,0%,100%,.1)}.glass-tertiary{border-width:1px;border-color:hsla(0,0%,100%,.3);background-color:hsla(0,0%,100%,.4);--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-backdrop-blur:blur(12px);box-shadow:0 2px 10px -2px rgba(0,0,0,.05),inset 0 0 0 1px hsla(0,0%,100%,.05)}.glass-accent,.glass-tertiary{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.glass-accent{border-width:1px;border-color:hsla(0,0%,100%,.6);background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:hsla(0,0%,100%,.7) var(--tw-gradient-from-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsla(0,0%,100%,.65) var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:hsla(0,0%,100%,.6) var(--tw-gradient-to-position);--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-backdrop-blur:blur(24px);box-shadow:0 20px 50px -15px rgba(0,0,0,.15),inset 0 0 0 1px hsla(0,0%,100%,.3)}.panel-neutral{border-width:1px;border-color:rgba(229,231,235,.8);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:0 1px 3px 0 rgba(0,0,0,.05),inset 0 0 0 1px hsla(0,0%,100%,.1)}.panel-neutral,.panel-success{background-color:hsla(0,0%,100%,.95);--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.panel-success{border-width:1px;border-color:rgba(187,247,208,.8);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:0 1px 3px 0 rgba(34,197,94,.1),inset 0 0 0 1px rgba(34,197,94,.05)}.panel-warning{border-width:1px;border-color:hsla(48,97%,77%,.8);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:0 1px 3px 0 rgba(245,158,11,.1),inset 0 0 0 1px rgba(245,158,11,.05)}.panel-danger,.panel-warning{background-color:hsla(0,0%,100%,.95);--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.panel-danger{border-width:1px;border-color:hsla(0,96%,89%,.8);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:0 1px 3px 0 rgba(239,68,68,.1),inset 0 0 0 1px rgba(239,68,68,.05)}.panel-info{border-width:1px;border-color:rgba(191,219,254,.8);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:0 1px 3px 0 rgba(59,130,246,.1),inset 0 0 0 1px rgba(59,130,246,.05)}.panel-info,.panel-premium{background-color:hsla(0,0%,100%,.95);--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.panel-premium{border-width:1px;border-color:rgba(233,213,255,.8);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:0 1px 3px 0 rgba(168,85,247,.1),inset 0 0 0 1px rgba(168,85,247,.05)}.glass-success{border-width:1px;border-color:rgba(187,247,208,.8);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:0 1px 3px 0 rgba(34,197,94,.1),inset 0 0 0 1px rgba(34,197,94,.05)}.glass-success,.glass-warning{background-color:hsla(0,0%,100%,.95);--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.glass-warning{border-width:1px;border-color:hsla(48,97%,77%,.8);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:0 1px 3px 0 rgba(245,158,11,.1),inset 0 0 0 1px rgba(245,158,11,.05)}.glass-danger{border-width:1px;border-color:hsla(0,96%,89%,.8);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:0 1px 3px 0 rgba(239,68,68,.1),inset 0 0 0 1px rgba(239,68,68,.05)}.glass-danger,.glass-info{background-color:hsla(0,0%,100%,.95);--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.glass-info{border-width:1px;border-color:rgba(191,219,254,.8);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:0 1px 3px 0 rgba(59,130,246,.1),inset 0 0 0 1px rgba(59,130,246,.05)}.glass-premium{border-width:1px;border-color:rgba(233,213,255,.8);background-color:hsla(0,0%,100%,.95);--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);box-shadow:0 1px 3px 0 rgba(168,85,247,.1),inset 0 0 0 1px rgba(168,85,247,.05)}.space-mobile-xs>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-mobile-sm>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-mobile-md>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-mobile-lg>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-mobile-xl>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}@media (min-width:768px){.space-desktop-xs>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-desktop-sm>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-desktop-md>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-desktop-lg>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.space-desktop-xl>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}}.pad-mobile-xs{padding:.75rem}.pad-mobile-sm{padding:1rem}.pad-mobile-md{padding:1.25rem}.pad-mobile-lg{padding:1.5rem}@media (min-width:768px){.pad-desktop-xs{padding:1rem}.pad-desktop-sm{padding:1.5rem}.pad-desktop-md{padding:2rem}.pad-desktop-lg{padding:2.5rem}}.text-display{font-size:1.75rem;line-height:2rem;font-weight:700;line-height:1.25;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}@media (min-width:768px){.text-display{font-size:2.125rem;line-height:2.5rem}}.text-headline{font-size:1.375rem;line-height:1.75rem;font-weight:700;line-height:1.25;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}@media (min-width:768px){.text-headline{font-size:1.75rem;line-height:2rem}}.text-title{font-size:1.125rem;line-height:1.5rem;font-weight:600;line-height:1.375;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}@media (min-width:768px){.text-title{font-size:1.375rem;line-height:1.75rem}}.text-subtitle{font-size:1rem;line-height:1.5rem;font-weight:500;line-height:1.375;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}@media (min-width:768px){.text-subtitle{font-size:1.125rem;line-height:1.5rem}}.text-body{font-size:.875rem;line-height:1.25rem;line-height:1.625;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}@media (min-width:768px){.text-body{font-size:1rem;line-height:1.5rem}}.text-caption{font-size:.75rem;line-height:1rem;line-height:1.625;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}@media (min-width:768px){.text-caption{font-size:.875rem;line-height:1.25rem}}.text-micro{font-size:.75rem;line-height:1rem;line-height:1.25;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.metric-primary{font-size:1.75rem;line-height:2rem;font-weight:700;line-height:1;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}@media (min-width:768px){.metric-primary{font-size:2.125rem;line-height:2.5rem}}.metric-secondary{font-size:1.125rem;line-height:1.5rem;font-weight:600;line-height:1;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}@media (min-width:768px){.metric-secondary{font-size:1.375rem;line-height:1.75rem}}.metric-accent{font-size:1rem;line-height:1.5rem;font-weight:500;line-height:1}@media (min-width:768px){.metric-accent{font-size:1.125rem;line-height:1.5rem}}.text-positive{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-negative{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-neutral{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-premium{--tw-text-opacity:1;color:rgb(126 34 206/var(--tw-text-opacity,1))}.text-info{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.bg-positive{background-color:rgb(220 252 231/var(--tw-bg-opacity,1));color:rgb(22 101 52/var(--tw-text-opacity,1))}.bg-negative,.bg-positive{--tw-bg-opacity:1;--tw-text-opacity:1}.bg-negative{background-color:rgb(254 226 226/var(--tw-bg-opacity,1));color:rgb(153 27 27/var(--tw-text-opacity,1))}.bg-neutral{background-color:rgb(243 244 246/var(--tw-bg-opacity,1));color:rgb(31 41 55/var(--tw-text-opacity,1))}.bg-neutral,.bg-premium{--tw-bg-opacity:1;--tw-text-opacity:1}.bg-premium{background-color:rgb(243 232 255/var(--tw-bg-opacity,1));color:rgb(107 33 168/var(--tw-text-opacity,1))}.bg-info{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.button-glass,.touch-target{display:flex;min-height:44px;min-width:44px;align-items:center;justify-content:center}.button-glass{border-radius:.75rem;border-width:1px;border-color:hsla(0,0%,100%,.5);background-color:hsla(0,0%,100%,.7);font-weight:500;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);--tw-backdrop-blur:blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}.button-glass,.button-glass:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.button-glass:hover{background-color:hsla(0,0%,100%,.8);--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.button-glass-primary{border-radius:.75rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#9333ea var(--tw-gradient-to-position);font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:flex;min-height:44px;min-width:44px;align-items:center;justify-content:center}.button-glass-primary,.button-glass-primary:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.button-glass-primary:hover{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#7e22ce var(--tw-gradient-to-position);--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.card-compact{border-radius:1rem;border-width:1px;border-color:hsla(0,0%,100%,.4);background-color:hsla(0,0%,100%,.5);--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-backdrop-blur:blur(16px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);box-shadow:0 4px 20px -4px rgba(0,0,0,.08),inset 0 0 0 1px hsla(0,0%,100%,.1);padding:1rem}@media (min-width:768px){.card-compact{padding:1.5rem}}.card-standard{border-radius:1rem;border-width:1px;border-color:hsla(0,0%,100%,.5);background-color:hsla(0,0%,100%,.6);--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-backdrop-blur:blur(24px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);box-shadow:0 10px 40px -10px rgba(0,0,0,.1),inset 0 0 0 1px hsla(0,0%,100%,.2);padding:1.25rem}@media (min-width:768px){.card-standard{padding:2rem}}.card-feature{border-radius:1.5rem;border-width:1px;border-color:hsla(0,0%,100%,.6);background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:hsla(0,0%,100%,.7) var(--tw-gradient-from-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsla(0,0%,100%,.65) var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:hsla(0,0%,100%,.6) var(--tw-gradient-to-position);--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-backdrop-blur:blur(24px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);box-shadow:0 20px 50px -15px rgba(0,0,0,.15),inset 0 0 0 1px hsla(0,0%,100%,.3);padding:1.5rem}@media (min-width:768px){.card-feature{padding:2.5rem}}.mobile-grid-1{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}.mobile-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media (min-width:768px){.mobile-grid-2{gap:1rem}}.mobile-grid-3{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}@media (min-width:640px){.mobile-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.mobile-grid-3{gap:1.5rem}}@media (min-width:1024px){.mobile-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.mobile-grid-4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media (min-width:768px){.mobile-grid-4{gap:1rem}}@media (min-width:1024px){.mobile-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.mobile-scroll{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem}.mobile-scroll::-webkit-scrollbar{display:none}.animate-slide-up{animation:slideUp .3s ease-out}.animate-slide-down{animation:slideDown .3s ease-out}.animate-scale-in{animation:scaleIn .4s ease-out}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hover-lift{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}.hover-lift:hover{--tw-translate-y:-0.25rem;--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover-glow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}.hover-glow:hover{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:rgba(168,85,247,.2);--tw-shadow:var(--tw-shadow-colored)}.focus-ring:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:hsla(0,0%,100%,.5)}.mobile-only{display:block}@media (min-width:768px){.mobile-only{display:none}}.desktop-only{display:none}@media (min-width:768px){.desktop-only{display:block}}.tablet-up{display:none}@media (min-width:640px){.tablet-up{display:block}}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}.animation-delay-500{animation-delay:.5s}.market-graph-container{background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.4),inset 0 -1px 0 hsla(0,0%,100%,.1);transform:translateZ(0);will-change:transform;transition:all .3s cubic-bezier(.4,0,.2,1)}.market-graph-container:hover{box-shadow:0 12px 48px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.5),inset 0 -1px 0 hsla(0,0%,100%,.2)}.market-performance-container{will-change:transform}.market-performance-container,.premium-button-glass{position:relative;overflow:hidden;transform:translateZ(0)}.premium-button-glass{transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-button-glass:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0));pointer-events:none}.premium-button-glass:hover{transform:translateY(-2px) scale(1.02)}.time-period-button{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.time-period-button:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(59,130,246,.2),transparent);opacity:0;transform:scale(0);transition:all .3s ease}.time-period-button:hover:after{opacity:1;transform:scale(1)}.time-period-button.active{animation:pulse-glow 2s infinite}.chart-legend{position:relative;transform:translateZ(0);transition:all .3s ease}.legend-item{transition:all .2s ease}.legend-item:hover{transform:translateX(2px)}.legend-dot{animation:dot-pulse 3s infinite}@keyframes dot-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}.chart-background{position:relative;overflow:hidden}.chart-background:before{content:"";position:absolute;inset:-50%;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.05),transparent 50%);animation:rotate-gradient 20s linear infinite}@keyframes rotate-gradient{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tooltip-glass{position:relative;transform:translateZ(0);animation:tooltip-fade-in .2s ease}@keyframes tooltip-fade-in{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.graph-line{stroke-width:3px;transition:all .3s ease;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 2px 8px rgba(124,58,237,.3))}.positive-performance{filter:drop-shadow(0 4px 12px rgba(34,197,94,.4));animation:confidenceGlow 2s ease-in-out infinite alternate}.negative-performance{filter:drop-shadow(0 4px 12px rgba(239,68,68,.3))}@keyframes confidenceGlow{0%{filter:drop-shadow(0 4px 12px rgba(34,197,94,.4));stroke-width:3px}to{filter:drop-shadow(0 6px 16px rgba(34,197,94,.6));stroke-width:3.5px}}.chart-line-spy,.chart-line-xlp{filter:drop-shadow(0 0 8px currentColor);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-grid-line{opacity:.1;transition:opacity .3s ease}.chart-background:hover .chart-grid-line{opacity:.15}@keyframes crosshair-pulse{0%,to{opacity:.2}50%{opacity:.4}}.market-loading-spinner{border:3px solid rgba(59,130,246,.1);border-top-color:#3b82f6;animation:spinner-rotate 1s linear infinite}@keyframes spinner-rotate{to{transform:rotate(1turn)}}.market-particle{position:absolute;width:2px;height:2px;background:hsla(0,0%,100%,.3);border-radius:50%;pointer-events:none}.market-performance-container>*{position:relative;z-index:1}.market-performance-container .absolute{z-index:0}@media (max-width:768px){.market-performance-container{padding:20px}.time-period-button{padding:6px 12px;font-size:12px}.chart-legend{padding:8px 12px}.legend-item{font-size:12px}}.market-overview-container{gap:16px;padding:20px;border-radius:24px;background:hsla(0,0%,100%,.02)}.index-item{padding:8px 16px;border-radius:12px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.index-item:hover{background:rgba(124,58,237,.05);border-color:rgba(124,58,237,.15)}.index-item.active{background:linear-gradient(135deg,rgba(124,58,237,.1),rgba(59,130,246,.1));border:1px solid rgba(124,58,237,.3);transform:scale(1.02);box-shadow:0 4px 12px rgba(124,58,237,.15)}.graph-transition{transition:all .6s cubic-bezier(.4,0,.2,1)}.market-grade{display:inline-flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:900;border-radius:16px;padding:12px 20px;min-width:80px;text-align:center;transition:all .3s ease}.grade-a-plus{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;box-shadow:0 4px 20px rgba(16,185,129,.4),inset 0 1px 0 hsla(0,0%,100%,.3);animation:grade-pulse 2s ease-in-out infinite}.grade-a{background:linear-gradient(135deg,#22c55e,#4ade80);color:#fff;box-shadow:0 4px 20px rgba(34,197,94,.35)}.grade-b{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;box-shadow:0 4px 20px rgba(59,130,246,.3)}.grade-c{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;box-shadow:0 4px 20px rgba(245,158,11,.3)}@keyframes grade-pulse{0%,to{transform:scale(1);box-shadow:0 4px 20px rgba(16,185,129,.4)}50%{transform:scale(1.02);box-shadow:0 6px 30px rgba(16,185,129,.6)}}.market-vibe{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;opacity:.9;margin-top:4px}@media (prefers-color-scheme:dark){.market-performance-container{background:linear-gradient(135deg,rgba(30,30,40,.9),rgba(20,20,30,.95));border-color:hsla(0,0%,100%,.1)}.time-period-button{color:hsla(0,0%,100%,.8)}.time-period-button:hover{background:hsla(0,0%,100%,.15)}.chart-background{background:linear-gradient(135deg,rgba(59,130,246,.02),rgba(139,92,246,.02))}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.market-performance-container{min-height:600px}@media (max-width:768px){.market-performance-container{min-height:480px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes floating{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(90deg)}50%{transform:translateY(-20px) rotate(180deg)}75%{transform:translateY(-10px) rotate(270deg)}}@keyframes floatingSubtle{0%,to{transform:translateY(0) translateX(0)}33%{transform:translateY(-8px) translateX(4px)}66%{transform:translateY(4px) translateX(-4px)}}@keyframes floatingOrb{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-15px) scale(1.1);opacity:.8}}.animate-floating,.animate-floating-delay-1{animation:floating 3s ease-in-out infinite}.animate-floating-delay-1{animation-delay:1s}.animate-floating-delay-2{animation:floating 3s ease-in-out infinite;animation-delay:2s}.animate-floating-delay-3{animation:floatingSubtle 4s ease-in-out infinite;animation-delay:.5s}.animate-floating-orb{animation:floatingOrb 6s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes characterBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}@keyframes characterWiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(1deg)}75%{transform:rotate(-1deg)}}.animate-breathe,.animate-breathe-delay{animation:breathe 4s ease-in-out infinite}.animate-breathe-delay{animation-delay:2s}.animate-character-bounce{animation:characterBounce 3s ease-in-out infinite}.animate-character-wiggle{animation:characterWiggle 2s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradientRotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.animate-gradient-shift{background-size:400% 400%;animation:gradientShift 15s ease infinite}.animate-gradient-rotate{animation:gradientRotate 10s linear infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) both}.animate-fade-in-up-delay-1{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .1s both}.animate-fade-in-up-delay-2{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .2s both}.animate-fade-in-up-delay-3{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .3s both}.animate-fade-in-up-delay-4{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .4s both}.animate-fade-in-left{animation:fadeInLeft .6s cubic-bezier(.4,0,.2,1) both}.animate-fade-in-scale{animation:fadeInScale .6s cubic-bezier(.4,0,.2,1) both}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px rgba(99,102,241,.3)}50%{box-shadow:0 0 20px rgba(99,102,241,.6),0 0 30px rgba(139,92,246,.4)}}@keyframes buttonHover{0%{transform:scale(1)}to{transform:scale(1.05)}}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.animate-button-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.animate-button-hover:hover{animation:buttonHover .3s cubic-bezier(.4,0,.2,1) forwards}.animate-shimmer{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);background-size:468px 100%;animation:shimmer 2s infinite}@keyframes cardLift{0%{transform:translateY(0) scale(1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}to{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}}@keyframes stackCardHover{0%{transform:translateY(0);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}to{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}}.stack-card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.stack-card-hover:hover{animation:stackCardHover .3s cubic-bezier(.4,0,.2,1) forwards}.card-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-lift:hover{animation:cardLift .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes progressFill{0%{width:0}to{width:var(--progress-width,100%)}}@keyframes dotPulse{0%,20%{color:#6366f1;transform:scale(1)}50%{color:rgba(99,102,241,.5);transform:scale(1.2)}to{color:#6366f1;transform:scale(1)}}@keyframes spinGradient{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-progress-fill{animation:progressFill 1.5s cubic-bezier(.4,0,.2,1) forwards}.animate-dot-pulse,.animate-dot-pulse-delay-1{animation:dotPulse 1.5s ease-in-out infinite}.animate-dot-pulse-delay-1{animation-delay:.2s}.animate-dot-pulse-delay-2{animation:dotPulse 1.5s ease-in-out infinite;animation-delay:.4s}.animate-spin-gradient{animation:spinGradient 2s linear infinite}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.scroll-reveal{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.animate-slide-in-bottom{animation:slideInFromBottom .6s cubic-bezier(.4,0,.2,1) both}.animate-slide-in-left{animation:slideInFromLeft .6s cubic-bezier(.4,0,.2,1) both}.animate-slide-in-right{animation:slideInFromRight .6s cubic-bezier(.4,0,.2,1) both}.touch-feedback{transition:transform .15s ease-out,opacity .15s ease-out}.touch-feedback:active{transform:scale(.98);opacity:.8}@media (hover:none) and (pointer:coarse){.card-lift:hover,.stack-card-hover:hover{transform:none;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);animation:none}.animate-button-hover:hover{transform:none;animation:none}}.ease-smooth{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-bounce{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.ease-elastic{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}.will-change-transform{will-change:transform}.will-change-auto{will-change:auto}.stagger-animation>*{opacity:0;transform:translateY(20px);animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards}.stagger-animation>:first-child{animation-delay:.1s}.stagger-animation>:nth-child(2){animation-delay:.2s}.stagger-animation>:nth-child(3){animation-delay:.3s}.stagger-animation>:nth-child(4){animation-delay:.4s}.stagger-animation>:nth-child(5){animation-delay:.5s}.stagger-animation>:nth-child(6){animation-delay:.6s}.grid-stagger-animation>*{opacity:0;transform:translateY(20px) scale(.95);animation:fadeInScale .6s cubic-bezier(.4,0,.2,1) forwards}.grid-stagger-animation>:nth-child(odd){animation-delay:.1s}.grid-stagger-animation>:nth-child(2n){animation-delay:.2s}.animate-gpu{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@media (prefers-reduced-motion:reduce){.animate-breathe,.animate-breathe-delay,.animate-character-bounce,.animate-character-wiggle,.animate-floating,.animate-floating-delay-1,.animate-floating-delay-2,.animate-floating-delay-3,.animate-floating-orb,.animate-gradient-rotate,.animate-gradient-shift,.animate-pulse-glow,.animate-shimmer{animation:none!important}.animate-button-hover:hover,.card-lift:hover,.stack-card-hover:hover{transform:none!important;animation:none!important}}:root{--gradient-primary-vibrant:linear-gradient(135deg,#667eea,#764ba2);--gradient-success-vibrant:linear-gradient(135deg,#34d399,#10b981);--gradient-warning-vibrant:linear-gradient(135deg,#fbbf24,#f59e0b);--gradient-mission:linear-gradient(135deg,#3b82f6,#8b5cf6);--gradient-achievement:linear-gradient(135deg,#ec4899,#8b5cf6);--gradient-header-enhanced:linear-gradient(180deg,#fff,#f9fafb 50%,#f3f4f6);--shadow-card-hover-game:0 10px 30px -5px rgba(99,102,241,.15);--shadow-badge-active:0 4px 12px -2px rgba(99,102,241,.2);--shadow-mission-card:0 8px 24px -6px rgba(99,102,241,.12);--mission-card-padding-compact:0.75rem;--badge-scroll-size:3.5rem;--progress-ring-compact:5rem}.achievement-header-enhanced{background:var(--gradient-header-enhanced);border-bottom:1px solid rgba(0,0,0,.05);backdrop-filter:blur(10px);position:relative;overflow:hidden}.achievement-header-enhanced:before{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.05) 50%,transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.mission-card-compact{background:#fff;border-radius:16px;padding:var(--mission-card-padding-compact);box-shadow:var(--shadow-mission-card);border:1px solid rgba(99,102,241,.1);position:relative;overflow:hidden;transition:all .3s ease}.mission-card-compact:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover-game)}.mission-card-compact:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-mission)}.mission-progress-ring{width:var(--progress-ring-compact);height:var(--progress-ring-compact);position:relative}.mission-progress-ring svg{transform:rotate(-90deg)}.mission-progress-ring-track{fill:none;stroke:#e5e7eb;stroke-width:8}.mission-progress-ring-fill{fill:none;stroke:url(#mission-gradient);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.task-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s ease;cursor:pointer}.task-item:hover{background:#f9fafb;border-color:#3b82f6;transform:translateX(4px)}.task-checkbox{width:24px;height:24px;border:2px solid #d1d5db;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.task-item.completed .task-checkbox{background:var(--gradient-success-vibrant);border-color:transparent}.task-priority-indicator{width:4px;height:100%;position:absolute;left:0;top:0;border-radius:12px 0 0 12px}.task-priority-high{background:#ef4444}.task-priority-medium{background:#f59e0b}.task-priority-low{background:#10b981}.badge-scroll-container{display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;padding:1rem 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.badge-scroll-container::-webkit-scrollbar{height:6px}.badge-scroll-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.badge-scroll-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.achievement-badge{flex-shrink:0;width:var(--badge-scroll-size);height:var(--badge-scroll-size);border-radius:12px;background:#fff;border:2px solid #e5e7eb;padding:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;scroll-snap-align:start;transition:all .2s ease;cursor:pointer}.achievement-badge:hover{transform:scale(1.1);border-color:#3b82f6;box-shadow:var(--shadow-badge-active)}.achievement-badge-icon{width:2rem;height:2rem;margin-bottom:.25rem}.achievement-badge-label{font-size:.625rem;text-align:center;color:#6b7280}@media (max-width:640px){.mission-card-compact{padding:.5rem}.badge-scroll-container{gap:.5rem}.achievement-badge{width:3rem;height:3rem}.task-item{padding:.5rem .75rem}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(59,130,246,.4)}50%{box-shadow:0 0 0 8px rgba(59,130,246,0)}}.pulse-animation{animation:pulse-glow 2s infinite}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up-enter{animation:slide-up .3s ease-out}.achievement-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:1.5rem}.section-divider{display:none}.unified-container{background:linear-gradient(180deg,#fff,#f9fafb);min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}