@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/438aa629764e75f3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/875ae681bfde4580-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/51251f8b9793cdb3-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/e857b654a2caa584-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/cc978ac5ee68c2b6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/4c9affa5bc8f420e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Manrope Fallback;src:local("Arial");ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.00%;size-adjust:103.19%}.__className_73ee6c{font-family:Manrope,Manrope Fallback;font-style:normal}.__variable_73ee6c{--font-manrope:"Manrope","Manrope Fallback"}

/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.static{position:static}.top-\[1px\]{top:1px}.top-\[60\%\]{top:60%}.top-full{top:100%}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[1\]{z-index:1}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.inline{display:inline}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.size-full{width:100%;height:100%}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.min-h-screen{min-height:100vh}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-max{max-width:max-content}.max-w-none{max-width:none}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%}.scale-0,.scale-100{scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%}.-rotate-90{rotate:-90deg}.rotate-0{rotate:none}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-default{cursor:default}.list-none{list-style-type:none}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:3.40282e+38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.bg-transparent{background-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab}.bg-gradient-to-br,.bg-gradient-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab}.text-right{text-align:right}.leading-none{--tw-leading:1;line-height:1}.text-balance{text-wrap:balance}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-80{opacity:.8}.opacity-100{opacity:1}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *){top:100%}.group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport=false] *){overflow:hidden}.group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport=false] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport=false] *){--tw-duration:.2s;transition-duration:.2s}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus{--tw-outline-style:none;outline-style:none}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x)var(--tw-translate-y)}:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-glass:#ffffff1a;--bg-glass-hover:#fff3;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--accent-primary:#6366f1;--accent-primary-rgb:99,102,241;--accent-secondary:#8b5cf6;--accent-secondary-rgb:139,92,246;--accent-tertiary:#06b6d4;--border-primary:#94a3b833;--border-secondary:#94a3b81a;--shadow-primary:0 4px 6px -1px #0000001a;--shadow-secondary:0 10px 15px -3px #0000001a;--shadow-glow:0 0 20px #6366f14d;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-tertiary:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-success:linear-gradient(135deg,#43e97b,#38f9d7);--gradient-warning:linear-gradient(135deg,#fa709a,#fee140);--gradient-danger:linear-gradient(135deg,#ff9a9e,#fecfef);--glass-bg:#ffffff1a;--glass-border:#fff3;--glass-shadow:0 8px 32px #0000001a}@media (prefers-color-scheme:dark){.text-gray-500,.text-gray-500 *,.text-gray-600,.text-gray-600 *,.text-gray-700,.text-gray-700 *,.text-gray-800,.text-gray-800 *{color:#fff!important}}.activity-card:not(.selected),.activity-card:not(.selected) *,.category-filter,.category-filter *,[data-theme=dark] .activity-card:not(.selected),[data-theme=dark] .activity-card:not(.selected) *,[data-theme=dark] .category-filter,[data-theme=dark] .category-filter *{color:#fff!important}.built-by-ubaid-tag{cursor:pointer;transition:box-shadow .3s,filter .3s;box-shadow:0 2px 12px #5000b41a}.built-by-ubaid-tag:hover{filter:brightness(1.15)saturate(1.2);box-shadow:0 4px 24px #5000b440,0 0 0 4px #a78bfa55}@keyframes gradient-move{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.animate-gradient-move{background-size:200% 200%;animation:gradient-move 3s linear infinite}.shine-effect{opacity:.7;background:linear-gradient(120deg,#0000,#fff8 40%,#fff 50%,#fff8 60%,#0000);animation:shine-move 2.2s cubic-bezier(.4,0,.2,1) infinite;transform:translate(-100%)}@keyframes shine-move{0%{transform:translate(-100%)}60%{transform:translate(120%)}to{transform:translate(120%)}}[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--bg-glass:#0000004d;--bg-glass-hover:#0006;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--accent-primary:#818cf8;--accent-primary-rgb:129,140,248;--accent-secondary:#a78bfa;--accent-secondary-rgb:167,139,250;--accent-tertiary:#22d3ee;--border-primary:#94a3b81a;--border-secondary:#94a3b80d;--shadow-primary:0 4px 6px -1px #0000004d;--shadow-secondary:0 10px 15px -3px #0000004d;--shadow-glow:0 0 20px #818cf866;--gradient-primary:linear-gradient(135deg,#818cf8,#a78bfa);--gradient-secondary:linear-gradient(135deg,#f472b6,#fb7185);--gradient-tertiary:linear-gradient(135deg,#22d3ee,#06b6d4);--gradient-success:linear-gradient(135deg,#34d399,#10b981);--gradient-warning:linear-gradient(135deg,#fbbf24,#f59e0b);--gradient-danger:linear-gradient(135deg,#f87171,#ef4444);--glass-bg:#0000004d;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px #0000004d}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}body{min-height:100vh;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 80%,#6366f11a 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf61a 0,#0000 50%),radial-gradient(circle at 40% 40%,#06b6d40d 0,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700;line-height:1.2}h1{font-size:2.5rem;font-weight:800}h2{font-size:2rem;font-weight:700}h3{font-size:1.5rem;font-weight:600}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.space-y-8>*+*{margin-top:2rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.relative{position:relative}.absolute{position:absolute}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:1rem;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.card:before{content:"";background:var(--gradient-primary);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.card:hover{box-shadow:var(--shadow-secondary),var(--shadow-glow);border-color:var(--accent-primary);transform:translateY(-4px)}.card:hover:before{opacity:1}.btn-primary{background:var(--gradient-primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-primary);border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary:hover{box-shadow:var(--shadow-secondary),var(--shadow-glow);transform:translateY(-2px)}.btn-primary:hover:before{left:100%}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);border:1px solid var(--border-primary);cursor:pointer;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.btn-secondary:hover{background:var(--glass-bg-hover);border-color:var(--accent-primary);transform:translateY(-1px)}.input-field{border:1px solid var(--border-primary);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;color:var(--text-primary);border-radius:.75rem;padding:.75rem 1rem;transition:all .3s}.input-field:focus{border-color:var(--accent-primary);background:var(--glass-bg-hover);outline:none;box-shadow:0 0 0 3px #6366f11a}.input-range{background:linear-gradient(90deg,var(--bg-glass)0,var(--bg-tertiary)100%);appearance:none;border-radius:1rem;outline:none;width:100%;height:10px;transition:background .3s;position:relative;box-shadow:0 2px 12px #6366f114}.input-range:focus{background:linear-gradient(90deg,var(--gradient-primary)0,var(--bg-tertiary)100%);box-shadow:0 0 0 3px #6366f121}.input-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--gradient-primary)0,var(--bg-tertiary)100%);border-radius:1rem;height:10px;box-shadow:0 1px 6px #6366f11a}.input-range::-moz-range-track{background:linear-gradient(90deg,var(--gradient-primary)0,var(--bg-tertiary)100%);border-radius:1rem;height:10px;box-shadow:0 1px 6px #6366f11a}.input-range::-ms-fill-lower{background:var(--gradient-primary);border-radius:1rem}.input-range::-ms-fill-upper{background:var(--bg-tertiary);border-radius:1rem}.input-range::-webkit-slider-thumb{appearance:none;background:var(--gradient-primary);cursor:pointer;z-index:2;border:2.5px solid #fff;border-radius:50%;width:28px;height:28px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 2px 8px #6366f12e,0 0 0 4px #6366f11a}.input-range:focus::-webkit-slider-thumb{outline:2px solid var(--accent-primary);outline-offset:2px;box-shadow:0 0 0 6px #6366f12e}.input-range::-webkit-slider-thumb:hover{transform:scale(1.18);box-shadow:0 0 0 8px #6366f138,0 2px 12px #6366f138}.input-range::-moz-range-thumb{background:var(--gradient-primary);cursor:pointer;z-index:2;border:2.5px solid #fff;border-radius:50%;width:28px;height:28px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 2px 8px #6366f12e,0 0 0 4px #6366f11a}.input-range:focus::-moz-range-thumb{outline:2px solid var(--accent-primary);outline-offset:2px;box-shadow:0 0 0 6px #6366f12e}.input-range::-moz-range-thumb:hover{transform:scale(1.18);box-shadow:0 0 0 8px #6366f138,0 2px 12px #6366f138}.input-range::-ms-thumb{background:var(--gradient-primary);cursor:pointer;z-index:2;border:2.5px solid #fff;border-radius:50%;width:28px;height:28px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 2px 8px #6366f12e,0 0 0 4px #6366f11a}.input-range:focus::-ms-thumb{outline:2px solid var(--accent-primary);outline-offset:2px;box-shadow:0 0 0 6px #6366f12e}.input-range::-ms-thumb:hover{transform:scale(1.18);box-shadow:0 0 0 8px #6366f138,0 2px 12px #6366f138}.input-range::-webkit-slider-thumb:focus{outline:none}.input-range:focus::-ms-fill-lower{background:var(--gradient-primary)}.input-range:focus::-ms-fill-upper{background:var(--bg-tertiary)}.slider-value-bubble{background:var(--glass-bg);color:var(--text-primary);border:1.5px solid var(--glass-border);pointer-events:none;z-index:10;border-radius:1rem;padding:.35rem .85rem;font-size:1rem;font-weight:600;transition:background .2s,color .2s;position:absolute;top:-2.2rem;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #6366f11a}.input-range::-moz-focus-outer{border:0}.input-range::-ms-tooltip{display:none}@media (max-width:600px){.input-range{height:8px}.slider-value-bubble{padding:.25rem .65rem;font-size:.85rem;top:-2rem}}.text-gray-600,.text-gray-700{color:var(--text-secondary)}.text-gray-800{color:var(--text-primary)}.text-blue-600{color:var(--accent-primary)}.text-green-600{color:#10b981}.text-purple-600{color:var(--accent-secondary)}.text-orange-600{color:#f59e0b}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.p-6{padding:1.5rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.header{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-primary);z-index:50;position:sticky;top:0}.header-content{justify-content:space-between;max-width:1200px;height:4rem;margin:0 auto;padding:0 1rem}.header-content,.logo{align-items:center;display:flex}.logo{gap:.75rem}.logo-icon{background:var(--gradient-primary);color:#fff;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.875rem;font-weight:700;display:flex;position:relative;overflow:hidden}.logo-icon:before{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);animation:shimmer 2s infinite;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.logo-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.nav{display:none}.nav a{color:var(--text-secondary);border-radius:.5rem;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav a:hover{color:var(--accent-primary);background:var(--glass-bg)}.nav a:before{content:"";background:var(--gradient-primary);width:0;height:2px;transition:all .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav a:hover:before{width:80%}.theme-toggle{background:var(--glass-bg);border:1px solid var(--border-primary);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:.5rem;transition:all .3s;display:flex}.theme-toggle:hover{background:var(--glass-bg-hover);border-color:var(--accent-primary);transform:scale(1.05)}.theme-toggle svg{width:1.25rem;height:1.25rem;color:var(--text-secondary);transition:all .3s}.theme-toggle:hover svg{color:var(--accent-primary)}.main{flex:1}.main-content{max-width:1200px;margin:0 auto;padding:2rem 1rem}.footer{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-primary);margin-top:auto}.footer-content{max-width:1200px}.footer-content .main-content{max-width:1200px;margin:0 auto;padding:1rem}@media (min-width:640px){.footer-content .main-content{padding:2rem 1.5rem}}@media (min-width:1024px){.footer-content .main-content{padding:3rem 2rem}}.footer-content{text-align:center;margin:0 auto;padding:1.5rem 1rem}.activity-tag{padding:.25rem .5rem}.activity-tag .footer-content{text-align:center;max-width:1200px;margin:0 auto;padding:1rem}@media (min-width:640px){.activity-tag .footer-content{padding:1.5rem}}@media (min-width:1024px){.activity-tag .footer-content{padding:2rem}}.activity-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;border-radius:9999px;font-size:.75rem;font-weight:500}.activity-positive{color:#10b981;background:#10b9811a;border-color:#10b9814d}.activity-negative .card{width:100%;max-width:100%;margin-bottom:1.5rem}@media (min-width:640px){.activity-negative .card{max-width:48%;margin-bottom:2rem}}@media (min-width:1024px){.activity-negative .card{max-width:32%;margin-bottom:2.5rem}}.activity-negative{color:#ef4444;background:#ef44441a;border-color:#ef44444d}@media (min-width:640px){.activity-neutral .h1,.activity-neutral h1{font-size:2.5rem}.activity-neutral .h2,.activity-neutral h2{font-size:2rem}.activity-neutral .h3,.activity-neutral h3{font-size:1.5rem}.activity-neutral .p,.activity-neutral p{font-size:1.125rem}}@media (min-width:1024px){.activity-neutral .h1,.activity-neutral h1{font-size:3rem}.activity-neutral .h2,.activity-neutral h2{font-size:2.5rem}.activity-neutral .h3,.activity-neutral h3{font-size:2rem}.activity-neutral .p,.activity-neutral p{font-size:1.25rem}}.activity-neutral{background:var(--glass-bg);color:var(--text-secondary);border-color:var(--border-primary)}.activity-card{cursor:pointer;-webkit-backdrop-filter:blur(18px)saturate(1.2);background:#ffffff8c;border:2px solid #94a3b82e;border-radius:1.25rem;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 2px 12px #5000b412,0 1.5px 8px #6366f10f}.activity-card:before{content:"";background:linear-gradient(45deg,rgba(var(--accent-primary-rgb),.1),transparent 50%,rgba(var(--accent-secondary-rgb),.1));opacity:0;z-index:-1;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.activity-card:hover:before{opacity:1}.activity-card:hover{box-shadow:var(--shadow-secondary),var(--shadow-glow);border-color:var(--accent-primary);transform:translateY(-5px)scale(1.02)}.activity-card.selected{box-shadow:var(--shadow-glow),0 0 0 3px var(--accent-primary);transform:scale(1.02)}.activity-card.selected.positive{background:#10b98126;border-color:#10b981}.activity-card.selected.negative{background:#ef444426;border-color:#ef4444}.activity-card.selected.neutral{border-color:var(--accent-primary);background:#6366f126}.activity-card:not(.selected){-webkit-backdrop-filter:blur(28px)saturate(1.7)brightness(1.1);filter:drop-shadow(0 2px 12px #6366f117);background:#ffffff2e;border:none;border-radius:1.5rem;transition:box-shadow .25s,background .25s,filter .25s,border-radius .25s;position:relative;overflow:visible;box-shadow:0 6px 32px #5000b421,0 2px 16px #8b5cf61a}.activity-card:not(.selected):before{content:"";z-index:1;opacity:.18;pointer-events:none;background:linear-gradient(120deg,#a78bfa,#6366f1);border-radius:2rem;transition:opacity .25s;position:absolute;inset:-2px}.activity-card:not(.selected):hover{filter:brightness(1.16)saturate(1.16)blur(.5px);background:linear-gradient(120deg,#ece9fe52,#ddd6fe52),#ffffff47;border-radius:2rem;box-shadow:0 12px 48px #5000b42e,0 4px 32px #8b5cf629}.activity-card:not(.selected):hover:before{opacity:.38}@media (prefers-color-scheme:dark){.activity-card,.activity-card:not(.selected){-webkit-backdrop-filter:blur(32px)saturate(1.8)brightness(1.18);filter:drop-shadow(0 2px 12px #ffffff1a);background:#ffffff52;border-radius:1.5rem;position:relative;overflow:visible;box-shadow:0 6px 32px #ffffff21,0 2px 16px #8b5cf621;color:#fff!important}.activity-card:not(.selected),.activity-card:not(.selected) *,.category-filter,.category-filter *{color:#fff!important}.activity-card:not(.selected):before{opacity:.13;background:linear-gradient(120deg,#818cf8,#a78bfa)}.activity-card:not(.selected):hover{filter:brightness(1.18)saturate(1.18)blur(.5px);background:linear-gradient(120deg,#3730a352,#1e1b4b52),#1e1b4b47;border-radius:2rem;box-shadow:0 12px 48px #e9e9ef38,0 4px 32px #8b5cf62e;color:#fff!important}.activity-card:not(.selected):hover:before{opacity:.28}}.activity-card:not(.selected):hover{filter:brightness(1.12)saturate(1.12)blur(.5px);background:linear-gradient(120deg,#ece9fe61,#ddd6fe61),#ffffff52;border-color:#a78bfa;box-shadow:0 8px 32px #5000b429,0 4px 24px #8b5cf621}@media (prefers-color-scheme:dark){.activity-card,.activity-card:not(.selected){-webkit-backdrop-filter:blur(22px)saturate(1.5)brightness(1.08);filter:drop-shadow(0 1px 8px #8b5cf617);background:#1e1b4b38;border-color:#a78bfa38;box-shadow:0 4px 24px #818cf821,0 2px 16px #8b5cf61a}.activity-card:not(.selected):hover{filter:brightness(1.16)saturate(1.16)blur(.5px);background:linear-gradient(120deg,#3730a361,#1e1b4b61),#1e1b4b52;border-color:#818cf8;box-shadow:0 8px 32px #818cf82e,0 4px 24px #8b5cf621}}.selection-indicator{color:#fff;background:var(--gradient-primary);border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-.25rem;right:-.25rem}.impact-indicator{border-radius:50%;width:.5rem;height:.5rem;position:absolute;bottom:.25rem;right:.25rem}.impact-indicator.positive{background:#10b981}.impact-indicator.negative{background:#ef4444}.impact-indicator.neutral{background:var(--text-tertiary)}.category-filter{cursor:pointer;background:var(--glass-bg);color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:9999px;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s}.category-filter:hover{background:var(--glass-bg-hover);transform:translateY(-1px)}.category-filter.active{background:var(--gradient-primary);color:#fff;border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.fade-in{animation:fadeIn .5s ease-in-out}.slide-up{animation:slideUp .3s ease-out}.bounce-in{animation:bounceIn .6s ease-out}.scale-in{animation:scaleIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.hover-lift{transition:transform .2s,box-shadow .2s}.hover-lift:hover{box-shadow:var(--shadow-secondary),var(--shadow-glow);transform:translateY(-2px)}.loading{opacity:.6;pointer-events:none}.loading:after{content:"";border-top:2px solid var(--border-primary);border:2px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:spin 1s linear infinite;position:absolute;top:50%;left:50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-primary);outline-offset:2px}@media (min-width:768px){.grid-cols-1{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{gap:2rem;display:flex}}@media (min-width:1024px){.grid-cols-1{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.grid-cols-1{grid-template-columns:repeat(4,minmax(0,1fr))}}[data-theme=dark] .card{background:#0006}[data-theme=dark] .btn-secondary,[data-theme=dark] .input-field{background:#0000004d}.success-message{background:var(--gradient-success);color:#fff;box-shadow:var(--shadow-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:.75rem;padding:1rem 1.5rem;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}