/*! tailwindcss v4.1.14 | 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)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-6xl:72rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-bounce:bounce 1s infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.fixed\!{position:fixed!important}.relative{position:relative}.static{position:static}.sticky{position:sticky}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-\[calc\(4rem\+1\.5rem\)\]{bottom:5.5rem}.z-\[9998\]{z-index:9998}.z-\[9999\]{z-index:9999}.col-1{grid-column:1}.col-2{grid-column:2}.col-3{grid-column:3}.col-6{grid-column:6}.col-12{grid-column:12}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing)*3)}.my-4{margin-block:calc(var(--spacing)*4)}.my-8{margin-block:calc(var(--spacing)*8)}.me-2{margin-inline-end:calc(var(--spacing)*2)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-\[474px\]{height:474px}.h-\[634px\]{height:634px}.h-\[700px\]{height:700px}.h-full{height:100%}.w-2{width:calc(var(--spacing)*2)}.w-4{width:calc(var(--spacing)*4)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-100{width:calc(var(--spacing)*100)}.w-\[440px\]{width:440px}.w-\[500px\]{width:500px}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-\[\#e5e7eb\]{border-color:#e5e7eb}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-600{border-color:var(--color-gray-600)}.border-gray-700{border-color:var(--color-gray-700)}.bg-black{background-color:var(--color-black)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-red-600{background-color:var(--color-red-600)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-5{padding-block:calc(var(--spacing)*5)}.pt-0{padding-top:calc(var(--spacing)*0)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-4{padding-right:calc(var(--spacing)*4)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.leading-3{--tw-leading:calc(var(--spacing)*3);line-height:calc(var(--spacing)*3)}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.break-words{overflow-wrap:break-word}.text-\[\#6b7280\]{color:#6b7280}.text-\[\#030712\]{color:#030712}.text-\[\#f9fafb\]{color:#f9fafb}.text-black{color:var(--color-black)}.text-blue-600{color:var(--color-blue-600)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-red-500{color:var(--color-red-500)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.placeholder-\[\#6b7280\]::-moz-placeholder{color:#6b7280}.placeholder-\[\#6b7280\]::placeholder{color:#6b7280}.placeholder-gray-500::-moz-placeholder{color:var(--color-gray-500)}.placeholder-gray-500::placeholder{color:var(--color-gray-500)}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.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,)}.backdrop-filter{-webkit-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,);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{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,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:bg-\[\#111827E6\]:hover{background-color:#111827e6}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:opacity-85:hover{opacity:.85}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-2:focus{--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\:ring-\[\#9ca3af\]:focus{--tw-ring-color:#9ca3af}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-gray-500:focus{--tw-ring-color:var(--color-gray-500)}.focus\:ring-gray-600:focus{--tw-ring-color:var(--color-gray-600)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-offset-2:focus{--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\:outline-none:focus{--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}@media (min-width:40rem){.sm\:right-4{right:calc(var(--spacing)*4)}.sm\:bottom-\[calc\(4rem\+1\.5rem\)\]{bottom:5.5rem}.sm\:my-4{margin-block:calc(var(--spacing)*4)}.sm\:mt-0{margin-top:calc(var(--spacing)*0)}.sm\:mr-0{margin-right:calc(var(--spacing)*0)}.sm\:h-8{height:calc(var(--spacing)*8)}.sm\:h-16{height:calc(var(--spacing)*16)}.sm\:h-\[634px\]{height:634px}.sm\:w-8{width:calc(var(--spacing)*8)}.sm\:w-16{width:calc(var(--spacing)*16)}.sm\:w-\[440px\]{width:440px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-3{gap:calc(var(--spacing)*3)}.sm\:rounded-lg{border-radius:var(--radius-lg)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:px-4{padding-inline:calc(var(--spacing)*4)}.sm\:pr-4{padding-right:calc(var(--spacing)*4)}.sm\:pb-6{padding-bottom:calc(var(--spacing)*6)}}@media (min-width:48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:64rem){.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\:bg-gray-700{background-color:var(--color-gray-700)}.dark\:text-gray-100{color:var(--color-gray-100)}@media (hover:hover){.dark\:hover\:bg-gray-800:hover{background-color:var(--color-gray-800)}}}}:root{--base:#eff1f5;--mantle:#e6e9ef;--crust:#dce0e8;--text:#4c4f69;--subtext1:#5c5f77;--subtext0:#6c6f85;--surface0:#ccd0da;--surface1:#bcc0cc;--surface2:#acb0be;--rosewater:#dc8a78;--flamingo:#dd7878;--pink:#ea76cb;--mauve:#8839ef;--red:#d20f39;--maroon:#e64553;--peach:#fe640b;--yellow:#df8e1d;--green:#40a02b;--teal:#179299;--sky:#04a5e5;--sapphire:#209fb5;--blue:#1e66f5;--lavender:#7287fd;--shadow:#4c4f691a;--overlay:#4c4f690d;--color-primary:var(--blue);--color-secondary:var(--mauve);--color-success:var(--green);--color-warning:var(--yellow);--color-danger:var(--red);--color-info:var(--sky);--color-bg-primary:var(--base);--color-bg-secondary:var(--mantle);--color-bg-tertiary:var(--crust);--color-text-primary:var(--text);--color-text-secondary:var(--subtext1);--color-text-muted:var(--subtext0);--color-border:var(--surface0);--color-border-focus:var(--blue)}.dark-mode{--base:#1e1e2e;--mantle:#181825;--crust:#11111b;--text:#cdd6f4;--subtext1:#bac2de;--subtext0:#a6adc8;--surface0:#313244;--surface1:#45475a;--surface2:#585b70;--rosewater:#f5e0dc;--flamingo:#f2cdcd;--pink:#f5c2e7;--mauve:#cba6f7;--red:#f38ba8;--maroon:#eba0ac;--peach:#fab387;--yellow:#f9e2af;--green:#a6e3a1;--teal:#94e2d5;--sky:#89dceb;--sapphire:#74c7ec;--blue:#89b4fa;--lavender:#b4befe;--shadow:#0000004d;--overlay:#0000001a;--color-primary:var(--blue);--color-secondary:var(--mauve);--color-success:var(--green);--color-warning:var(--yellow);--color-danger:var(--red);--color-info:var(--sky);--color-bg-primary:var(--base);--color-bg-secondary:var(--mantle);--color-bg-tertiary:var(--crust);--color-text-primary:var(--text);--color-text-secondary:var(--subtext1);--color-text-muted:var(--subtext0);--color-border:var(--surface0);--color-border-focus:var(--blue)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{color:var(--text);background-color:var(--base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}.App{flex-direction:column;width:100%;min-height:100vh;display:flex}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}::-moz-selection{background:var(--lavender);color:var(--base)}::selection{background:var(--lavender);color:var(--base)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--base)}::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--subtext0)}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes gradient-rotate{0%,to{background-position:0%}50%{background-position:100%}}@keyframes pulse{50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transition:all .4s ease-out;transform:translateY(0)}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transition:all .4s ease-out}.navbar{-webkit-backdrop-filter:blur(30px)saturate(180%);z-index:1000;background:#ffffff26;border:1px solid #fff3;border-radius:20px;width:calc(100% - 40px);max-width:1200px;padding:.75rem 1rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000001a,inset 0 0 0 1px #ffffff1a}.navbar.scrolled{background:#fff3;padding:.5rem 1rem;box-shadow:0 12px 40px #00000026,inset 0 0 0 1px #ffffff26}.dark-mode .navbar{background:#1e1e2eb3;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff0d}.dark-mode .navbar.scrolled{background:#1e1e2ecc;box-shadow:0 12px 40px #00000080,inset 0 0 0 1px #ffffff14}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;min-height:64px;margin:0 auto;padding:0 20px;display:flex}.nav-logo{align-items:center;gap:.75rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-logo:hover{transform:translateY(-2px)}.logo-icon{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)50%,var(--mauve)100%);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.4rem;font-weight:900;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #89b4fa66,0 2px 6px #89b4fa4d,inset 0 -2px 4px #0000001a,inset 0 2px 4px #fff3}.nav-logo:hover .logo-icon{transform:rotate(-10deg)scale(1.05);box-shadow:0 8px 24px #89b4fa99,0 4px 12px #89b4fa66,inset 0 -2px 4px #00000026,inset 0 2px 4px #ffffff4d}.logo-text{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)50%,var(--mauve)100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:800;line-height:1}.nav-menu{align-items:center;gap:.5rem;list-style:none;display:flex}.nav-link{color:var(--text);letter-spacing:.3px;border-radius:8px;padding:.6rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative}.nav-link:hover{color:var(--blue);background:#89b4fa1a;transform:translateY(-2px)}.nav-link.active{color:var(--blue);background:#89b4fa26;font-weight:700}.nav-link:after{content:"";background:linear-gradient(90deg,var(--blue)0%,var(--lavender)100%);border-radius:2px;width:0;height:2px;transition:width .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.nav-link:hover:after,.nav-link.active:after{width:calc(100% - 2rem)}.nav-link-admin{color:var(--red);font-weight:700}.nav-link-admin:hover{color:var(--red);background:#f38ba826}.nav-link-admin.active{background:#f38ba833}.nav-controls{align-items:center;gap:.75rem;margin-left:auto;display:flex}.nav-auth{align-items:center;gap:.75rem;display:flex}.btn-login{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)100%);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.65rem 1.8rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;box-shadow:0 4px 12px #89b4fa4d}.btn-login:hover{transform:translateY(-2px);box-shadow:0 6px 20px #89b4fa80}.btn-profile{color:var(--blue);background:#89b4fa1a;border:1px solid #89b4fa33;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-profile:hover{background:#89b4fa33;transform:translateY(-2px);box-shadow:0 4px 12px #89b4fa33}.profile-name{text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden}.btn-logout{color:var(--red);cursor:pointer;background:#f38ba81a;border:1px solid #f38ba833;border-radius:10px;justify-content:center;align-items:center;padding:.6rem;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-logout:hover{background:#f38ba833;transform:translateY(-2px);box-shadow:0 4px 12px #f38ba833}.btn-profile-trigger{color:var(--text);cursor:pointer;background:#89b4fa1a;border:1px solid #89b4fa33;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-profile-trigger:hover{background:#89b4fa33;transform:translateY(-2px);box-shadow:0 4px 12px #89b4fa33}.profile-avatar-small{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.profile-avatar-small img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.profile-chevron{font-size:1rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.profile-chevron.open{transform:rotate(180deg)}.hamburger{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:none}.hamburger-icon{color:var(--text);font-size:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.hamburger:hover .hamburger-icon{color:var(--blue);transform:scale(1.1)}.hamburger.active .hamburger-icon{color:var(--blue);transform:rotate(90deg)scale(1.05)}.nav-link:focus-visible,.nav-logo:focus-visible,.btn-login:focus-visible,.btn-profile:focus-visible,.btn-profile-trigger:focus-visible,.btn-logout:focus-visible,.hamburger:focus-visible{outline:2px solid var(--blue);outline-offset:2px;box-shadow:0 0 0 3px #89b4fa40}.dark-mode .nav-link:hover{background:#89b4fa1f}.dark-mode .nav-link.active{background:#89b4fa2e}.dark-mode .btn-profile-trigger{color:var(--text);border-color:#89b4fa40}@media (max-width:768px){.navbar{border-radius:16px;width:calc(100% - 20px);top:10px}.nav-container{min-height:56px}.nav-menu{-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);opacity:0;pointer-events:none;z-index:999;background:#eff1f5e6;border-bottom:1px solid #ffffff40;flex-direction:column;align-items:stretch;gap:.25rem;padding:.75rem;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .3s;display:flex;position:fixed;top:64px;left:0;right:0;transform:translateY(-120%);box-shadow:0 12px 24px #1f26871f}.dark-mode .nav-menu{background:#1e1e2ee6;border-bottom-color:#ffffff1f;box-shadow:0 12px 28px #00000059}.navbar.scrolled .nav-menu{top:56px}.nav-menu.active{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-menu li{width:100%}.nav-link{border-radius:10px;padding:.9rem 1rem;display:block}.hamburger{display:flex}}@media (min-width:1200px){.nav-container{max-width:1280px;padding:0 28px}.nav-link{padding:.7rem 1.1rem;font-size:1rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@supports not (backdrop-filter:blur(1px)){.navbar,.nav-menu{background:#eff1f5fa}.dark-mode .navbar,.dark-mode .nav-menu{background:#1e1e2efa}}.btn{cursor:pointer;letter-spacing:.3px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;border-radius:12px;padding:14px 32px;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative;overflow:hidden}.btn:before{content:"";pointer-events:none;background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:hover:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--blue)0%,var(--sapphire)100%);color:var(--base);border:1px solid #ffffff1a;box-shadow:0 8px 20px #1e66f54d}.btn-primary:hover{background:linear-gradient(135deg,var(--sapphire)0%,var(--lavender)100%);transform:translateY(-3px)scale(1.02);box-shadow:0 12px 30px #1e66f566}.btn-primary:active{transform:translateY(-1px)scale(.98)}.btn-secondary{color:var(--blue);border:2px solid var(--blue);-webkit-backdrop-filter:blur(10px);background:#ffffff1a}.btn-secondary:hover{background:var(--blue);color:var(--base);border-color:var(--blue);transform:translateY(-3px)scale(1.02);box-shadow:0 12px 30px #1e66f54d}.btn-secondary:active{transform:translateY(-1px)scale(.98)}.btn-outline-primary{color:var(--blue);border-color:var(--blue);background-color:#0000}.btn-outline-primary:hover{background-color:var(--blue);border-color:var(--blue);color:var(--base)}.btn-sm,.btn-group-sm>.btn{padding:.25rem .5rem;font-size:.875rem}.about-card,.project-card,.team-card{-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff2e;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #1f26871a}.about-card{text-align:center;padding:2.5rem}.about-card:before{content:"";pointer-events:none;background:linear-gradient(45deg,#0000,#ffffff0d,#0000);width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.about-card:hover,.project-card:hover,.team-card:hover{border-color:#ffffff4d;transform:translateY(-8px)scale(1.02);box-shadow:0 15px 40px #1f268733}.about-card:hover:before{left:100%}.card-icon{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3.5rem;transition:all .3s;display:inline-block}.about-card:hover .card-icon{transform:scale(1.1)rotateY(180deg)}.about-card h3{color:var(--text);margin-bottom:1rem;font-size:1.3rem;font-weight:600}.about-card p{color:var(--subtext0);line-height:1.6}.tag{background:linear-gradient(135deg,var(--lavender)0%,var(--blue)100%);color:var(--base);letter-spacing:.3px;border-radius:20px;padding:.3rem 1rem;font-size:.8rem;font-weight:600;transition:all .3s;box-shadow:0 2px 10px #7287fd4d}.tag:hover{transform:translateY(-2px);box-shadow:0 4px 15px #7287fd80}.badge{font-size:.75em}.bg-success{background-color:var(--green)!important}.bg-warning{background-color:var(--yellow)!important;color:var(--base)!important}.bg-danger{background-color:var(--red)!important}.bg-secondary{background-color:var(--surface2)!important}.glass-card{-webkit-backdrop-filter:blur(10px);background:#0000000d;border:1px solid #0000001a;border-radius:20px;box-shadow:0 8px 32px #1f26871a}.dark-mode .glass-card{background:#ffffff0d;border:1px solid #ffffff1a}.gradient-text{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)50%,var(--mauve)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-border{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)100%);border-radius:20px;padding:2px;position:relative}.gradient-border-inner{background:var(--base);border-radius:18px;padding:2rem}.pulse-on-hover:hover{animation:1.5s infinite pulse}.shimmer{background:linear-gradient(to right,var(--base)4%,var(--surface0)25%,var(--base)36%);background-size:1000px 100%;animation:2s linear infinite shimmer}.text-muted{color:var(--subtext0)!important}.spinner-border{color:var(--blue)}.scroll-progress{background:linear-gradient(90deg,var(--blue)0%,var(--lavender)50%,var(--mauve)100%);z-index:10000;width:0%;height:3px;transition:width .1s;position:fixed;top:0;left:0}.events-page{background:linear-gradient(180deg,var(--base)0%,var(--mantle)50%,var(--base)100%);position:relative;overflow:hidden}.events-grid{grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));gap:2rem;margin-top:3rem;display:grid}.event-card{-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff2e;border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.6s ease-out fadeInUp;position:relative;overflow:hidden;box-shadow:0 8px 32px #1f26871a}.event-card:before{content:"";pointer-events:none;background:linear-gradient(45deg,#0000,#ffffff0d,#0000);width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.event-card:hover{border-color:#ffffff4d;transform:translateY(-8px)scale(1.02);box-shadow:0 15px 40px #1f268733}.event-card:hover:before{left:100%}.event-card h3{color:var(--text);background:linear-gradient(135deg,var(--blue)0%,var(--lavender)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.event-card p{color:var(--subtext0);margin-bottom:1.5rem;line-height:1.6}.event-details{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.event-detail-item{color:var(--subtext1);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.event-detail-item svg{color:var(--blue);font-size:1rem}.event-card .btn{width:100%;margin-top:.5rem}.event-card:first-child{animation-delay:.1s}.event-card:nth-child(2){animation-delay:.2s}.event-card:nth-child(3){animation-delay:.3s}.event-card:nth-child(4){animation-delay:.4s}.challenges-page{background:linear-gradient(180deg,var(--base)0%,var(--mantle)50%,var(--base)100%);position:relative;overflow:hidden}.filter-tabs{flex-wrap:wrap;justify-content:center;gap:1rem;margin:2rem 0;display:flex}.filter-btn{color:var(--subtext1);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.filter-btn:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)100%);color:var(--base);border-color:#0000;box-shadow:0 8px 20px #1e66f54d}.challenges-grid{grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));gap:2rem;margin-top:3rem;display:grid}.challenge-card{-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff2e;border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.6s ease-out fadeInUp;position:relative;overflow:hidden;box-shadow:0 8px 32px #1f26871a}.challenge-card:before{content:"";pointer-events:none;background:linear-gradient(45deg,#0000,#ffffff0d,#0000);width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.challenge-card:hover{border-color:#ffffff4d;transform:translateY(-8px)scale(1.02);box-shadow:0 15px 40px #1f268733}.challenge-card:hover:before{left:100%}.challenge-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.challenge-card h3{color:var(--text);flex:1;font-size:1.4rem;font-weight:600}.difficulty-badge{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:20px;padding:.4rem 1rem;font-size:.75rem;font-weight:700}.difficulty-badge.beginner{background:linear-gradient(135deg,var(--green)0%,var(--teal)100%);color:var(--base);box-shadow:0 4px 15px #a6e3a14d}.difficulty-badge.intermediate{background:linear-gradient(135deg,var(--yellow)0%,var(--peach)100%);color:var(--base);box-shadow:0 4px 15px #f9e2af4d}.difficulty-badge.advanced{background:linear-gradient(135deg,var(--red)0%,var(--maroon)100%);color:var(--base);box-shadow:0 4px 15px #f38ba84d}.challenge-card p{color:var(--subtext0);margin-bottom:1.5rem;line-height:1.6}.challenge-meta{flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;display:flex}.meta-item{color:var(--subtext1);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.meta-item svg{color:var(--blue);font-size:1rem}.challenge-actions{flex-wrap:wrap;gap:.75rem;display:flex}.challenge-actions .btn{flex:1;justify-content:center;align-items:center;gap:.5rem;min-width:140px;display:inline-flex}.challenge-card:first-child{animation-delay:.1s}.challenge-card:nth-child(2){animation-delay:.2s}.challenge-card:nth-child(3){animation-delay:.3s}.challenge-card:nth-child(4){animation-delay:.4s}section{padding:6rem 0;position:relative}.section-header{text-align:center;margin-bottom:4rem;animation:.8s ease-out fadeInUp}.section-header h2{background:linear-gradient(135deg,var(--text)0%,var(--blue)50%,var(--mauve)100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3rem;font-weight:800;display:inline-block;position:relative}.section-header h2:after{content:"";background:linear-gradient(90deg,var(--blue)0%,var(--lavender)100%);border-radius:2px;width:60px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.section-header p{color:var(--subtext0);max-width:650px;margin:0 auto;font-size:1.2rem;line-height:1.8}.hero{background:linear-gradient(135deg,var(--base)0%,var(--mantle)100%);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle at 30% 50%,var(--lavender)0%,transparent 40%),radial-gradient(circle at 70% 80%,var(--blue)0%,transparent 40%),radial-gradient(circle at 50% 20%,var(--mauve)0%,transparent 40%);opacity:.15;filter:blur(60px);pointer-events:none;width:200%;height:200%;animation:8s ease-in-out infinite float;position:absolute;top:-50%;right:-50%}.hero:after{content:"";background:radial-gradient(circle at 60% 50%,var(--sapphire)0%,transparent 40%);opacity:.1;filter:blur(60px);pointer-events:none;width:200%;height:200%;animation:10s ease-in-out infinite reverse float;position:absolute;bottom:-50%;left:-50%}.hero-notices-left{z-index:999;width:320px;animation:.6s ease-out fadeInLeft;position:fixed;top:50%;left:100px;transform:translateY(-50%)}@keyframes fadeInLeft{0%{opacity:0;transform:translateY(-50%)translate(-30px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.notices-close{width:32px;height:32px;color:var(--red);cursor:pointer;z-index:10;background:#f38ba81a;border:1px solid #f38ba84d;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:12px;right:12px}.notices-close:hover{background:#f38ba833;transform:scale(1.1)}.notices-container{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;flex-direction:column;gap:12px;max-height:80vh;padding:16px;display:flex;overflow-y:auto;box-shadow:0 8px 32px #0000001a,inset 0 0 0 1px #ffffff1a}.dark-mode .notices-container{background:#1e1e2eb3;border:1px solid #ffffff1a}.notice-card{background:var(--base);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--surface0);border-radius:16px;flex-direction:column;gap:10px;padding:14px;transition:all .3s;display:flex;position:relative;overflow:hidden}.notice-card:before{content:"";background:linear-gradient(135deg,var(--blue)0%,var(--lavender)100%);width:4px;height:100%;position:absolute;top:0;left:0}.notice-card:hover{border-color:var(--blue);transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.notice-icon{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)100%);color:#fff;border-radius:10px;justify-content:center;align-self:flex-start;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.notice-content{flex:1;min-width:0}.notice-content h4{color:var(--text-primary);margin:0 0 6px;font-size:14px;font-weight:700;line-height:1.3}.notice-content p{color:var(--text-secondary);margin:0 0 8px;font-size:12px;line-height:1.4}.notice-date{color:var(--blue);font-size:11px;font-weight:600}.notice-link{color:var(--blue);background:#89b4fa1a;border-radius:8px;align-self:flex-start;margin-top:4px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .3s}.notice-link:hover{background:#89b4fa33;transform:translate(2px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.hero-notices-left{width:280px;left:80px}}@media (max-width:768px){.hero-notices-left{width:100%;max-width:400px;margin:0 auto 2rem;padding:0 1rem;position:relative;top:auto;left:auto;transform:none}.notices-container{max-height:none}}.hero-content{text-align:center;z-index:2;max-width:900px;margin:0 auto;padding:2rem;animation:1s ease-out fadeInUp;position:relative}.hero-title{color:var(--text);background:linear-gradient(135deg,var(--blue)0%,var(--lavender)50%,var(--mauve)100%);-webkit-text-fill-color:transparent;letter-spacing:-2px;background-size:200%;-webkit-background-clip:text;background-clip:text;min-height:5rem;margin-bottom:1.5rem;font-size:4rem;font-weight:900;line-height:1.2;animation:1s ease-out .2s both fadeInUp,5s infinite gradient-shift}.typewriter-cursor{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)50%,var(--mauve)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-left:2px;font-weight:100;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-subtitle{color:var(--subtext1);letter-spacing:-.5px;margin-bottom:1.5rem;font-size:1.8rem;font-weight:600;animation:1s ease-out .4s both fadeInUp}.hero-description{color:var(--subtext0);max-width:650px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.8;animation:1s ease-out .6s both fadeInUp}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;animation:1s ease-out .8s both fadeInUp;display:flex}.about{background:linear-gradient(180deg,var(--base)0%,var(--mantle)50%,var(--base)100%);position:relative;overflow:hidden}.about:before{content:"";background:radial-gradient(circle,var(--blue)0%,transparent 60%);opacity:.05;filter:blur(80px);pointer-events:none;width:120%;height:200%;animation:15s ease-in-out infinite float;position:absolute;top:-50%;left:-10%}.about-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:2rem;margin-top:3rem;display:grid}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));gap:2rem;margin-top:3rem;display:grid}.project-card,.project-card-link{color:inherit;text-decoration:none;display:block}.project-card:after{content:"";opacity:0;pointer-events:none;z-index:-1;background:linear-gradient(135deg,#1e66f51a,#8a39ef1a);transition:opacity .4s;position:absolute;inset:0}.project-card-link:hover .project-card{color:inherit;text-decoration:none;transform:translateY(-10px)scale(1.02);box-shadow:0 20px 50px #1f268740}.project-card-link:hover .project-card:after{opacity:1}.project-image{background:linear-gradient(135deg,var(--surface1)0%,var(--surface2)100%);justify-content:center;align-items:center;height:220px;display:flex;position:relative;overflow:hidden}.project-image:before{content:"";opacity:0;z-index:1;pointer-events:none;background:linear-gradient(#0000,#0000004d);transition:opacity .4s;position:absolute;inset:0}.project-card-link:hover .project-image:before{opacity:1}.project-card-link:hover .project-image img{transform:scale(1.1)}.project-content p{color:var(--subtext0);margin-bottom:1rem;line-height:1.6}.project-tags{flex-wrap:wrap;gap:.5rem;display:flex}.projects-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:3rem;display:flex}.team{background-color:var(--mantle);padding:5rem 0}.team-category{margin-bottom:4rem}.team-category h3{color:var(--text);text-align:center;margin-bottom:.5rem;font-size:1.8rem;font-weight:600}.team-description{text-align:center;color:var(--subtext1);margin-bottom:2rem;font-size:1rem}.team-members{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:2rem;display:grid}.team-card{text-align:center;padding:2.5rem;transition:transform .3s,box-shadow .3s}.team-card-clickable:hover{cursor:pointer;transform:translateY(-8px);box-shadow:0 12px 30px #89b4fa4d}.team-card-clickable:active{transform:translateY(-4px)}.team-avatar{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)50%,var(--mauve)100%);width:100px;height:100px;color:var(--base);background-size:200% 200%;border:3px solid #fff3;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:2.5rem;transition:all .4s;animation:3s infinite gradient-rotate;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #1e66f54d}.team-card:hover .team-avatar{transform:scale(1.1)rotate(5deg);box-shadow:0 12px 35px #1e66f580}.team-avatar img{-o-object-fit:cover;object-fit:cover;z-index:1;border-radius:50%;width:100%;height:100%;position:relative}.team-card h4{color:var(--text);margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.team-role{color:var(--blue);font-weight:500;margin-bottom:1rem!important}.github-link{color:var(--blue);font-weight:500;text-decoration:none;transition:color .3s;display:inline-block}.github-link:hover{color:var(--lavender)}.contact-content{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;margin-top:3rem;display:grid}.contact-item{align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.contact-icon{min-width:60px;height:60px;color:var(--base);border-radius:12px;justify-content:center;align-items:center;padding:1rem;font-size:1.8rem;transition:all .3s;display:flex;box-shadow:0 8px 20px #1e66f54d}.contact-icon svg{width:24px;height:24px}.contact-icon:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 12px 30px #1e66f580}.contact-item h3{color:var(--text);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.contact-item p{color:var(--subtext0);line-height:1.6}.contact-whatsapp{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.contact-whatsapp h3{color:var(--text);text-align:center;margin-bottom:1rem;font-size:1.5rem}.contact-whatsapp p{color:var(--subtext0);text-align:center;margin-bottom:2rem;line-height:1.6}.whatsapp-btn{color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:12px;align-items:center;gap:.8rem;padding:14px 32px;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #25d3664d}.whatsapp-btn:before{content:"";pointer-events:none;background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.whatsapp-btn:hover:before{width:300px;height:300px}.whatsapp-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 35px #25d36680}.whatsapp-btn:active{transform:translateY(-1px)scale(.98)}.whatsapp-icon{-o-object-fit:contain;object-fit:contain;width:20px;height:20px}.projects-section{background:linear-gradient(180deg,var(--base)0%,var(--crust)100%);padding:80px 0;position:relative;overflow:hidden}.projects-background{pointer-events:none;z-index:0;background:radial-gradient(circle at 20%,#1e66f50d,#0000 50%),radial-gradient(circle at 80% 80%,#8a39ef0d,#0000 50%);position:absolute;inset:0}.projects-section .container{z-index:1;position:relative}.projects-section .section-header h2{background:linear-gradient(135deg,var(--text)0%,var(--subtext1)100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.projects-section .section-header p{color:var(--subtext0);margin-bottom:1.5rem;font-size:1.1rem}.project-count{justify-content:center;display:flex}.badge{color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e66f533,#8a39ef33);border:1px solid #1e66f54d;border-radius:2rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:inline-block}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:1.5rem;margin:2rem 0 4rem;animation:.6s ease-out fadeIn;display:grid}.project-card-wrapper{perspective:1000px;animation:.6s ease-out slideUp}.project-card{background:var(--surface0);border:1px solid var(--surface1);cursor:pointer;border-radius:16px;flex-direction:column;height:100%;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000d}.project-card:hover{border-color:var(--blue);transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.project-card-header{background:var(--surface0);z-index:10;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;position:absolute;top:0;left:0;right:0}.project-status-badge{text-transform:uppercase;letter-spacing:.3px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;padding:.4rem .75rem;font-size:.7rem;font-weight:600;transition:all .3s;display:inline-block}.project-status-badge[data-status=draft]{color:#fff;background:#b46464e6}.project-status-badge[data-status=planning]{color:#000c;background:#fac832e6}.project-status-badge[data-status=in_progress]{color:#fff;background:#64b4ffe6}.project-status-badge[data-status=completed]{color:#fff;background:#64c896e6}.project-status-badge[data-status=archived]{color:#fff;background:#969696e6}.project-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-radius:6px;gap:.75rem;padding:.35rem .6rem;display:flex}.project-image{background:linear-gradient(135deg,var(--surface2)0%,var(--surface1)100%);z-index:2;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:200px;display:flex;position:relative;overflow:hidden}.project-content{flex-direction:column;flex-grow:1;gap:.75rem;padding:1rem;display:flex}.project-title-section{justify-content:space-between;align-items:start;gap:1rem;display:flex}.project-title{color:var(--text);flex-grow:1;margin:0;font-size:1.05rem;font-weight:600;line-height:1.4}.project-category{background:var(--surface1);color:var(--subtext0);white-space:nowrap;border-radius:6px;flex-shrink:0;padding:.25rem .6rem;font-size:.7rem;font-weight:500;display:inline-block}.project-description{color:var(--subtext0);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}.project-technologies{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.tech-badge{background:var(--surface1);color:var(--subtext0);white-space:nowrap;border-radius:6px;padding:.35rem .65rem;font-size:.7rem;font-weight:500;display:inline-block}.project-actions{border-top:1px solid var(--surface1);gap:.75rem;margin-top:auto;padding-top:1rem;display:flex}.action-btn{border:1px solid var(--surface1);cursor:pointer;background:var(--surface0);color:var(--text);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem .85rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:400px;padding:4rem 2rem;display:flex}.spinner-icon{color:#1e66f599;font-size:3rem;animation:2s linear infinite spin}.error-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:400px;padding:4rem 2rem;display:flex}.error-icon{color:#f38181;font-size:3rem}.error-container p{color:var(--subtext0);margin:0;font-size:1.1rem}.empty-state{text-align:center;min-height:400px;color:var(--subtext0);justify-content:center;align-items:center;padding:4rem 2rem;font-size:1.1rem;display:flex}.projects-footer{border-top:1px solid var(--surface1);text-align:center;margin-top:3rem;padding-top:2rem}.projects-buttons{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.btn-large{border-radius:8px;align-items:center;gap:.5rem;font-weight:700;text-decoration:none;display:inline-flex;padding:1rem 2rem!important;font-size:1rem!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.btn-large span{font-size:1.2rem;transition:transform .3s}@media (max-width:768px){.projects-section{padding:60px 0}.projects-section .section-header h2{font-size:2rem}.projects-section .section-header p{font-size:1rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:1.5rem}.project-image{height:200px}.project-content{gap:.75rem;padding:1.25rem}.project-title{font-size:1.1rem}.project-actions{gap:.5rem}.action-btn{padding:.55rem .75rem;font-size:.75rem}.projects-buttons{gap:1rem}.btn-large{padding:.85rem 1.5rem!important;font-size:.95rem!important}}@media (max-width:480px){.projects-section{padding:40px 0}.projects-section .section-header{margin-bottom:2rem}.projects-section .section-header h2{font-size:1.5rem}.projects-section .section-header p{font-size:.95rem}.projects-grid{grid-template-columns:1fr;gap:1.25rem;margin:1.5rem 0 2.5rem}.project-image{height:180px}.project-card-header{min-height:45px;padding:.85rem}.project-status-badge{padding:.3rem .6rem;font-size:.7rem}.stat-item{gap:.25rem;font-size:.75rem}.project-title{font-size:1rem}.project-description{-webkit-line-clamp:2;line-clamp:2;font-size:.9rem}.tech-badge{padding:.3rem .6rem;font-size:.7rem}.action-btn{padding:.5rem .65rem;font-size:.7rem}.projects-buttons{flex-direction:column;gap:.75rem}.btn-large{width:100%;padding:.75rem 1.25rem!important;font-size:.9rem!important}}.footer{background:linear-gradient(180deg,var(--base)0%,var(--crust)100%);border-top:1px solid #ffffff1a;margin-top:4rem;padding:4rem 0 1.5rem;position:relative}.footer:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--lavender)50%,transparent 100%);opacity:.5;pointer-events:none;height:1px;position:absolute;top:0;left:0;right:0}.footer-content{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:2rem;margin-bottom:2rem;display:grid}.footer-section h3,.footer-section h4{color:var(--text);margin-bottom:1rem;font-weight:600}.footer-section p{color:var(--subtext0);line-height:1.6}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:var(--subtext0);text-decoration:none;transition:color .3s}.footer-section ul li a:hover{color:var(--blue)}.footer-bottom{border-top:1px solid var(--surface0);text-align:center;color:var(--subtext0);padding-top:1rem}.profile-page{background:linear-gradient(180deg,var(--base)0%,var(--mantle)50%,var(--base)100%);min-height:calc(100vh - 200px);padding:6rem 0}.profile-content{grid-template-columns:350px 1fr;gap:2rem;margin-top:3rem;display:grid}.profile-sidebar{flex-direction:column;gap:2rem;display:flex}.profile-info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff2e;border-radius:20px;padding:2rem;box-shadow:0 8px 32px #1f26871a}.profile-avatar-section{text-align:center;margin-bottom:2rem}.profile-avatar{border:4px solid var(--blue);border-radius:50%;width:120px;height:120px;margin-bottom:1rem;box-shadow:0 8px 25px #1e66f54d}.profile-name{color:var(--text);margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.profile-github-link{color:var(--blue);align-items:center;gap:.5rem;font-weight:500;text-decoration:none;transition:color .3s;display:inline-flex}.profile-github-link:hover{color:var(--lavender)}.sync-btn{justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:1.5rem;display:flex}.profile-progress{margin-bottom:2rem}.progress-label{color:var(--subtext1);justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;display:flex}.progress-bar-wrapper{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;height:25px;overflow:hidden}.progress-bar-fill{background:linear-gradient(135deg,var(--green)0%,var(--teal)100%);height:100%;color:var(--base);border-radius:12px;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;transition:width .6s;display:flex}.profile-stats{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.stat-item{text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:1rem}.stat-value{color:var(--text);margin:0 0 .5rem;font-size:2rem;font-weight:700;display:block}.stat-value.beginner{color:var(--green)}.stat-value.advanced{color:var(--red)}.stat-label{color:var(--subtext0);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.85rem;display:block}.profile-main{flex-direction:column;gap:2rem;display:flex}.profile-challenges-card,.profile-submissions-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff2e;border-radius:20px;padding:2rem;box-shadow:0 8px 32px #1f26871a}.profile-challenges-card h3,.profile-submissions-card h3{color:var(--text);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600;display:flex}.profile-table{border-collapse:collapse;width:100%}.profile-table thead{background:#ffffff0d}.profile-table th,.profile-table td{text-align:left;color:var(--text);border-bottom:1px solid #ffffff1a;padding:1rem}.profile-table th{color:var(--subtext1);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.profile-table tbody tr{transition:background .3s}.profile-table tbody tr:hover{background:#ffffff08}.profile-table tbody tr.completed{background:#a6e3a11a}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:.4rem .8rem;font-size:.75rem;font-weight:600}.status-badge.completed,.status-badge.passed{background:var(--green);color:var(--base)}.status-badge.not-started{background:var(--surface2);color:var(--subtext1)}.status-badge.failed{background:var(--red);color:var(--base)}.submissions-list{flex-direction:column;gap:1rem;display:flex}.submission-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem;transition:all .3s;display:flex}.submission-item:hover{background:#ffffff0d;transform:translate(5px)}.submission-item h6{color:var(--text);margin-bottom:.25rem;font-size:1rem;font-weight:600}.submission-item small{color:var(--subtext0);font-size:.85rem}.empty-state{text-align:center;color:var(--subtext0);padding:3rem}@media (max-width:992px){.profile-content{grid-template-columns:1fr}}.profile-card{background:var(--mantle);box-shadow:0 10px 30px var(--shadow);border-radius:20px;max-width:400px;margin:0 auto;transition:all .3s;position:relative;overflow:hidden}.profile-card:hover{box-shadow:0 15px 40px var(--shadow);transform:translateY(-5px)}.profile-card-header{height:120px;position:relative;overflow:hidden}.profile-card-gradient{background:linear-gradient(135deg,var(--blue)0%,var(--mauve)50%,var(--pink)100%);opacity:.9;width:100%;height:100%}.profile-card-edit-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;transition:all .3s;display:flex;position:absolute;top:15px;right:15px}.profile-card-edit-btn:hover{background:#ffffff4d;transform:scale(1.1)}.profile-card-avatar-wrapper{flex-direction:column;align-items:center;margin-top:-60px;padding:0 20px;display:flex;position:relative}.profile-card-avatar{border:5px solid var(--mantle);width:120px;height:120px;box-shadow:0 5px 20px var(--shadow);background:var(--surface0);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.profile-card-avatar-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.profile-card-avatar-placeholder{background:linear-gradient(135deg,var(--blue)0%,var(--mauve)100%);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;font-weight:700;display:flex}.profile-card-badge{color:#fff;border-radius:20px;align-items:center;gap:5px;margin-top:10px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.profile-card-badge-admin{background:linear-gradient(135deg,var(--yellow)0%,var(--peach)100%);box-shadow:0 2px 10px #fe640b4d}.profile-card-content{text-align:center;padding:20px 25px 25px}.profile-card-name{color:var(--text);margin-bottom:5px;font-size:1.75rem;font-weight:700;line-height:1.2}.profile-card-username{color:var(--subtext0);margin-bottom:8px;font-size:1rem;font-weight:500}.profile-card-email{color:var(--subtext1);margin-bottom:12px;font-size:.9rem}.profile-card-bio{color:var(--subtext0);margin-bottom:15px;padding:0 10px;font-size:.95rem;line-height:1.5}.profile-card-github-link{background:var(--surface0);color:var(--text);border-radius:10px;align-items:center;gap:8px;margin-bottom:15px;padding:10px 20px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.profile-card-github-link:hover{background:var(--surface1);color:var(--blue);transform:translate(2px)}.profile-card-join-date{color:var(--subtext1);align-items:center;gap:6px;margin-bottom:20px;font-size:.85rem;display:inline-flex}.profile-card-stats{border-top:2px solid var(--surface0);justify-content:center;align-items:center;gap:20px;margin-top:20px;padding-top:20px;display:flex}.profile-card-stat{align-items:center;gap:12px;display:flex}.profile-card-stat-icon{background:linear-gradient(135deg,var(--blue)0%,var(--mauve)100%);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.3rem;display:flex;box-shadow:0 4px 12px #1e66f54d}.profile-card-stat:last-child .profile-card-stat-icon{background:linear-gradient(135deg,var(--yellow)0%,var(--peach)100%);box-shadow:0 4px 12px #fe640b4d}.profile-card-stat-content{text-align:left}.profile-card-stat-value{color:var(--text);margin-bottom:3px;font-size:1.5rem;font-weight:700;line-height:1}.profile-card-stat-label{color:var(--subtext0);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:500}.profile-card-stat-divider{background:var(--surface0);border-radius:2px;width:2px;height:40px}.profile-card-empty{justify-content:center;align-items:center;min-height:300px;display:flex}.profile-card-icon{margin-bottom:15px;font-size:4rem}.profile-card-empty-text{color:var(--subtext0);font-size:1.1rem}.users-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;margin-bottom:40px;display:grid}.users-grid>div{transition:transform .3s}.users-grid>div:hover{transform:translateY(-5px)}.users-list{flex-direction:column;gap:20px;margin-bottom:40px;display:flex}.users-list .profile-card{flex-direction:row;align-items:center;max-width:100%;display:flex}.users-list .profile-card-header{width:150px;min-width:150px;height:100%;min-height:200px}.users-list .profile-card-gradient{height:100%}.users-list .profile-card-avatar-wrapper{margin-top:0;margin-left:-75px}.users-list .profile-card-content{text-align:left;flex:1;padding:30px}.users-list .profile-card-stats{justify-content:flex-start}@media (max-width:992px){.users-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media (max-width:768px){.users-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.users-list .profile-card{flex-direction:column}.users-list .profile-card-header{width:100%;height:120px;min-height:120px}.users-list .profile-card-avatar-wrapper{margin-top:-60px;margin-left:0}.users-list .profile-card-content{text-align:center;padding:20px}.users-list .profile-card-stats{justify-content:center}}@media (max-width:576px){.users-grid{grid-template-columns:1fr;gap:15px}}@media (max-width:1200px){.profile-content{grid-template-columns:1fr 1.5fr!important;gap:24px!important}}@media (max-width:992px){.profile-content{grid-template-columns:1fr!important;gap:24px!important}.profile-card{position:relative!important;top:auto!important}}@media (max-width:768px){.profile-page{padding:4rem 0 2rem}.profile-info-card{padding:1.5rem}.profile-info-card h3{font-size:1.1rem!important}}@media (max-width:576px){.profile-page{padding:3rem 0 2rem}.profile-info-card{padding:1.25rem}}.profile-popup-overlay{z-index:9999;pointer-events:none;position:fixed;inset:0}.profile-popup{background:rgba(var(--base-rgb,239,241,245),.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto;border:1px solid rgba(var(--surface0-rgb,204,208,218),.6);border-radius:16px;width:360px;animation:.3s cubic-bezier(.4,0,.2,1) profilePopupSlideIn;position:fixed;top:70px;right:20px;overflow:hidden;box-shadow:0 8px 32px #0003}.dark-mode .profile-popup{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e2efa;border:1px solid #ffffff26;box-shadow:0 8px 32px #00000080}@keyframes profilePopupSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-popup-header{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)100%);align-items:center;gap:14px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.profile-popup-header:before{content:"";background:radial-gradient(circle,#ffffff1a,#0000 70%);width:200%;height:200%;animation:3s linear infinite profileHeaderShine;position:absolute;top:-50%;right:-50%}@keyframes profileHeaderShine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-popup-avatar-container{z-index:1;position:relative}.profile-popup-avatar{-o-object-fit:cover;object-fit:cover;border:3px solid #ffffffe6;border-radius:50%;width:56px;height:56px;box-shadow:0 4px 12px #0003}.profile-popup-avatar-placeholder{color:#fff;background:#fff3;border:3px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 12px #0003}.profile-popup-info{z-index:1;flex:1;min-width:0}.profile-popup-name{color:#fff;text-shadow:0 2px 4px #0003;text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px;font-size:1.1rem;font-weight:700;overflow:hidden}.profile-popup-email{color:#ffffffe6;text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px;font-size:.825rem;overflow:hidden}.profile-popup-badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.profile-popup-badge-admin{background:#ff6b6be6}.profile-popup-badge-moderator{background:#fab387e6}.profile-popup-badge-member{background:#ffffff40}.profile-popup-tiles{background:var(--background);grid-template-columns:repeat(3,1fr);gap:10px;padding:16px;display:grid}.profile-popup-tile{background:var(--surface);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px 12px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.profile-popup-tile:before{content:"";background:linear-gradient(135deg,var(--blue)0%,var(--lavender)100%);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.profile-popup-tile:hover:before{opacity:.08}.profile-popup-tile.active{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)100%);color:#fff;border-color:#0000;box-shadow:0 4px 12px #89b4fa4d}.profile-popup-tile.active:before{opacity:0}.dark-mode .profile-popup-tile{background:#31324499;border:1px solid #ffffff14}.dark-mode .profile-popup-tile:hover{background:#313244cc;border-color:#ffffff1f}.dark-mode .profile-popup-tile.active{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)100%);border-color:#0000}.profile-popup-tile-icon{z-index:1;background:#89b4fa1a;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.profile-popup-tile.active .profile-popup-tile-icon{background:#fff3}.profile-popup-tile:hover .profile-popup-tile-icon{transform:scale(1.1)}.profile-popup-tile-label{text-align:center;z-index:1;font-size:.8rem;font-weight:600;position:relative}.profile-popup-tile-wide{grid-column:span 2}.profile-popup-logout{background:var(--surface);border:none;border-top:1px solid var(--border);width:100%;color:var(--red);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.profile-popup-logout:hover{background:#f38ba81a}.dark-mode .profile-popup-logout{background:#1e1e2ecc;border-top:1px solid #ffffff14}.dark-mode .profile-popup-logout:hover{background:#f38ba826}@media (max-width:768px){.profile-popup{width:calc(100vw - 20px);max-width:360px;top:60px;right:10px}.profile-popup-header{padding:16px 18px}.profile-popup-avatar,.profile-popup-avatar-placeholder{width:52px;height:52px}.profile-popup-name{font-size:1rem}.profile-popup-tiles{gap:8px;padding:14px}.profile-popup-tile{padding:12px 10px}.profile-popup-tile-icon{width:36px;height:36px}}@media (max-width:480px){.profile-popup{width:calc(100vw - 20px);max-width:340px}}.profile-popup-projects{background:var(--background);border-top:1px solid var(--border);max-height:320px;padding:16px;overflow-y:auto}.profile-popup-projects-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.profile-popup-projects-header h4{color:var(--text);margin:0;font-size:.95rem;font-weight:700}.btn-add-project-small{background:linear-gradient(135deg,var(--blue)0%,var(--sapphire)100%);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex;box-shadow:0 2px 8px #1e66f54d}.btn-add-project-small:hover{transform:scale(1.1);box-shadow:0 4px 12px #1e66f566}.profile-popup-projects-list{flex-direction:column;gap:12px;display:flex}.project-card-mini{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.project-card-mini:before{content:"";background:linear-gradient(135deg,var(--blue)0%,var(--lavender)100%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.project-card-mini:hover{border-color:var(--blue);transform:translate(4px)}.project-card-mini:hover:before{opacity:.05}.project-card-mini-header{z-index:1;justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex;position:relative}.project-card-mini-header h5{color:var(--text);flex:1;margin:0;font-size:.95rem;font-weight:600}.project-status-mini{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.project-status-mini.completed{background:linear-gradient(135deg,var(--green)0%,var(--teal)100%);color:var(--base)}.project-status-mini.in-progress{background:linear-gradient(135deg,var(--yellow)0%,var(--peach)100%);color:var(--base)}.project-card-mini-desc{color:var(--subtext0);z-index:1;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:.8rem;line-height:1.4;display:-webkit-box;position:relative;overflow:hidden}.project-tech-mini{z-index:1;flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex;position:relative}.tech-tag-mini{color:var(--blue);background:#89b4fa26;border:1px solid #89b4fa4d;border-radius:8px;padding:3px 8px;font-size:.7rem;font-weight:500}.project-stats-mini{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.stat-item-mini{color:var(--subtext1);align-items:center;gap:4px;font-size:.8rem;display:flex}.stat-item-mini svg{color:var(--blue)}.project-links-mini{gap:8px;margin-left:auto;display:flex}.project-links-mini a{color:var(--subtext1);align-items:center;transition:all .3s;display:flex}.project-links-mini a:hover{color:var(--blue);transform:scale(1.15)}.profile-popup-projects::-webkit-scrollbar{width:6px}.profile-popup-projects::-webkit-scrollbar-track{background:var(--surface);border-radius:10px}.profile-popup-projects::-webkit-scrollbar-thumb{background:var(--blue);border-radius:10px}.profile-popup-projects::-webkit-scrollbar-thumb:hover{background:var(--lavender)}.dark-mode .project-card-mini{background:#31324499;border:1px solid #ffffff14}.dark-mode .project-card-mini:hover{border-color:var(--blue);background:#313244cc}@media (max-width:768px){.profile-popup-projects{max-height:300px}}.dashboard{background:linear-gradient(180deg,var(--base)0%,var(--mantle)50%,var(--base)100%);min-height:100vh;padding:6rem 0 4rem}.dashboard .container{max-width:1200px;margin:0 auto;padding:0 2rem}.dashboard h1{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:2.5rem;font-weight:700}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.stat-card{-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff2e;border-radius:20px;align-items:center;gap:1.5rem;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #1f26871a}.stat-card:before{content:"";pointer-events:none;background:linear-gradient(45deg,#0000,#ffffff0d,#0000);width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.stat-card:hover{border-color:#ffffff4d;transform:translateY(-5px);box-shadow:0 15px 40px #1f268733}.stat-card:hover:before{left:100%}.stat-card svg{color:var(--blue);font-size:2.5rem;transition:all .3s}.stat-card:hover svg{transform:scale(1.1)rotate(5deg)}.stat-card div h3{color:var(--text);margin:0;font-size:2rem;font-weight:700;line-height:1}.stat-card div p{color:var(--subtext0);margin:.5rem 0 0;font-size:.9rem}.recent-activity{-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff2e;border-radius:20px;padding:2rem;box-shadow:0 8px 32px #1f26871a}.recent-activity h2{color:var(--text);margin-bottom:1.5rem;font-size:1.8rem;font-weight:600}.activity-list{flex-direction:column;gap:1rem;display:flex}.activity-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex}.activity-item:hover{background:#ffffff14;border-color:#fff3;transform:translate(5px)}.activity-type{border-radius:50%;flex-shrink:0;width:12px;height:12px}.activity-type.challenge{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)100%);box-shadow:0 0 10px var(--blue)}.activity-type.event{background:linear-gradient(135deg,var(--green)0%,var(--teal)100%);box-shadow:0 0 10px var(--green)}.activity-type.achievement{background:linear-gradient(135deg,var(--yellow)0%,var(--peach)100%);box-shadow:0 0 10px var(--yellow)}.activity-item div{flex:1}.activity-item p{color:var(--text);margin:0;font-weight:500}.activity-item small{color:var(--subtext0);font-size:.85rem}@media (max-width:768px){.dashboard{padding:5rem 0 3rem}.dashboard h1{font-size:2rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.5rem}.stat-card svg{font-size:2rem}.stat-card div h3{font-size:1.5rem}.recent-activity{padding:1.5rem}.recent-activity h2{font-size:1.5rem}}.admin-panel{background:linear-gradient(180deg,var(--base)0%,var(--mantle)50%,var(--base)100%);min-height:100vh;padding:6rem 0 4rem}.admin-panel .container{max-width:1400px;margin:0 auto;padding:0 2rem}.admin-header{text-align:center;margin-bottom:3rem}.admin-header h1{background:linear-gradient(135deg,var(--blue)0%,var(--mauve)50%,var(--pink)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:700;animation:3s infinite gradient-shift}.admin-header .text-muted{color:var(--subtext0);font-size:1.1rem}.admin-panel .stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.admin-panel .stat-card{background:var(--mantle);-webkit-backdrop-filter:blur(10px);border:2px solid var(--surface0);border-radius:20px;align-items:center;gap:1.5rem;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.admin-panel .stat-card:before{content:"";background:linear-gradient(45deg,transparent,var(--surface0),transparent);pointer-events:none;width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;right:-50%;transform:rotate(45deg)}.admin-panel .stat-card:hover{border-color:var(--blue);transform:translateY(-5px);box-shadow:0 15px 40px #0003}.admin-panel .stat-card:hover:before{right:100%}.admin-panel .stat-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.8rem;transition:all .3s;display:flex}.admin-panel .stat-card:first-child .stat-icon{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)100%);color:var(--crust)}.admin-panel .stat-card:nth-child(2) .stat-icon{background:linear-gradient(135deg,var(--green)0%,var(--teal)100%);color:var(--crust)}.admin-panel .stat-card:nth-child(3) .stat-icon{background:linear-gradient(135deg,var(--peach)0%,var(--yellow)100%);color:var(--crust)}.admin-panel .stat-card:nth-child(4) .stat-icon{background:linear-gradient(135deg,var(--pink)0%,var(--mauve)100%);color:var(--crust)}.admin-panel .stat-card:hover .stat-icon{transform:scale(1.1)rotate(5deg)}.admin-panel .stat-content{flex:1}.admin-panel .stat-content h3{color:var(--text);margin:0;font-size:2.5rem;font-weight:700;line-height:1}.admin-panel .stat-content p{color:var(--subtext0);margin:.5rem 0 0;font-size:1rem;font-weight:500}.admin-panel .stat-subtext{color:var(--green);margin-top:.25rem;font-size:.85rem;font-weight:600;display:block}.admin-tabs{background:var(--mantle);border:2px solid var(--surface0);scrollbar-width:thin;scrollbar-color:var(--surface1)var(--mantle);border-radius:16px;gap:1rem;margin-bottom:2rem;padding:.5rem;display:flex;position:relative;overflow-x:auto;box-shadow:0 4px 20px #0000001a}.admin-tabs::-webkit-scrollbar{height:6px}.admin-tabs::-webkit-scrollbar-track{background:var(--mantle);border-radius:8px}.admin-tabs::-webkit-scrollbar-thumb{background:var(--surface1);border-radius:8px}.admin-tabs::-webkit-scrollbar-thumb:hover{background:var(--surface2)}.tab-button{min-width:150px;color:var(--subtext0);cursor:pointer;letter-spacing:.02em;background:0 0;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.tab-button:before{content:"";background:linear-gradient(135deg,var(--blue)0%,var(--mauve)100%);opacity:0;z-index:-1;transition:opacity .3s;position:absolute;inset:0}.tab-button svg{font-size:1.2rem;transition:all .3s}.tab-button:hover:not(.active){color:var(--text);background:var(--surface0);transform:translateY(-2px)}.tab-button:hover:not(.active) svg{transform:scale(1.1)}.tab-button.active{background:linear-gradient(135deg,var(--blue)0%,var(--mauve)100%);color:var(--crust);transform:translateY(-2px);box-shadow:0 4px 20px #89b4fa66}.tab-button.active svg{animation:.6s bounce}.admin-toolbar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.search-box{flex:1;align-items:center;min-width:250px;display:flex;position:relative}.search-box svg{color:var(--subtext0);pointer-events:none;z-index:1;font-size:1.1rem;position:absolute;left:1.25rem}.search-box input{border:2px solid var(--surface0);background:var(--mantle);width:100%;color:var(--text);border-radius:12px;outline:none;padding:1rem 1rem 1rem 3.5rem;font-size:1rem;transition:all .3s}.search-box input::-moz-placeholder{color:var(--subtext0)}.search-box input::placeholder{color:var(--subtext0)}.search-box input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #89b4fa1a}.btn-create{background:linear-gradient(135deg,var(--green)0%,var(--teal)100%);color:var(--crust);cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #40a02b4d}.btn-create svg{font-size:1.1rem;transition:transform .3s}.btn-create:hover{transform:translateY(-2px);box-shadow:0 6px 20px #40a02b66}.btn-create:hover svg{transform:rotate(90deg)}.btn-create:active{transform:translateY(0)}.admin-content{background:var(--mantle);border:2px solid var(--surface0);border-radius:20px;min-height:400px;padding:2rem;box-shadow:0 8px 32px #0000001a}.admin-panel-loading{background:var(--base);justify-content:center;align-items:center;min-height:100vh;display:flex}.admin-panel-loading .spinner-border{color:var(--blue)!important}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@media (max-width:1024px){.admin-tabs{gap:.5rem;padding:.5rem}.tab-button{min-width:120px;padding:.875rem 1.5rem;font-size:.95rem}}@media (max-width:768px){.admin-panel{padding:5rem 0 3rem}.admin-panel .container{padding:0 1rem}.admin-header h1{font-size:2rem}.admin-header .text-muted{font-size:.95rem}.admin-panel .stats-grid{grid-template-columns:1fr;gap:1rem}.admin-panel .stat-card{padding:1.5rem}.admin-panel .stat-icon{width:50px;height:50px;font-size:1.5rem}.admin-panel .stat-content h3{font-size:2rem}.admin-tabs{flex-wrap:nowrap;padding:.5rem;overflow-x:auto}.tab-button{gap:.5rem;min-width:110px;padding:.75rem 1rem;font-size:.9rem}.tab-button svg{font-size:1rem}.admin-toolbar{flex-direction:column;gap:1rem}.search-box{min-width:100%}.btn-create{justify-content:center;width:100%}.admin-content{padding:1.5rem;overflow-x:auto}}@media (max-width:480px){.admin-header h1,.admin-panel .stat-content h3{font-size:1.75rem}.tab-button{min-width:100px;padding:.7rem .875rem;font-size:.85rem}.admin-content{padding:1rem}}.user-projects-page{background:linear-gradient(180deg,var(--base)0%,var(--mantle)50%,var(--base)100%);min-height:100vh;padding:6rem 0 4rem}.user-projects-page .container{max-width:1200px;margin:0 auto;padding:0 2rem}.page-header{text-align:center;margin-bottom:3rem;position:relative}.page-header h1{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.page-header p{color:var(--subtext0);margin-bottom:2rem;font-size:1.1rem}.btn-add-project{background:linear-gradient(135deg,var(--blue)0%,var(--sapphire)100%);color:var(--base);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #1e66f54d}.btn-add-project:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e66f566}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;display:grid}.project-card{-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff2e;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #1f26871a}.project-card-link{color:inherit;text-decoration:none;display:block}.project-card:before{content:"";pointer-events:none;background:linear-gradient(45deg,#0000,#ffffff0d,#0000);width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.project-card-link:hover .project-card{border-color:#ffffff4d;transform:translateY(-8px);box-shadow:0 15px 40px #1f268733}.project-card-link:hover .project-card:before{left:100%}.project-image{width:100%;height:200px;position:relative;overflow:hidden}.project-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .4s}.project-card:hover .project-image img{transform:scale(1.1)}.project-status{text-transform:uppercase;-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:.4rem 1rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;right:1rem}.project-status.completed{background:linear-gradient(135deg,var(--green)0%,var(--teal)100%);color:var(--base);box-shadow:0 4px 15px #a6e3a166}.project-status.in-progress{background:linear-gradient(135deg,var(--yellow)0%,var(--peach)100%);color:var(--base);box-shadow:0 4px 15px #f9e2af66}.project-content{padding:1.5rem}.project-content h3{color:var(--text);margin-bottom:.75rem;font-size:1.4rem;font-weight:600}.project-content p{color:var(--subtext0);margin-bottom:1rem;font-size:.95rem;line-height:1.6}.project-tech{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.tech-tag{color:var(--subtext1);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:.3rem .75rem;font-size:.75rem;font-weight:500;transition:all .3s}.tech-tag:hover{border-color:var(--blue);color:var(--blue);background:#ffffff26}.project-stats{border-bottom:1px solid #ffffff1a;gap:1.5rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.stat-item{color:var(--subtext1);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.stat-item svg{color:var(--blue)}.project-links{flex-wrap:wrap;gap:.75rem;display:flex}.project-link{color:var(--text);background:#ffffff0d;border:1px solid #fff3;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.project-link:hover{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)100%);color:var(--base);border-color:#0000;transform:translateY(-2px);box-shadow:0 4px 15px #1e66f54d}.project-link svg{font-size:.85rem}@media (max-width:768px){.user-projects-page{padding:5rem 0 3rem}.page-header h1{font-size:2rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-content{padding:1.25rem}}.leaderboard{background:linear-gradient(180deg,var(--base)0%,var(--mantle)50%,var(--base)100%);min-height:100vh;padding:6rem 0 4rem;position:relative;overflow:hidden}.leaderboard:before{content:"";background:radial-gradient(circle,var(--blue)0%,transparent 60%);opacity:.05;filter:blur(80px);pointer-events:none;width:120%;height:200%;animation:15s ease-in-out infinite float;position:absolute;top:-50%;left:-10%}.leaderboard .container{z-index:1;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.leaderboard h1{text-align:center;background:linear-gradient(135deg,var(--blue)0%,var(--lavender)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:2.5rem;font-weight:700}.timeframe-selector{flex-wrap:wrap;justify-content:center;gap:1rem;margin:2rem 0 3rem;display:flex}.timeframe-selector button{color:var(--subtext1);cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.timeframe-selector button:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}.timeframe-selector button.active{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)100%);color:var(--base);border-color:#0000;box-shadow:0 8px 20px #1e66f54d}.leaderboard-list{flex-direction:column;gap:1rem;display:flex}.leaderboard-item{-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff2e;border-radius:20px;align-items:center;gap:1.5rem;padding:1.5rem 2rem;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.6s ease-out fadeInUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #1f26871a}.leaderboard-item:before{content:"";pointer-events:none;background:linear-gradient(45deg,#0000,#ffffff0d,#0000);width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.leaderboard-item:hover{border-color:#ffffff4d;transform:translate(10px);box-shadow:0 15px 40px #1f268733}.leaderboard-item:hover:before{left:100%}.leaderboard-item.rank-1{background:linear-gradient(135deg,#ffd7001a,#ffffff0d);border-color:#ffd7004d}.leaderboard-item.rank-2{background:linear-gradient(135deg,#c0c0c01a,#ffffff0d);border-color:#c0c0c04d}.leaderboard-item.rank-3{background:linear-gradient(135deg,#cd7f321a,#ffffff0d);border-color:#cd7f324d}.rank-icon{justify-content:center;align-items:center;min-width:50px;font-size:1.8rem;display:flex}.rank-icon .gold{color:gold;filter:drop-shadow(0 0 10px #ffd70080);animation:2s ease-in-out infinite pulse}.rank-icon .silver{color:silver;filter:drop-shadow(0 0 10px #c0c0c080)}.rank-icon .bronze{color:#cd7f32;filter:drop-shadow(0 0 10px #cd7f3280)}.rank-number{color:var(--subtext1);font-size:1.5rem;font-weight:700}.user-info{flex:1;align-items:center;gap:1rem;display:flex}.user-info .avatar{-o-object-fit:cover;object-fit:cover;border:2px solid var(--blue);border-radius:50%;width:50px;height:50px;transition:all .3s;box-shadow:0 4px 15px #1e66f54d}.user-info .avatar-placeholder{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)100%);color:var(--base);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.leaderboard-item:hover .user-info .avatar{transform:scale(1.1);box-shadow:0 6px 20px #1e66f580}.user-info .username{color:var(--text);font-size:1.1rem;font-weight:600}.points{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)100%);-webkit-text-fill-color:transparent;text-align:right;-webkit-background-clip:text;background-clip:text;min-width:100px;font-size:1.3rem;font-weight:700}.leaderboard-item:first-child{animation-delay:.1s}.leaderboard-item:nth-child(2){animation-delay:.2s}.leaderboard-item:nth-child(3){animation-delay:.3s}.leaderboard-item:nth-child(4){animation-delay:.4s}.leaderboard-item:nth-child(5){animation-delay:.5s}.leaderboard-item:nth-child(6){animation-delay:.6s}.leaderboard-item:nth-child(7){animation-delay:.7s}.leaderboard-item:nth-child(8){animation-delay:.8s}@media (max-width:768px){.leaderboard{padding:5rem 0 3rem}.leaderboard h1{font-size:2rem}.leaderboard-item{gap:1rem;padding:1rem 1.5rem}.rank-icon{min-width:40px;font-size:1.5rem}.rank-number{font-size:1.2rem}.user-info .avatar{width:40px;height:40px}.user-info .username{font-size:1rem}.points{min-width:80px;font-size:1.1rem}.timeframe-selector{gap:.5rem}.timeframe-selector button{padding:.6rem 1.2rem;font-size:.9rem}}.events-page{background:var(--bg-primary);min-height:100vh;position:relative;overflow:hidden}.events-background{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.events-gradient-orb{filter:blur(80px);opacity:.2;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.events-orb-1{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)100%);width:500px;height:500px;animation-delay:0s;top:-10%;left:-10%}.events-orb-2{background:linear-gradient(135deg,var(--mauve)0%,var(--pink)100%);width:400px;height:400px;animation-delay:7s;bottom:-10%;right:-10%}.events-orb-3{background:linear-gradient(135deg,var(--sky)0%,var(--teal)100%);width:350px;height:350px;animation-delay:14s;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.events-orb-1{width:300px;height:300px}.events-orb-2{width:250px;height:250px}.events-orb-3{width:200px;height:200px}}@media (max-width:480px){.events-orb-1{width:200px;height:200px}.events-orb-2{width:150px;height:150px}.events-orb-3{width:120px;height:120px}}.events-container{z-index:5;max-width:1200px;margin:0 auto;padding:4rem 2rem;position:relative}.events-header-section{background:var(--base);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--surface0);box-shadow:0 20px 60px var(--shadow);border-radius:24px;justify-content:center;align-items:center;margin-bottom:4rem;padding:3rem;transition:transform .3s,box-shadow .3s;display:flex}.events-header-wrapper{text-align:center;align-items:center;gap:2rem;display:flex}.events-header-icon{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)100%);color:#fff;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;animation:2s ease-in-out infinite pulse;display:flex;box-shadow:0 10px 30px #0d6efd4d}.events-header-content h1{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)50%,var(--mauve)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.events-header-content p{color:var(--subtext0);margin:0;font-size:1.1rem}.events-content{flex-direction:column;gap:4rem;display:flex}.events-section{flex-direction:column;gap:2rem;display:flex}.section-heading{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)50%,var(--mauve)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:700}.events-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem;display:grid}.event-showcase-card{background:var(--base);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--surface0);box-shadow:0 20px 60px var(--shadow);border-radius:24px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.event-showcase-card:before{content:"";background:linear-gradient(90deg,var(--blue)0%,var(--lavender)50%,var(--mauve)100%);transform-origin:0;height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.event-showcase-card:hover{border-color:var(--blue);transform:translateY(-8px);box-shadow:0 30px 80px #0003}.card-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.card-title-section{flex:1;align-items:center;gap:.75rem;display:flex}.card-title-section h3{color:var(--text);margin:0;font-size:1.5rem;font-weight:700}.event-badge,.difficulty-badge,.completed-badge{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:8px;padding:.5rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.completed-badge{color:var(--green);border:1px solid var(--green);background:#a6e3a133}.card-description{color:var(--subtext0);margin:0 0 1.5rem;font-size:.95rem;line-height:1.6}.event-meta-grid{border-bottom:1px solid var(--surface0);grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:grid}.meta-item{align-items:flex-start;gap:.75rem;display:flex}.meta-icon{color:var(--blue);flex-shrink:0;margin-top:.2rem;font-size:1.1rem}.meta-label{color:var(--subtext0);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.75rem;font-weight:600}.meta-value{color:var(--text);font-size:1rem;font-weight:500}.capacity-bar{background:var(--surface0);border-radius:3px;width:100%;height:6px;margin-bottom:1.5rem;overflow:hidden}.capacity-fill{background:linear-gradient(90deg,var(--blue)0%,var(--lavender)100%);border-radius:3px;height:100%;transition:width .3s}.register-button{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)50%,var(--mauve)100%);width:100%;color:var(--crust);cursor:pointer;border:none;border-radius:12px;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #0d6efd4d}.loading{z-index:5;min-height:100vh;color:var(--text);justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:relative}@media (max-width:1024px){.events-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.events-container{padding:3rem 1.5rem}}@media (max-width:768px){.events-header-section{flex-direction:column;gap:1.5rem;padding:2rem}.events-header-wrapper{flex-direction:column}.events-header-content h1{font-size:2rem}.events-header-content p{font-size:1rem}.events-grid{grid-template-columns:1fr;gap:1.5rem}.section-heading{font-size:1.5rem}.event-showcase-card{padding:1.5rem}.card-title-section h3{font-size:1.25rem}.event-meta-grid{gap:.75rem}}@media (max-width:480px){.events-container{padding:2rem 1rem}.events-header-icon{width:60px;height:60px;font-size:1.5rem}.events-header-content h1{font-size:1.5rem}.events-header-content p{font-size:.9rem}.section-heading{font-size:1.25rem}.event-showcase-card{padding:1.25rem}.card-title-section h3{font-size:1.1rem}.card-description{margin-bottom:1rem;font-size:.9rem}.meta-item{gap:.5rem}.meta-value{font-size:.9rem}.register-button{padding:.75rem;font-size:.9rem}.event-badge,.difficulty-badge,.completed-badge{padding:.35rem .5rem;font-size:.65rem}}@media (max-width:360px){.events-container{padding:1rem .75rem}.events-header-section{padding:1.5rem}.events-header-icon{width:50px;height:50px}.events-header-content h1{font-size:1.25rem}.card-title-section h3{font-size:1rem}.event-showcase-card{padding:1rem}}.resources-page{min-height:100vh;padding:100px 0 60px}.resources-page h1{text-align:center;color:var(--text);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.resources-page>.container>p{text-align:center;color:var(--subtext0);max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.1rem}.category-filter{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.category-filter button{border:2px solid var(--surface1);background:var(--mantle);color:var(--text);cursor:pointer;text-transform:capitalize;border-radius:25px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .3s}.category-filter button:hover{border-color:var(--blue);box-shadow:0 4px 12px var(--shadow);transform:translateY(-2px)}.category-filter button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.resources-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;margin-top:40px;display:grid}.resource-card{background:var(--mantle);box-shadow:0 4px 6px var(--shadow);border:2px solid var(--surface0);border-radius:16px;flex-direction:column;padding:30px;transition:all .3s;display:flex;position:relative;overflow:hidden}.resource-card:before{content:"";background:linear-gradient(90deg,var(--blue),var(--mauve));height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.resource-card:hover:before{transform:scaleX(1)}.resource-card:hover{box-shadow:0 12px 24px var(--shadow);border-color:var(--blue);transform:translateY(-8px)}.resource-icon{background:linear-gradient(135deg,var(--blue),var(--mauve));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;font-size:1.8rem;transition:all .3s;display:flex}.resource-card:hover .resource-icon{transform:scale(1.1)rotate(5deg)}.resource-card h3{color:var(--text);margin:0 0 12px;font-size:1.3rem;font-weight:700;line-height:1.4}.resource-card p{color:var(--subtext0);flex-grow:1;margin-bottom:20px;font-size:.95rem;line-height:1.6}.resource-card a{color:var(--blue);align-items:center;gap:8px;padding:10px 0;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.resource-card a:hover{color:var(--mauve);gap:12px}.resource-card a svg{font-size:.85rem;transition:transform .3s}.resource-card a:hover svg{transform:translate(3px)}.resource-type{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-size:.75rem;font-weight:600;position:absolute;top:20px;right:20px}.resource-type.document{background:var(--green);color:#fff}.resource-type.video{background:var(--red);color:#fff}.resource-type.code{background:var(--yellow);color:var(--crust)}.resource-type.link{background:var(--blue);color:#fff}.resources-empty{text-align:center;color:var(--subtext0);padding:60px 20px}.resources-empty svg{color:var(--surface1);margin-bottom:20px;font-size:4rem}.resources-empty h3{color:var(--text);margin-bottom:10px;font-size:1.5rem}.resources-empty p{color:var(--subtext0);font-size:1rem}@media (max-width:768px){.resources-page{padding:80px 0 40px}.resources-page h1{font-size:2rem}.resources-grid{grid-template-columns:1fr;gap:20px}.category-filter{gap:8px}.category-filter button{padding:8px 16px;font-size:.85rem}.resource-card{padding:24px}.resource-icon{width:50px;height:50px;font-size:1.5rem}}@media (max-width:480px){.resources-page h1{font-size:1.75rem}.category-filter{flex-direction:column}.category-filter button{width:100%}}.products-page{min-height:100vh;padding:100px 0 60px}.products-page h1{text-align:center;color:var(--text);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.products-page>.container>p{text-align:center;color:var(--subtext0);max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.1rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:30px;margin-top:40px;display:grid}.product-card{background:var(--mantle);box-shadow:0 4px 6px var(--shadow);border:2px solid var(--surface0);border-radius:16px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.product-card:hover{box-shadow:0 12px 24px var(--shadow);border-color:var(--blue);transform:translateY(-8px)}.product-image{background:var(--surface0);width:100%;height:220px;position:relative;overflow:hidden}.product-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s}.product-card:hover .product-image img{transform:scale(1.1)}.out-of-stock-badge{background:var(--red);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-size:.75rem;font-weight:600;position:absolute;top:15px;left:15px}.product-wishlist{cursor:pointer;width:40px;height:40px;color:var(--text);background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex;position:absolute;top:15px;right:15px}.product-wishlist:hover{background:var(--red);color:#fff;transform:scale(1.1)}.product-content{flex-direction:column;flex-grow:1;padding:20px;display:flex}.product-category{background:var(--surface0);color:var(--subtext0);text-transform:capitalize;border-radius:20px;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;margin-bottom:12px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.product-category svg{font-size:.9rem}.product-name{color:var(--text);margin-bottom:10px;font-size:1.3rem;font-weight:700;line-height:1.3}.product-description{color:var(--subtext0);flex-grow:1;margin-bottom:15px;font-size:.9rem;line-height:1.5}.product-rating{color:var(--yellow);align-items:center;gap:6px;margin-bottom:15px;font-weight:600;display:flex}.product-rating .star-filled{fill:var(--yellow);font-size:1.1rem}.product-rating span{color:var(--text);font-size:.95rem}.product-footer{border-top:2px solid var(--surface0);justify-content:space-between;align-items:center;padding-top:15px;display:flex}.product-price{color:var(--blue);font-size:1.8rem;font-weight:700}.product-cart-btn{background:linear-gradient(135deg,var(--blue),var(--mauve));color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.product-cart-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #1e66f566}.product-cart-btn:disabled{background:var(--surface1);color:var(--subtext0);cursor:not-allowed}.product-cart-btn svg{font-size:1rem}.products-empty{text-align:center;color:var(--subtext0);padding:60px 20px}.products-empty svg{color:var(--surface1);margin-bottom:20px;font-size:4rem}.products-empty h3{color:var(--text);margin-bottom:10px;font-size:1.5rem}@media (max-width:768px){.products-page{padding:80px 0 40px}.products-page h1{font-size:2rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:20px}.product-image{height:180px}.product-content{padding:16px}.product-footer{flex-direction:column;align-items:stretch;gap:12px}.product-cart-btn{justify-content:center;width:100%}}@media (max-width:480px){.products-page h1{font-size:1.75rem}.products-grid{grid-template-columns:1fr}.product-price{font-size:1.5rem}}.electronics-lab-page{background:linear-gradient(180deg,var(--base)0%,var(--mantle)100%);min-height:100vh;padding-top:80px}.lab-header{text-align:center;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:1px solid #ffffff1a;border-radius:20px;padding:2rem;position:fixed;top:80px;left:50%;transform:translate(-50%)}.lab-header h1{background:linear-gradient(135deg,var(--blue)0%,var(--lavender)50%,var(--mauve)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.lab-header p{color:var(--subtext0);font-size:1rem}.lab-canvas-container{z-index:1;width:100vw;height:100vh;position:fixed;top:0;left:0}.lab-info{z-index:10;width:90%;max-width:1200px;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.info-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}.info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff2e;border-radius:20px;padding:2rem;transition:all .4s;box-shadow:0 8px 32px #1f26871a}.info-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #1f268733}.info-card h3{color:var(--text);margin-bottom:1rem;font-size:1.3rem;font-weight:600}.info-card p{color:var(--subtext0);line-height:1.6}@media (max-width:768px){.lab-header h1{font-size:2rem}.lab-canvas-container{height:50vh;min-height:400px}.info-grid{grid-template-columns:1fr}}.breadcrumb{background-color:#0000;margin-bottom:1rem;padding:0}.breadcrumb-item a{color:var(--blue);text-decoration:none}.breadcrumb-item.active{color:var(--text)}.table{color:var(--text);background-color:var(--base)}.table-light{background-color:var(--surface0);color:var(--text)}.table-hover tbody tr:hover{background-color:var(--surface0)}.table-success{background-color:#a6e3a11a}.table-responsive{border-radius:8px;overflow:hidden}.progress{background-color:var(--surface0)}.progress-bar{background-color:var(--green)!important}@media screen and (max-width:768px){.hamburger{display:flex}.profile-name{display:none}.nav-auth{gap:.5rem}.btn-profile{padding:.6rem}.nav-menu{background-color:var(--base);text-align:center;width:100%;box-shadow:0 10px 27px var(--shadow);border-top:1px solid var(--surface0);-webkit-backdrop-filter:blur(20px);flex-direction:column;max-height:calc(100vh - 70px);padding:2rem 0;transition:left .4s cubic-bezier(.4,0,.2,1);position:fixed;top:70px;left:-100%;overflow-y:auto}.nav-menu.active{left:0}.nav-link{border-radius:0;width:100%;padding:1rem 2rem}.nav-link:after{display:none}.nav-link:hover,.nav-link.active{border-left:4px solid var(--blue);background:#89b4fa1a}.nav-link-admin:hover,.nav-link-admin.active{border-left:4px solid var(--red);background:#f38ba81a}.hero{min-height:calc(100vh - 70px);padding:2rem 0}.hero-content{padding:1rem}.hero-title{letter-spacing:-1px;font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-description{font-size:1rem}.hero-buttons{flex-direction:column;align-items:stretch;width:100%}.hero-buttons .btn{width:100%}section{padding:4rem 0}.section-header{margin-bottom:2.5rem}.section-header h2{font-size:2.2rem}.section-header p{font-size:1rem}.btn{padding:12px 24px;font-size:.95rem}.projects-buttons{flex-direction:column;align-items:stretch}.projects-buttons .btn{width:100%}.contact-content{grid-template-columns:1fr;gap:2rem}.about-grid,.projects-grid,.team-members,.events-grid,.challenges-grid{grid-template-columns:1fr;gap:1.5rem}.about-card,.project-card,.team-card,.event-card,.challenge-card{padding:1.5rem}.card-icon{font-size:2.5rem}.profile-card{border-radius:15px;max-width:100%}.profile-card-header{height:100px}.profile-card-avatar{width:100px;height:100px}.profile-card-avatar-wrapper{margin-top:-50px}.profile-card-name{font-size:1.5rem}.profile-card-stats{gap:15px}.profile-card-stat{gap:8px}.profile-card-stat-icon{width:40px;height:40px;font-size:1.1rem}.profile-card-stat-value{font-size:1.3rem}.filter-tabs{gap:.5rem;margin:1.5rem 0}.filter-btn{padding:.6rem 1rem;font-size:.85rem}.challenge-header,.event-details{flex-direction:column;gap:1rem}.challenge-meta,.challenge-actions{flex-direction:column;gap:.75rem}.challenge-actions .btn{width:100%;min-width:auto}.footer{padding:3rem 0 1.5rem}.footer-content{text-align:center;grid-template-columns:1fr;gap:2rem}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}table{font-size:.85rem}.form-group{margin-bottom:1rem}input,textarea,select{font-size:16px}}@media screen and (max-width:480px){.hero-title{letter-spacing:-.5px;font-size:2rem}.hero-subtitle{font-size:1.1rem}.hero-description{font-size:.95rem}.section-header h2{font-size:1.8rem}.section-header p{font-size:.95rem}.container{padding:0 15px}section{padding:3rem 0}.btn{padding:10px 20px;font-size:.9rem}.about-card,.project-card,.team-card,.event-card,.challenge-card{padding:1.25rem}.card-icon{margin-bottom:1rem;font-size:2rem}.profile-card-content{padding:15px 20px 20px}.profile-card-stats{flex-direction:column;gap:15px}.profile-card-stat-divider{display:none}.profile-card-stat{justify-content:center;width:100%}.nav-container{padding:0 15px}.logo-icon{width:36px;height:36px;font-size:1.2rem}.logo-text{font-size:1.3rem}.contact-icon{min-width:50px;padding:.8rem;font-size:1.5rem}.contact-item h3{font-size:1rem}.team-avatar{width:80px;height:80px;font-size:2rem}.filter-tabs{gap:.4rem}.filter-btn{padding:.5rem .8rem;font-size:.8rem}.difficulty-badge{padding:.3rem .8rem;font-size:.7rem}.footer{margin-top:2rem;padding:2rem 0 1rem}}@media screen and (max-height:500px) and (orientation:landscape){.hero{min-height:auto;padding:4rem 0}.nav-menu{max-height:calc(100vh - 60px)}}@media (hover:none) and (pointer:coarse){.btn,.nav-link,.filter-btn{min-height:44px}.btn:hover:before,.about-card:hover:before,.project-card-link:hover .project-card:after,.event-card:hover:before,.challenge-card:hover:before{display:none}}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){.navbar{border-bottom:2px solid var(--text)}.btn{border:2px solid}.card{border:2px solid var(--text)}}@media (max-width:1000px){.nav-menu{display:none}.mobile-menu{display:block}}.about-card,.project-card,.team-card{animation:.6s ease-out fadeInUp}.about-card:first-child{animation-delay:.1s}.about-card:nth-child(2){animation-delay:.2s}.about-card:nth-child(3){animation-delay:.3s}.about-card:nth-child(4){animation-delay:.4s}.project-card:first-child{animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}.project-card:nth-child(4){animation-delay:.4s}.project-card:nth-child(5){animation-delay:.5s}.project-card:nth-child(6){animation-delay:.6s}.team-card:first-child{animation-delay:.1s}.team-card:nth-child(2){animation-delay:.2s}.team-card:nth-child(3){animation-delay:.3s}.team-card:nth-child(4){animation-delay:.4s}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@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}.profile-popup-quick-links{display:flex;flex-direction:column;gap:.4rem}.quick-link-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff0d;border-radius:10px;border:1px solid var(--surface0);text-decoration:none;color:var(--text);transition:all .3s ease}.quick-link-item:hover{background:#ffffff14;border-color:var(--blue);transform:translate(4px)}.quick-link-icon{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--blue)}.quick-link-text h5{margin:0;font-size:.875rem;font-weight:600;color:var(--text)}.quick-link-text p{margin:0;font-size:.75rem;color:var(--subtext0)}@media (max-width: 768px){.quick-link-item{padding:.875rem}.quick-link-icon{min-width:36px;font-size:1.1rem}.quick-link-text h5{font-size:.9rem}.quick-link-text p{font-size:.75rem}}@media (max-width: 480px){.quick-link-item{padding:.75rem;gap:.75rem}.quick-link-icon{min-width:32px;font-size:1rem}}.github-header{position:fixed;top:1rem;left:50%;right:auto;transform:translate(-50%);max-width:calc(100% - 2rem);height:64px;background:var(--base);border:1px solid var(--surface0);border-radius:20px;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000001f;transition:all .3s cubic-bezier(.4,0,.2,1)}.github-header.scrolled{border-color:var(--surface1);box-shadow:0 12px 48px #0000002e;background:#181926f2}.github-header.hidden{opacity:0;visibility:hidden;transform:translate(-50%) translateY(-120%)}.github-header.visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.github-header-container{max-width:1280px;width:100%;height:100%;display:flex;align-items:center;gap:1.5rem;padding:0 1.5rem}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;font-size:1.2rem}.mobile-menu-btn:hover{background:var(--surface0);color:var(--blue);transform:scale(1.1)}.github-logo{display:flex;align-items:center;text-decoration:none;font-size:1.3rem;font-weight:800;color:var(--text);margin-right:1rem;white-space:nowrap;transition:all .3s ease}.github-logo:hover{transform:scale(1.05)}.logo-text{background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 50%,var(--mauve) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-flow 8s ease infinite}@keyframes gradient-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.github-nav{display:flex;align-items:center;gap:.25rem;flex:1;justify-content:center}.github-nav a,.nav-dropdown-btn{padding:.5rem .875rem;color:var(--text);text-decoration:none;font-size:.875rem;font-weight:500;border-radius:8px;transition:all .3s ease;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:.375rem;position:relative}.github-nav a:after,.nav-dropdown-btn:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--lavender));border-radius:1px;transition:all .3s ease;transform:translate(-50%)}.github-nav a:hover,.nav-dropdown-btn:hover{color:var(--blue);background:#0d6efd1a}.github-nav a:hover:after,.nav-dropdown-btn:hover:after{width:calc(100% - 1.75rem)}.nav-dropdown{position:relative}.nav-dropdown-menu{position:absolute;top:calc(100% + .75rem);left:50%;transform:translate(-50%);background:var(--base);border:1px solid var(--surface0);border-radius:12px;box-shadow:0 12px 48px #0000002e;min-width:200px;padding:.75rem;z-index:1001;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:dropdown-appear .3s ease}@keyframes dropdown-appear{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nav-dropdown-menu a{display:block;padding:.625rem .875rem;color:var(--text);text-decoration:none;font-size:.875rem;border-radius:8px;transition:all .3s ease}.nav-dropdown-menu a:hover{background:var(--surface0);color:var(--blue);transform:translate(4px)}.github-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.github-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;color:var(--text);cursor:pointer;border-radius:8px;transition:all .3s ease;text-decoration:none;font-size:1.1rem}.github-icon-btn:hover{background:var(--surface0);color:var(--blue);transform:translateY(-2px);box-shadow:0 4px 12px #0d6efd33}.cart-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,var(--red) 0%,var(--maroon) 100%);color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .4rem;border-radius:10px;min-width:18px;text-align:center;box-shadow:0 2px 8px #f354544d;animation:badge-pop .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.github-profile-btn{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 100%);border:2px solid var(--surface0);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1rem;box-shadow:0 4px 12px #0d6efd33}.github-profile-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0d6efd4d;border-color:var(--lavender)}.github-login-btn{padding:.5rem 1.25rem;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 100%);color:#fff;text-decoration:none;font-size:.875rem;font-weight:600;border-radius:8px;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 4px 12px #0d6efd4d;display:inline-flex;align-items:center;gap:.5rem}.github-login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0d6efd66}.github-login-btn:active{transform:translateY(0)}@media (max-width: 1024px){.github-header{max-width:calc(100% - 1rem);top:.5rem}.github-header-container{gap:1rem;padding:0 1.25rem}.github-nav{display:none}.github-nav.mobile-open{display:flex}}@media (max-width: 768px){.mobile-menu-btn{display:flex}.github-header{max-width:calc(100% - 1rem);top:.5rem;border-radius:16px;height:56px}.github-header-container{padding:0 1rem;gap:.75rem}.github-logo{margin-right:.5rem;font-size:1.1rem}.github-nav{position:fixed;top:60px;left:.5rem;right:.5rem;background:var(--base);border:1px solid var(--surface0);border-radius:0 0 12px 12px;border-top:none;flex-direction:column;align-items:stretch;padding:.75rem;gap:.25rem;transform:scaleY(0);transform-origin:top;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 48px #0000002e}.github-nav.mobile-open{transform:scaleY(1);opacity:1;visibility:visible}.github-nav a,.nav-dropdown-btn{width:100%;justify-content:flex-start;padding:.625rem .875rem}.github-nav a:after,.nav-dropdown-btn:after{display:none}.nav-dropdown-menu{position:static;box-shadow:none;border:none;padding-left:.75rem;margin-top:.25rem;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none}.github-actions{gap:.375rem}.github-icon-btn{width:32px;height:32px;font-size:1rem}.github-profile-btn{width:32px;height:32px}}@media (max-width: 480px){.github-header-container{padding:0 .75rem}.github-header{height:52px}.logo-text{font-size:1rem}.github-nav a,.nav-dropdown-btn{font-size:.8rem}.github-icon-btn{width:28px;height:28px;font-size:.9rem}.github-profile-btn{width:28px;height:28px}.github-login-btn{padding:.4rem 1rem;font-size:.8rem}}.features-section{padding:5rem 0;background:var(--base)}.features-section .section-header{text-align:center;margin-bottom:4rem}.features-section .section-header h2{font-size:2.5rem;font-weight:700;color:var(--text);margin-bottom:1rem}.features-section .section-header p{font-size:1.2rem;color:var(--subtext0)}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.feature-card{background:var(--mantle);padding:2rem;border-radius:16px;border:1px solid var(--surface0);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--feature-color, var(--blue));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.feature-card:hover{transform:translateY(-8px);border-color:var(--feature-color, var(--blue));box-shadow:0 12px 40px #00000026}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{width:60px;height:60px;border-radius:12px;background:var(--surface0);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--feature-color, var(--blue));transition:all .3s ease}.feature-card:hover .feature-icon{background:var(--feature-color, var(--blue));color:var(--base);transform:scale(1.1) rotate(5deg)}.feature-card h3{font-size:1.3rem;font-weight:600;color:var(--text);margin-bottom:.75rem;transition:color .3s ease}.feature-card:hover h3{color:var(--feature-color, var(--blue))}.feature-card p{font-size:.95rem;color:var(--subtext0);line-height:1.6}@media (max-width: 1200px){.features-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}}@media (max-width: 768px){.features-section{padding:3rem 0}.features-section .section-header h2{font-size:2rem}.features-section .section-header p{font-size:1rem}.features-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.feature-card{padding:1.5rem}.feature-icon{width:50px;height:50px}.feature-card h3{font-size:1.1rem}.feature-card p{font-size:.9rem}}@media (max-width: 480px){.features-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-out}.modal-content{background:var(--color-bg-secondary, var(--mantle));border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out;border:1px solid var(--color-border, var(--surface0))}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-small{width:100%;max-width:400px}.modal-medium{width:100%;max-width:600px}.modal-large{width:100%;max-width:900px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:2px solid var(--color-border, var(--surface0))}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text-primary, var(--text))}.modal-close-btn{background:none;border:none;color:var(--color-text-secondary, var(--subtext1));font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:var(--color-border, var(--surface0));color:var(--color-text-primary, var(--text));transform:rotate(90deg)}.modal-body{padding:2rem;overflow-y:auto;flex:1}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--color-bg-tertiary, var(--crust));border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:var(--color-border, var(--surface0));border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-primary, var(--blue))}@media (max-width: 768px){.modal-overlay{padding:.5rem}.modal-content{max-height:95vh}.modal-header{padding:1rem 1.5rem}.modal-header h2{font-size:1.25rem}.modal-body{padding:1.5rem}}.user-quick-modal-content{padding:0}.user-quick-header{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#89b4fa1a,#cba6f71a);border-bottom:1px solid var(--surface0)}.user-quick-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0;border:3px solid var(--blue);box-shadow:0 4px 12px #89b4fa4d}.user-quick-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-quick-info{flex:1}.user-quick-info h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--text)}.user-quick-username{color:var(--subtext0);font-size:.95rem;margin:0 0 .5rem}.user-quick-role{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-admin{background:linear-gradient(135deg,var(--red) 0%,var(--maroon) 100%);color:#fff}.role-moderator{background:linear-gradient(135deg,var(--mauve) 0%,var(--lavender) 100%);color:#fff}.role-user{background:linear-gradient(135deg,var(--blue) 0%,var(--sapphire) 100%);color:#fff}.user-quick-bio{padding:1.5rem;border-bottom:1px solid var(--surface0)}.user-quick-bio p{margin:0;color:var(--subtext1);line-height:1.6;font-size:.95rem}.user-quick-details{padding:1.5rem;border-bottom:1px solid var(--surface0)}.user-quick-details h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--text)}.details-grid{display:grid;gap:.75rem}.detail-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:8px;transition:background .2s ease}.detail-item:hover{background:var(--surface0)}.detail-icon{color:var(--blue);font-size:1rem;flex-shrink:0}.detail-item span,.detail-item a{color:var(--text);font-size:.9rem;text-decoration:none;transition:color .2s ease}.detail-item a:hover{color:var(--blue)}.user-quick-actions{padding:1.5rem;display:flex;justify-content:center}.btn-view-full-profile{display:flex;align-items:center;gap:.75rem;padding:.875rem 2rem;border:none;border-radius:12px;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 100%);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #89b4fa4d}.btn-view-full-profile:hover{transform:translateY(-2px);box-shadow:0 6px 20px #89b4fa66}.btn-view-full-profile:active{transform:translateY(0)}@media (max-width: 768px){.user-quick-header{flex-direction:column;text-align:center}.user-quick-avatar{width:100px;height:100px}.user-quick-info h2{font-size:1.25rem}.details-grid{grid-template-columns:1fr}}.user-profile-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease;overflow-y:auto;padding:2rem 0}.user-profile-modal-container{position:relative;width:95%;max-width:1200px;max-height:90vh;background:var(--base);border-radius:24px;box-shadow:0 20px 60px #0000004d;border:1px solid var(--surface0);animation:slideUp .3s ease;overflow-y:auto;margin:auto}.user-profile-modal-close{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;border-radius:50%;border:none;background:var(--surface0);color:var(--text);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease}.user-profile-modal-close:hover{background:var(--red);color:#fff;transform:rotate(90deg)}.user-profile-loading,.user-profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1.5rem}.spinner{width:50px;height:50px;border:4px solid var(--surface0);border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite}.user-profile-loading p,.user-profile-error p{color:var(--text);font-size:1.1rem}.user-profile-header{position:relative;padding-bottom:2rem;border-bottom:2px solid var(--surface0)}.user-profile-cover{height:200px;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 50%,var(--mauve) 100%);background-size:200% 200%;animation:gradient-shift 10s ease infinite;border-radius:24px 24px 0 0}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.user-profile-main-info{display:flex;align-items:flex-end;gap:2rem;padding:0 2rem;margin-top:-60px;position:relative;z-index:1}.user-profile-avatar-wrapper{position:relative;flex-shrink:0}.user-profile-avatar{width:150px;height:150px;border-radius:50%;border:5px solid var(--base);-o-object-fit:cover;object-fit:cover;box-shadow:0 8px 24px #0000004d}.streak-badge{position:absolute;bottom:5px;right:5px;background:linear-gradient(135deg,var(--peach) 0%,var(--red) 100%);color:#fff;padding:.35rem .75rem;border-radius:20px;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:.35rem;box-shadow:0 4px 12px #fab38766;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.user-profile-title-section{flex:1;padding-bottom:1rem}.user-profile-title-section h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:var(--text)}.user-profile-username{color:var(--subtext0);font-size:1.1rem;margin:0 0 .75rem}.role-badge,.rank-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;margin-right:.75rem;text-transform:uppercase;letter-spacing:.5px}.role-badge.role-admin{background:linear-gradient(135deg,var(--red) 0%,var(--maroon) 100%);color:#fff}.role-badge.role-moderator{background:linear-gradient(135deg,var(--mauve) 0%,var(--lavender) 100%);color:#fff}.role-badge.role-user{background:linear-gradient(135deg,var(--blue) 0%,var(--sapphire) 100%);color:#fff}.rank-badge{background:linear-gradient(135deg,var(--yellow) 0%,var(--peach) 100%);color:var(--crust)}.user-profile-bio{padding:1.5rem 2rem 0}.user-profile-bio p{margin:0;color:var(--subtext1);font-size:1rem;line-height:1.6}.user-profile-contact{padding:1.5rem 2rem;display:flex;flex-wrap:wrap;gap:1.5rem}.contact-item{display:flex;align-items:center;gap:.5rem;color:var(--text);text-decoration:none;font-size:.95rem;transition:color .2s ease}.contact-item:hover{color:var(--blue)}.contact-item svg{color:var(--blue);font-size:1.1rem}.user-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;padding:1.5rem 2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#89b4fa0d;border-radius:16px;border:1px solid var(--surface0);transition:all .3s ease}.stat-card:hover{background:#89b4fa1a;transform:translateY(-2px);box-shadow:0 4px 12px #89b4fa33}.stat-icon{font-size:1.5rem;color:var(--blue)}.stat-content{flex:1}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text);margin:0}.stat-label{font-size:.85rem;color:var(--subtext0);margin:0;text-transform:uppercase;letter-spacing:.5px}.user-profile-tabs{display:flex;gap:.5rem;padding:1rem 2rem 0;border-bottom:2px solid var(--surface0);overflow-x:auto}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border:none;background:transparent;color:var(--subtext0);font-size:.95rem;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;white-space:nowrap}.tab-button:hover{color:var(--text);background:var(--surface0);border-radius:8px 8px 0 0}.tab-button.active{color:var(--blue);border-bottom-color:var(--blue)}.tab-button svg{font-size:1.1rem}.user-profile-content{padding:2rem;min-height:400px}.tab-content-overview,.tab-content-projects,.tab-content-events,.tab-content-products,.tab-content-courses,.tab-content-achievements{animation:fadeIn .3s ease}.tab-content-overview h2,.tab-content-projects h2,.tab-content-events h2,.tab-content-products h2,.tab-content-courses h2,.tab-content-achievements h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;color:var(--text)}.empty-state{text-align:center;padding:3rem 2rem;color:var(--subtext0);font-size:1rem}.activity-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-stat{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--surface0);border-radius:12px;border:1px solid var(--surface1)}.summary-icon{font-size:2rem;color:var(--blue)}.summary-value{font-size:1.75rem;font-weight:700;color:var(--text)}.summary-label{font-size:.85rem;color:var(--subtext0)}.profile-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.profile-project-card{position:relative;background:var(--surface0);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid var(--surface1)}.profile-project-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #89b4fa4d;border-color:var(--blue)}.profile-project-image{position:relative;height:180px;overflow:hidden;background:var(--mantle)}.profile-project-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.profile-project-card:hover .profile-project-image img{transform:scale(1.1)}.profile-project-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--blue);background:linear-gradient(135deg,var(--surface0) 0%,var(--surface1) 100%)}.profile-project-status{position:absolute;top:.75rem;right:.75rem}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-completed{background:#a6e3a1e6;color:var(--green)}.status-in_progress{background:#f9e2afe6;color:var(--yellow)}.status-draft{background:#bac2dee6;color:var(--overlay2)}.profile-project-content{padding:1.25rem}.profile-project-content h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--text)}.profile-project-content p{margin:0 0 1rem;color:var(--subtext0);font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-project-meta{display:flex;gap:1rem;margin-bottom:1rem}.meta-item{display:flex;align-items:center;gap:.35rem;color:var(--subtext0);font-size:.85rem}.profile-project-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{padding:.25rem .75rem;border-radius:12px;background:var(--surface1);color:var(--text);font-size:.75rem;font-weight:500}.profile-project-overlay{position:absolute;inset:0;background:#89b4faf2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:opacity .3s ease;color:#fff;font-weight:600;font-size:1.1rem}.profile-project-card:hover .profile-project-overlay{opacity:1}.profile-project-overlay svg{font-size:2rem}.profile-events-list{display:flex;flex-direction:column;gap:1rem}.profile-event-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--surface0);border-radius:16px;border:2px solid var(--surface1);cursor:pointer;transition:all .3s ease}.profile-event-card:hover{transform:translate(8px);border-color:var(--blue);box-shadow:0 8px 20px #89b4fa33}.profile-event-icon{width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 100%);display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:#fff;flex-shrink:0}.profile-event-content{flex:1}.profile-event-content h3{margin:0 0 .5rem;font-size:1.15rem;font-weight:600;color:var(--text)}.profile-event-content p{margin:0 0 1rem;color:var(--subtext0);font-size:.9rem}.profile-event-meta{display:flex;gap:1rem;flex-wrap:wrap}.meta-badge{padding:.35rem .75rem;border-radius:12px;background:var(--surface1);color:var(--text);font-size:.8rem;font-weight:500}.meta-date{color:var(--subtext0);font-size:.85rem}.profile-event-arrow{color:var(--blue);font-size:1.25rem;opacity:0;transition:opacity .3s ease}.profile-event-card:hover .profile-event-arrow{opacity:1}.profile-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.profile-product-card{position:relative;background:var(--surface0);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid var(--surface1)}.profile-product-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #89b4fa4d;border-color:var(--green)}.profile-product-image{position:relative;height:200px;overflow:hidden;background:var(--mantle)}.profile-product-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.profile-product-card:hover .profile-product-image img{transform:scale(1.1)}.profile-product-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--green);background:linear-gradient(135deg,var(--surface0) 0%,var(--surface1) 100%)}.profile-product-price{position:absolute;top:.75rem;right:.75rem;padding:.5rem 1rem;background:#a6e3a1f2;color:var(--green);font-weight:700;font-size:1.1rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-product-content{padding:1.25rem}.profile-product-content h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--text)}.profile-product-content p{margin:0 0 1rem;color:var(--subtext0);font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-product-meta{display:flex;gap:1rem;margin-bottom:1rem}.category-badge{display:inline-block;padding:.35rem .75rem;border-radius:12px;background:var(--surface1);color:var(--text);font-size:.75rem;font-weight:600;text-transform:uppercase}.profile-product-overlay{position:absolute;inset:0;background:#a6e3a1f2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:opacity .3s ease;color:#fff;font-weight:600;font-size:1.1rem}.profile-product-card:hover .profile-product-overlay{opacity:1}.profile-product-overlay svg{font-size:2rem}.profile-courses-list{display:flex;flex-direction:column;gap:1rem}.profile-course-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--surface0);border-radius:16px;border:2px solid var(--surface1);cursor:pointer;transition:all .3s ease}.profile-course-card:hover{transform:translate(8px);border-color:var(--mauve);box-shadow:0 8px 20px #cba6f733}.profile-course-icon{width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,var(--mauve) 0%,var(--lavender) 100%);display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:#fff;flex-shrink:0}.profile-course-content{flex:1}.profile-course-content h3{margin:0 0 .5rem;font-size:1.15rem;font-weight:600;color:var(--text)}.profile-course-content p{margin:0 0 .75rem;color:var(--subtext0);font-size:.9rem}.profile-course-instructor{margin-bottom:.75rem;color:var(--subtext1);font-size:.85rem}.profile-course-progress{margin-bottom:1rem}.progress-bar{height:8px;background:var(--surface1);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--mauve) 0%,var(--lavender) 100%);border-radius:4px;transition:width .3s ease}.progress-text{font-size:.8rem;color:var(--subtext0);font-weight:600}.profile-course-meta{display:flex;gap:1rem}.profile-course-arrow{color:var(--mauve);font-size:1.25rem;opacity:0;transition:opacity .3s ease}.profile-course-card:hover .profile-course-arrow{opacity:1}.profile-achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.profile-achievement-card{padding:1.5rem;background:var(--surface0);border-radius:16px;border:2px solid var(--surface1);text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.profile-achievement-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(137,180,250,.1) 100%);opacity:0;transition:opacity .3s ease}.profile-achievement-card:hover:before{opacity:1}.profile-achievement-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #89b4fa33}.profile-achievement-icon{font-size:3.5rem;margin-bottom:1rem}.profile-achievement-content h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--text)}.profile-achievement-content p{margin:0 0 1rem;color:var(--subtext0);font-size:.9rem}.profile-achievement-meta{display:flex;gap:.75rem;justify-content:center;margin-bottom:.75rem}.rarity-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.rarity-common{background:var(--surface1);color:var(--subtext0)}.rarity-rare{background:linear-gradient(135deg,var(--blue) 0%,var(--sapphire) 100%);color:#fff}.rarity-epic{background:linear-gradient(135deg,var(--mauve) 0%,var(--lavender) 100%);color:#fff}.rarity-legendary{background:linear-gradient(135deg,var(--yellow) 0%,var(--peach) 100%);color:var(--crust);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.8}}.profile-achievement-date{font-size:.8rem;color:var(--subtext0)}@media (max-width: 1024px){.user-stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width: 768px){.user-profile-modal-container{width:100%;max-width:100%;border-radius:0;max-height:100vh}.user-profile-cover{height:150px;border-radius:0}.user-profile-main-info{flex-direction:column;align-items:center;text-align:center;padding:0 1rem;margin-top:-50px}.user-profile-avatar{width:120px;height:120px}.user-profile-title-section{padding-bottom:.5rem}.user-profile-title-section h1{font-size:1.5rem}.user-profile-bio,.user-profile-contact,.user-stats-grid,.user-profile-tabs,.user-profile-content{padding-left:1rem;padding-right:1rem}.user-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:1rem}.stat-value{font-size:1.25rem}.user-profile-tabs{gap:.25rem}.tab-button{padding:.75rem 1rem;font-size:.85rem}.user-profile-modal-close{top:1rem;right:1rem;width:36px;height:36px;font-size:1rem}}@media (max-width: 480px){.user-profile-contact{flex-direction:column;gap:.75rem}.user-stats-grid{grid-template-columns:1fr}.role-badge,.rank-badge{font-size:.8rem;padding:.25rem .75rem}}.events-page{position:relative;min-height:100vh;overflow:hidden;background:var(--bg-primary)}.events-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.events-gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2;animation:float 20s ease-in-out infinite}.events-orb-1{width:500px;height:500px;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 100%);top:-10%;left:-10%;animation-delay:0s}.events-orb-2{width:400px;height:400px;background:linear-gradient(135deg,var(--mauve) 0%,var(--pink) 100%);bottom:-10%;right:-10%;animation-delay:7s}.events-orb-3{width:350px;height:350px;background:linear-gradient(135deg,var(--sky) 0%,var(--teal) 100%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:14s}@media (max-width: 768px){.events-orb-1{width:300px;height:300px}.events-orb-2{width:250px;height:250px}.events-orb-3{width:200px;height:200px}}@media (max-width: 480px){.events-orb-1{width:200px;height:200px}.events-orb-2{width:150px;height:150px}.events-orb-3{width:120px;height:120px}}.events-container{position:relative;z-index:5;max-width:1200px;margin:0 auto;padding:4rem 2rem}.events-header-section{display:flex;align-items:center;justify-content:center;margin-bottom:4rem;padding:3rem;background:var(--base);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid var(--surface0);box-shadow:0 20px 60px var(--shadow);transition:transform .3s ease,box-shadow .3s ease}.events-header-section:hover{transform:translateY(-5px);box-shadow:0 25px 70px #00000026}.events-header-wrapper{display:flex;align-items:center;gap:2rem;text-align:center}.events-header-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 100%);color:#fff;box-shadow:0 10px 30px #0d6efd4d;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 10px 30px #0d6efd4d}50%{transform:scale(1.05);box-shadow:0 15px 40px #0d6efd66}}.events-header-content h1{font-size:2.5rem;margin:0 0 .5rem;font-weight:700;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 50%,var(--mauve) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.events-header-content p{font-size:1.1rem;color:var(--subtext0);margin:0}.events-content{display:flex;flex-direction:column;gap:4rem}.events-section{display:flex;flex-direction:column;gap:2rem}.section-heading{font-size:2rem;margin:0;font-weight:700;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 50%,var(--mauve) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem}.event-showcase-card{background:var(--base);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:2rem;border:1px solid var(--surface0);box-shadow:0 20px 60px var(--shadow);transition:all .3s ease;position:relative;overflow:hidden}.event-showcase-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue) 0%,var(--lavender) 50%,var(--mauve) 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.event-showcase-card:hover:before{transform:scaleX(1)}.event-showcase-card:hover{transform:translateY(-8px);box-shadow:0 30px 80px #0003;border-color:var(--blue)}.event-showcase-card.completed{opacity:.85}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.card-title-section{display:flex;align-items:center;gap:.75rem;flex:1}.card-title-section h3{margin:0;font-size:1.5rem;color:var(--text);font-weight:700}.event-badge,.difficulty-badge,.completed-badge{display:inline-block;padding:.5rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.event-badge{background:var(--overlay);color:var(--blue);border:1px solid var(--blue)}.difficulty-badge{background:var(--overlay);border:1px solid var(--text-secondary)}.difficulty-badge.beginner{color:var(--green);border-color:var(--green);background:#a6e3a11a}.difficulty-badge.intermediate{color:var(--blue);border-color:var(--blue);background:#89b4fa1a}.difficulty-badge.advanced{color:var(--yellow);border-color:var(--yellow);background:#f9e2af1a}.completed-badge{background:#a6e3a133;color:var(--green);border:1px solid var(--green)}.card-description{color:var(--subtext0);font-size:.95rem;line-height:1.6;margin:0 0 1.5rem}.event-meta-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--surface0)}.meta-item{display:flex;align-items:flex-start;gap:.75rem}.meta-icon{color:var(--blue);font-size:1.1rem;margin-top:.2rem;flex-shrink:0}.meta-label{font-size:.75rem;color:var(--subtext0);text-transform:uppercase;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem}.meta-value{font-size:1rem;color:var(--text);font-weight:500}.capacity-bar{width:100%;height:6px;background:var(--surface0);border-radius:3px;overflow:hidden;margin-bottom:1.5rem}.capacity-fill{height:100%;background:linear-gradient(90deg,var(--blue) 0%,var(--lavender) 100%);border-radius:3px;transition:width .3s ease}.register-button{width:100%;padding:1rem;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 50%,var(--mauve) 100%);color:var(--crust);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0d6efd4d}.register-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0d6efd66}.register-button:active{transform:translateY(0)}.loading{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.2rem;color:var(--text)}@media (max-width: 1024px){.events-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.events-container{padding:3rem 1.5rem}}@media (max-width: 768px){.events-header-section{flex-direction:column;padding:2rem;gap:1.5rem}.events-header-wrapper{flex-direction:column}.events-header-content h1{font-size:2rem}.events-header-content p{font-size:1rem}.events-grid{grid-template-columns:1fr;gap:1.5rem}.section-heading{font-size:1.5rem}.event-showcase-card{padding:1.5rem}.card-title-section h3{font-size:1.25rem}.event-meta-grid{gap:.75rem}}@media (max-width: 480px){.events-container{padding:2rem 1rem}.events-header-icon{width:60px;height:60px;font-size:1.5rem}.events-header-content h1{font-size:1.5rem}.events-header-content p{font-size:.9rem}.section-heading{font-size:1.25rem}.event-showcase-card{padding:1.25rem}.card-title-section h3{font-size:1.1rem}.card-description{font-size:.9rem;margin-bottom:1rem}.meta-item{gap:.5rem}.meta-value{font-size:.9rem}.register-button{padding:.75rem;font-size:.9rem}.event-badge,.difficulty-badge,.completed-badge{padding:.35rem .5rem;font-size:.65rem}}@media (max-width: 360px){.events-container{padding:1rem .75rem}.events-header-section{padding:1.5rem}.events-header-icon{width:50px;height:50px}.events-header-content h1{font-size:1.25rem}.card-title-section h3{font-size:1rem}.event-showcase-card{padding:1rem}}.product-detail-section{min-height:100vh;padding:100px 0 60px;background-color:var(--base)}.breadcrumb{display:flex;gap:8px;margin-bottom:30px;font-size:.9rem;color:var(--subtext0)}.breadcrumb a{color:var(--blue);cursor:pointer;transition:color .2s}.breadcrumb a:hover{color:var(--lavender)}.product-detail-main{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:80px;background:var(--mantle);padding:40px;border-radius:12px}.image-gallery{display:flex;flex-direction:column;gap:20px}.main-image{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--surface0)}.main-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px}.thumbnail-images .thumbnail{aspect-ratio:1;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .3s;-o-object-fit:cover;object-fit:cover}.thumbnail-images .thumbnail:hover{border-color:var(--blue)}.thumbnail-images .thumbnail.active{border-color:var(--blue);box-shadow:0 0 0 3px #89b4fa33}.product-info{display:flex;flex-direction:column;gap:24px}.product-info h1{font-size:2.5rem;font-weight:800;color:var(--text);margin:0}.product-rating{display:flex;align-items:center;gap:12px}.product-rating .stars{display:flex;gap:4px}.product-rating .rating-value{font-weight:700;color:var(--text)}.product-rating .review-count{color:var(--subtext0);font-size:.9rem}.price-section{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--surface0);border-radius:8px}.price-container{display:flex;align-items:center;gap:12px}.current-price{font-size:2rem;font-weight:800;color:var(--blue)}.original-price{font-size:1.2rem;color:var(--subtext0);text-decoration:line-through}.stock-status{font-size:.9rem;font-weight:600}.in-stock{color:var(--green)}.out-of-stock{color:var(--red)}.product-actions{display:flex;flex-direction:column;gap:12px}.quantity-control{display:flex;align-items:center;gap:12px}.quantity-control label{font-weight:600;color:var(--text)}.quantity-selector{display:flex;align-items:center;border:1px solid var(--surface1);border-radius:6px;overflow:hidden}.quantity-selector button{padding:8px 12px;background:transparent;border:none;cursor:pointer;color:var(--text);font-weight:600;transition:background .2s}.quantity-selector button:hover{background:var(--surface1)}.quantity-selector input{width:50px;text-align:center;border:none;background:transparent;color:var(--text);font-weight:600}.btn-primary,.btn-wishlist{padding:12px 20px;border:none;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s}.btn-primary{background:var(--blue);color:var(--base)}.btn-primary:hover{background:var(--lavender)}.btn-primary:disabled{background:var(--surface1);color:var(--subtext0);cursor:not-allowed}.btn-wishlist{background:var(--surface0);color:var(--text);border:2px solid var(--surface1)}.btn-wishlist:hover{border-color:var(--red);color:var(--red)}.btn-wishlist.active{background:#f4729c1a;border-color:var(--red);color:var(--red)}.coupons-section{padding:20px;background:var(--surface0);border-radius:8px}.coupons-section h3{margin:0 0 16px;color:var(--text);font-size:1.1rem}.coupons-list{display:flex;flex-direction:column;gap:12px}.coupon-card{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--mantle);border:2px solid var(--surface1);border-radius:6px;transition:all .3s}.coupon-card:hover{border-color:var(--blue)}.coupon-card.applied{border-color:var(--green);background:#a6e3a11a}.coupon-info{flex:1}.coupon-code{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-weight:600;color:var(--text)}.coupon-code code{background:var(--surface0);padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;color:var(--blue)}.coupon-description{margin:4px 0;font-size:.85rem;color:var(--subtext0)}.coupon-discount{margin:0;font-size:.9rem;font-weight:700;color:var(--green)}.coupon-btn{padding:8px 16px;background:var(--blue);color:var(--base);border:none;border-radius:4px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:6px;transition:all .3s}.coupon-btn:hover{background:var(--lavender)}.coupon-btn.active{background:var(--green)}.coupon-message{margin-top:12px;padding:10px;background:#a6e3a11a;color:var(--green);border-radius:4px;font-size:.9rem}.product-description{color:var(--subtext0);line-height:1.6;margin:0}.product-details-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:80px}.features-box,.specs-box{background:var(--mantle);padding:30px;border-radius:12px}.features-box h3,.specs-box h3{font-size:1.3rem;margin:0 0 20px;color:var(--text)}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.features-list li{display:flex;align-items:flex-start;gap:12px;color:var(--subtext0);line-height:1.5}.features-list li svg{flex-shrink:0;margin-top:2px}.specs-table{display:flex;flex-direction:column;gap:0}.spec-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:12px 0;border-bottom:1px solid var(--surface0)}.spec-row:last-child{border-bottom:none}.spec-label{font-weight:600;color:var(--text)}.spec-value{color:var(--subtext0)}.reviews-section{margin-bottom:80px}.reviews-section h2{font-size:1.8rem;margin-bottom:40px;color:var(--text)}.reviews-summary{display:grid;grid-template-columns:auto 1fr;gap:60px}.rating-summary{background:var(--mantle);padding:40px;border-radius:12px;display:flex;justify-content:center}.average-rating{text-align:center}.rating-number{font-size:3rem;font-weight:800;color:var(--blue)}.rating-stars{display:flex;justify-content:center;gap:8px;margin:12px 0}.review-count{color:var(--subtext0);font-size:.9rem}.reviews-list{display:flex;flex-direction:column;gap:20px}.review-card{background:var(--mantle);padding:24px;border-radius:8px;border-left:4px solid var(--surface1)}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.review-author{display:flex;align-items:center;gap:12px}.review-author h4{margin:0;color:var(--text)}.verified-badge{display:flex;align-items:center;gap:4px;font-size:.8rem;background:#a6e3a11a;color:var(--green);padding:4px 8px;border-radius:4px;font-weight:600}.review-date{color:var(--subtext0);font-size:.85rem}.review-rating{display:flex;gap:4px;margin-bottom:12px}.review-title{margin:12px 0 8px;color:var(--text);font-size:1rem}.review-comment{margin:0;color:var(--subtext0);line-height:1.6}.related-products-section{margin-bottom:60px}.related-products-section h2{font-size:1.8rem;margin-bottom:30px;color:var(--text)}.related-products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.related-product-card{background:var(--mantle);border-radius:8px;overflow:hidden;transition:all .3s;cursor:pointer}.related-product-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0003}.related-product-card .product-image{width:100%;aspect-ratio:1;overflow:hidden;background:var(--surface0)}.related-product-card .product-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.related-product-card:hover .product-image img{transform:scale(1.05)}.related-product-card .product-content{padding:16px}.related-product-card h4{margin:0 0 8px;color:var(--text);font-size:1rem}.related-product-card .category{margin:0 0 12px;color:var(--subtext0);font-size:.8rem;text-transform:uppercase;font-weight:600}.related-product-card .product-rating{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:.85rem}.related-product-card .product-rating .stars{display:flex;gap:2px}.related-product-card .product-footer{display:flex;justify-content:space-between;align-items:center}.related-product-card .price{font-weight:700;color:var(--blue)}.btn-small{padding:6px 12px;font-size:.85rem;background:var(--surface0);border:1px solid var(--surface1);color:var(--text);border-radius:4px;cursor:pointer;transition:all .2s}.btn-small:hover{background:var(--blue);color:var(--base);border-color:var(--blue)}.not-found{text-align:center;padding:60px 20px}.not-found h2{font-size:2rem;margin-bottom:20px;color:var(--text)}@media (max-width: 768px){.product-detail-main{grid-template-columns:1fr;gap:40px;padding:20px}.product-info h1{font-size:1.8rem}.product-details-section{grid-template-columns:1fr}.reviews-summary{grid-template-columns:1fr;gap:40px}.rating-summary{padding:30px}.related-products-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.thumbnail-images{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.product-actions{flex-direction:column}.quantity-control{flex-direction:column;align-items:flex-start}.current-price{font-size:1.5rem}}@media (max-width: 480px){.product-detail-section{padding:80px 0 40px}.product-detail-main{gap:24px;padding:16px}.product-info h1{font-size:1.5rem}.breadcrumb{font-size:.8rem}.related-products-grid{grid-template-columns:1fr}.coupon-card{flex-direction:column;align-items:flex-start;gap:12px}.coupon-btn{width:100%;justify-content:center}}.course-detail-page{position:relative;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;padding-bottom:4rem}.course-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.course-gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2;animation:float 20s ease-in-out infinite}.course-orb-1{width:500px;height:500px;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 100%);top:-10%;left:-10%;animation-delay:0s}.course-orb-2{width:400px;height:400px;background:linear-gradient(135deg,var(--mauve) 0%,var(--pink) 100%);bottom:-10%;right:-10%;animation-delay:7s}.course-orb-3{width:350px;height:350px;background:linear-gradient(135deg,var(--sky) 0%,var(--teal) 100%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:14s}.course-detail-container{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:2rem}.course-detail-header{display:flex;gap:3rem;margin-bottom:3rem;padding:2.5rem;background:var(--base);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid var(--surface0);box-shadow:0 8px 32px #0000001a;align-items:flex-start}.course-header-image{flex-shrink:0;width:300px;height:200px;border-radius:16px;overflow:hidden;box-shadow:0 12px 24px #00000026}.course-header-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-header-content{flex:1;display:flex;flex-direction:column;gap:1rem}.course-title{font-size:2.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 50%,var(--mauve) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.course-instructor{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;color:var(--text-secondary)}.course-instructor strong{color:var(--text-primary)}.course-meta-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;padding:1.5rem 0;border-top:1px solid var(--surface0);border-bottom:1px solid var(--surface0)}.course-meta-item{display:flex;flex-direction:column;gap:.5rem}.course-meta-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.course-meta-value{font-size:1.25rem;font-weight:700;color:var(--primary-color)}.course-pricing-section{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--surface0)}.course-price{display:flex;flex-direction:column;gap:.5rem}.course-price-label{font-size:.85rem;color:var(--text-secondary)}.course-price-amount{font-size:2.5rem;font-weight:700;color:var(--primary-color)}.course-price-free{background:linear-gradient(135deg,var(--green) 0%,var(--teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.course-enroll-btn{padding:1rem 2.5rem;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 100%);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #0d6efd4d;display:flex;align-items:center;gap:.75rem}.course-enroll-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0d6efd66}.course-content-grid{display:grid;grid-template-columns:1fr 350px;gap:2rem;margin-top:2rem}.course-main-content{display:flex;flex-direction:column;gap:2rem}.course-section{background:var(--base);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid var(--surface0);box-shadow:0 8px 24px #00000014;overflow:hidden;transition:all .3s ease}.course-section:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0000001f}.course-section-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 100%);color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.course-section-icon{font-size:1.5rem}.course-section-title{flex:1;font-size:1.3rem;font-weight:600;margin:0}.course-section-toggle{font-size:1.25rem;transition:transform .3s ease}.course-section.expanded .course-section-toggle{transform:rotate(180deg)}.course-section-content{display:none;padding:1.5rem}.course-section.expanded .course-section-content{display:block}.course-list{list-style:none;padding:0;margin:0}.course-list-item{padding:1rem;border-bottom:1px solid var(--surface0);display:flex;align-items:flex-start;gap:1rem;transition:all .2s ease}.course-list-item:last-child{border-bottom:none}.course-list-item:hover{background:var(--surface0);padding-left:1.25rem}.course-list-item-icon{color:var(--primary-color);font-size:1.25rem;flex-shrink:0;margin-top:.25rem}.course-list-item-content{flex:1}.course-list-item-title{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.course-list-item-meta{font-size:.85rem;color:var(--text-secondary)}.course-comments-container{display:flex;flex-direction:column;gap:1rem}.course-comment{padding:1.25rem;background:var(--surface0);border-radius:12px;border-left:3px solid var(--primary-color)}.course-comment-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.course-comment-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.course-comment-user{font-weight:600;color:var(--text-primary)}.course-comment-rating{display:flex;gap:.25rem;color:#fbbf24}.course-comment-text{font-size:.95rem;color:var(--text-primary);line-height:1.6;margin:0}.course-sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:1.5rem}.course-sidebar-card{background:var(--base);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid var(--surface0);box-shadow:0 8px 24px #00000014;padding:1.5rem;transition:all .3s ease}.course-sidebar-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0000001f}.course-sidebar-title{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.course-level-badge{display:inline-block;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;margin-bottom:1rem}.level-badge-beginner{background:#22c55e33;color:var(--green)}.level-badge-intermediate{background:#3b82f633;color:var(--blue)}.level-badge-advanced{background:#a855f733;color:var(--purple)}@media (max-width: 1024px){.course-content-grid{grid-template-columns:1fr}.course-sidebar{position:relative;top:0}.course-detail-header{gap:2rem}.course-title{font-size:2rem}}@media (max-width: 768px){.course-detail-header{flex-direction:column;padding:1.5rem;gap:1.5rem}.course-header-image{width:100%;height:200px}.course-title{font-size:1.75rem}.course-meta-info{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem 0}.course-meta-value{font-size:1.1rem}.course-pricing-section{flex-direction:column;align-items:flex-start;gap:1rem}.course-enroll-btn{width:100%;justify-content:center}.course-section-header,.course-section-content{padding:1.25rem}.course-detail-container{padding:1rem}.course-gradient-orb{filter:blur(60px);opacity:.15}.course-orb-1{width:300px;height:300px}.course-orb-2{width:250px;height:250px}.course-orb-3{width:200px;height:200px}}@media (max-width: 480px){.course-detail-header{padding:1.25rem}.course-title{font-size:1.5rem}.course-meta-info{grid-template-columns:1fr;gap:.75rem}.course-meta-label{font-size:.75rem}.course-meta-value{font-size:1rem}.course-price-amount{font-size:2rem}.course-enroll-btn{padding:.75rem 1.5rem;font-size:.9rem}.course-section-header{padding:1rem}.course-section-title{font-size:1.1rem}.course-section-content{padding:1rem}.course-list-item{padding:.75rem}.course-comment{padding:1rem}.course-sidebar-card{padding:1.25rem}.course-detail-container{padding:.75rem}.course-orb-1{width:200px;height:200px}.course-orb-2{width:150px;height:150px}.course-orb-3{width:120px;height:120px}}.dark-mode .course-section-header{background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 100%)}.dark-mode .course-level-badge{opacity:.9}.project-detail-container{min-height:100vh;padding:2rem 1rem;background:var(--crust, #11111b)}.loading-spinner,.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.loading-spinner .spin{animation:spin 1s linear infinite;font-size:3rem;color:var(--mauve, #cba6f7)}.error-message{color:var(--red, #f38ba8)}.project-detail-header{max-width:1400px;margin:0 auto 2rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--surface0, #313244);color:var(--text, #cdd6f4);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1rem}.back-button:hover{background:var(--surface1, #45475a);transform:translate(-4px)}.project-hero{max-width:1400px;margin:0 auto 2rem;position:relative}.project-hero-image{position:relative;width:100%;height:400px;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.project-hero-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-status-badge{position:absolute;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#11111be6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;color:var(--text, #cdd6f4);font-weight:600;font-size:.95rem}.status-icon{font-size:1.2rem}.status-icon.completed{color:var(--green, #a6e3a1)}.status-icon.in-progress{color:var(--yellow, #f9e2af);animation:spin 2s linear infinite}.status-icon.archived{color:var(--overlay0, #6c7086)}.project-detail-content{max-width:1400px;margin:0 auto}.project-main{display:grid;grid-template-columns:1fr 350px;gap:2rem;align-items:start}.project-content-section{background:var(--mantle, #181825);border-radius:16px;padding:2rem;box-shadow:0 4px 16px #0003}.project-header-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:2rem}.project-title{font-size:2.5rem;font-weight:700;color:var(--text, #cdd6f4);margin:0;line-height:1.2}.project-actions{display:flex;gap:1rem;flex-shrink:0}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--surface0, #313244);color:var(--text, #cdd6f4);border:2px solid transparent;border-radius:50px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:600}.action-btn:hover{background:var(--surface1, #45475a);transform:translateY(-2px)}.action-btn.liked{color:var(--red, #f38ba8);border-color:var(--red, #f38ba8)}.action-btn.views{cursor:default;pointer-events:none}.action-btn-clickable{cursor:pointer;background:var(--color-primary, var(--blue));color:#fff;border-color:var(--color-primary, var(--blue))}.action-btn-clickable:hover{background:var(--color-info, var(--sky));border-color:var(--color-info, var(--sky));transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #0000004d}.project-links{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.project-links .btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease}.btn-primary{background:var(--mauve, #cba6f7);color:var(--crust, #11111b)}.btn-primary:hover{background:var(--lavender, #b4befe);transform:translateY(-2px);box-shadow:0 4px 12px #cba6f74d}.btn-secondary{background:var(--surface0, #313244);color:var(--text, #cdd6f4);border:2px solid var(--surface2, #585b70)}.btn-secondary:hover{background:var(--surface1, #45475a);border-color:var(--overlay0, #6c7086);transform:translateY(-2px)}.project-section{margin-bottom:2.5rem}.project-section h2{font-size:1.75rem;font-weight:600;color:var(--text, #cdd6f4);margin-bottom:1rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:space-between}.view-all-btn{margin-left:auto;padding:.5rem 1rem;background:var(--color-primary, var(--blue));color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.view-all-btn:hover{background:var(--color-info, var(--sky));transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.view-all-btn:active{transform:translateY(0)}.project-description{font-size:1.1rem;line-height:1.8;color:var(--subtext0, #a6adc8)}.technologies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.technology-badge{padding:1rem;background:var(--surface0, #313244);border-radius:12px;text-align:center;font-weight:600;color:var(--text, #cdd6f4);border:2px solid var(--surface1, #45475a);transition:all .3s ease}.technology-badge:hover{background:var(--surface1, #45475a);border-color:var(--mauve, #cba6f7);transform:translateY(-2px)}.tags-container{display:flex;flex-wrap:wrap;gap:.75rem}.tag{display:inline-flex;padding:.5rem 1rem;background:var(--surface0, #313244);color:var(--text, #cdd6f4);border-radius:50px;font-size:.9rem;font-weight:500;border:1px solid var(--surface2, #585b70);transition:all .3s ease}.tag:hover{background:var(--surface1, #45475a);border-color:var(--mauve, #cba6f7)}.tag-clickable{cursor:pointer}.tag-clickable:hover{background:var(--color-warning, var(--yellow));color:var(--crust, #11111b);border-color:var(--color-warning, var(--yellow));transform:translateY(-2px);box-shadow:0 4px 8px #0003}.tag-more{cursor:pointer;background:var(--color-primary, var(--blue));color:#fff;border-color:var(--color-primary, var(--blue));font-weight:600}.tag-more:hover{background:var(--color-info, var(--sky));border-color:var(--color-info, var(--sky));transform:translateY(-2px) scale(1.05)}.contributors-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.contributor-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--surface0, #313244);border-radius:12px;border:2px solid var(--surface1, #45475a);transition:all .3s ease}.contributor-card:hover{background:var(--surface1, #45475a);border-color:var(--mauve, #cba6f7);transform:translateY(-2px)}.contributor-card-clickable{cursor:pointer}.contributor-card-clickable:hover{border-color:var(--color-primary, var(--blue));box-shadow:0 4px 12px #0000004d}.contributor-more{cursor:pointer;background:var(--color-secondary, var(--mauve));border-color:var(--color-secondary, var(--mauve))}.contributor-more:hover{background:var(--color-primary, var(--blue));border-color:var(--color-primary, var(--blue));transform:translateY(-2px) scale(1.02)}.contributor-more .contributor-avatar{background:var(--color-primary, var(--blue));font-size:1.25rem}.contributor-avatar{width:48px;height:48px;border-radius:50%;background:var(--mauve, #cba6f7);color:var(--crust, #11111b);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.contributor-info h4{margin:0;color:var(--text, #cdd6f4);font-size:1rem}.contributor-info p{margin:.25rem 0 0;color:var(--subtext0, #a6adc8);font-size:.875rem}.project-sidebar{position:sticky;top:2rem;display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:350px}.sidebar-card{background:var(--mantle, #181825);border-radius:16px;padding:1.5rem;box-shadow:0 4px 16px #0003;width:100%;box-sizing:border-box;overflow:hidden}.sidebar-card h3{font-size:1.25rem;font-weight:600;color:var(--text, #cdd6f4);margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--surface0, #313244)}.info-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.info-item:last-child{margin-bottom:0}.info-icon{font-size:1.25rem;color:var(--mauve, #cba6f7);flex-shrink:0;margin-top:.25rem}.info-item label{display:block;font-size:.875rem;color:var(--subtext0, #a6adc8);margin-bottom:.25rem;font-weight:500}.info-item p{margin:0;color:var(--text, #cdd6f4);font-weight:600;font-size:1rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%}.stat-item{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:var(--surface0, #313244);border-radius:12px;transition:all .3s ease;min-width:0;overflow:hidden;border:2px solid transparent}.stat-item:hover{background:var(--surface1, #45475a);transform:translateY(-2px)}.stat-item-clickable{cursor:pointer;border:2px solid transparent}.stat-item-clickable:hover{border-color:var(--color-primary, var(--blue));background:var(--surface1, #45475a);transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #0000004d}.stat-item-clickable:active{transform:translateY(0) scale(.98)}.stat-icon{font-size:1.25rem;color:var(--mauve, #cba6f7);flex-shrink:0}.stat-item>div{min-width:0;flex:1}.stat-value{margin:0;font-size:1.25rem;font-weight:700;color:var(--text, #cdd6f4);line-height:1.2;word-break:break-word}.stat-label{margin:.25rem 0 0;font-size:.7rem;color:var(--subtext0, #a6adc8);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1024px){.project-main{grid-template-columns:1fr}.project-sidebar{position:static}.sidebar-card{margin-bottom:1.5rem}}@media (max-width: 768px){.project-detail-container{padding:1rem .5rem}.project-hero-image{height:250px}.project-header-section{flex-direction:column;gap:1rem}.project-title{font-size:1.75rem}.project-actions{width:100%}.action-btn{flex:1}.project-content-section{padding:1.5rem}.technologies-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.contributors-list,.stats-grid{grid-template-columns:1fr}.project-links{flex-direction:column}.project-links .btn{width:100%;justify-content:center}}@media (max-width: 480px){.project-title,.project-section h2{font-size:1.5rem}.back-button{width:100%;justify-content:center}.technologies-grid{grid-template-columns:1fr}}.likes-modal-content{min-height:200px}.users-list{display:flex;flex-direction:column;gap:1rem}.user-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-bg-tertiary, var(--crust));border-radius:12px;border:2px solid var(--color-border, var(--surface0));transition:all .3s ease}.user-item:hover{border-color:var(--color-primary, var(--blue));transform:translate(4px)}.user-avatar{width:48px;height:48px;border-radius:50%;background:var(--color-primary, var(--blue));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;overflow:hidden}.user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-info{flex:1;min-width:0}.user-info h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--color-text-primary, var(--text))}.user-email,.user-date{margin:.25rem 0 0;font-size:.875rem;color:var(--color-text-secondary, var(--subtext1));display:flex;align-items:center;gap:.5rem}.like-icon{color:var(--color-danger, var(--red));font-size:1.25rem;flex-shrink:0}.contributors-modal-content{min-height:200px}.contributors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.contributor-card-modal{background:var(--color-bg-tertiary, var(--crust));border-radius:12px;padding:1.5rem;border:2px solid var(--color-border, var(--surface0));transition:all .3s ease}.contributor-card-modal:hover{border-color:var(--color-primary, var(--blue));transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.contributor-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border, var(--surface0))}.contributor-avatar-large{width:64px;height:64px;border-radius:50%;background:var(--color-secondary, var(--mauve));color:var(--color-bg-primary, var(--base));display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;flex-shrink:0;overflow:hidden}.contributor-avatar-large img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.contributor-main-info h3{margin:0;font-size:1.125rem;font-weight:700;color:var(--color-text-primary, var(--text))}.contributor-role{display:inline-block;margin-top:.25rem;padding:.25rem .75rem;background:var(--color-primary, var(--blue));color:#fff;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.contributor-details{display:flex;flex-direction:column;gap:.75rem}.detail-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--color-text-secondary, var(--subtext1))}.detail-icon{font-size:1rem;color:var(--color-primary, var(--blue));flex-shrink:0}.detail-item a{color:var(--color-text-secondary, var(--subtext1));text-decoration:none;transition:color .2s ease}.detail-item a:hover{color:var(--color-primary, var(--blue));text-decoration:underline}.technologies-modal-content{min-height:200px}.technologies-grid-modal{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.technology-card-modal{background:var(--color-bg-tertiary, var(--crust));border-radius:12px;padding:1.5rem;border:2px solid var(--color-border, var(--surface0));transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.technology-card-modal:hover{border-color:var(--color-success, var(--green));transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.tech-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.tech-icon{width:48px;height:48px;-o-object-fit:contain;object-fit:contain}.tech-icon-default{font-size:2.5rem;color:var(--color-primary, var(--blue))}.tech-header h3{margin:0;font-size:1.125rem;font-weight:700;color:var(--color-text-primary, var(--text))}.tech-category{display:inline-block;padding:.25rem .75rem;background:var(--color-border, var(--surface0));color:var(--color-text-secondary, var(--subtext1));border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.tech-description{flex:1;font-size:.875rem;color:var(--color-text-secondary, var(--subtext1));line-height:1.5;text-align:center}.tech-actions{display:flex;gap:.5rem}.tech-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.tech-btn-primary{background:var(--color-primary, var(--blue));color:#fff}.tech-btn-primary:hover{background:var(--color-info, var(--sky));transform:translateY(-2px)}.tech-btn-secondary{background:var(--color-border, var(--surface0));color:var(--color-text-primary, var(--text))}.tech-btn-secondary:hover{background:var(--color-success, var(--green));color:#fff}.modal-footer{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--color-border, var(--surface0));display:flex;justify-content:center}.btn-view-all-courses{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--color-secondary, var(--mauve));color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-view-all-courses:hover{background:var(--color-primary, var(--blue));transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.tags-modal-content{min-height:200px}.tags-modal-info{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-info, var(--sky));color:#fff;border-radius:12px;margin-bottom:1.5rem}.tags-modal-info .info-icon{font-size:1.5rem;flex-shrink:0}.tags-modal-info p{margin:0;font-size:.875rem;font-weight:500}.tags-list-modal{display:flex;flex-wrap:wrap;gap:1rem}.tag-item-modal{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:var(--color-bg-tertiary, var(--crust));border:2px solid var(--color-border, var(--surface0));border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:600;color:var(--color-text-primary, var(--text))}.tag-item-modal:hover{background:var(--color-border, var(--surface0));border-color:var(--color-primary, var(--blue));transform:translateY(-2px);box-shadow:0 4px 12px #0003}.tag-item-modal .tag-icon{font-size:1rem;color:var(--color-warning, var(--yellow))}.tag-name{color:var(--color-text-primary, var(--text))}.tag-count{margin-left:auto;padding:.25rem .75rem;background:var(--color-primary, var(--blue));color:#fff;border-radius:12px;font-size:.75rem;font-weight:700}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.empty-icon{font-size:4rem;color:var(--color-border, var(--surface0));margin-bottom:1rem}.empty-state p{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary, var(--text))}.empty-state span{display:block;margin-top:.5rem;font-size:.875rem;color:var(--color-text-secondary, var(--subtext1))}@media (max-width: 768px){.contributors-grid,.technologies-grid-modal{grid-template-columns:1fr}.tech-actions{flex-direction:column}.tech-btn{width:100%}.tags-list-modal{flex-direction:column}.tag-item-modal{width:100%}}.games-page{min-height:100vh;padding:2rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center}.dark-mode .games-page{background:linear-gradient(135deg,#1a1a2e,#16213e)}.games-container{max-width:800px;width:100%;background:#fffffff2;border-radius:20px;padding:2rem;box-shadow:0 20px 60px #0000004d}.dark-mode .games-container{background:#1e1e2ef2;color:#e0e0e0}.games-hub-container{max-width:1200px;width:100%;background:#fffffff2;border-radius:20px;padding:2rem;box-shadow:0 20px 60px #0000004d}.dark-mode .games-hub-container{background:#1e1e2ef2;color:#e0e0e0}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#667eea1a;border:2px solid #667eea;border-radius:8px;color:#667eea;text-decoration:none;font-weight:600;transition:all .3s ease;margin-bottom:1.5rem}.back-button:hover{background:#667eea;color:#fff;transform:translate(-5px)}.dark-mode .back-button{background:#00d4ff1a;border-color:#00d4ff;color:#00d4ff}.dark-mode .back-button:hover{background:#00d4ff;color:#1a1a2e}.games-header{text-align:center;margin-bottom:2rem}.games-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-mode .games-title{background:linear-gradient(135deg,#00d4ff,#7b2ff7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.games-subtitle{font-size:1rem;color:#666;margin:0}.dark-mode .games-subtitle{color:#999}.game-stats{display:flex;justify-content:space-around;margin-bottom:2rem;gap:1rem}.stat-card{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem;border-radius:12px;text-align:center;box-shadow:0 4px 15px #667eea66;display:flex;flex-direction:column;gap:.5rem}.dark-mode .stat-card{background:linear-gradient(135deg,#2d3748,#1a202c);box-shadow:0 4px 15px #00d4ff33}.stat-label{font-size:.85rem;color:#fffc;text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:1.8rem;font-weight:700;color:#fff}.game-board-container{position:relative;display:flex;justify-content:center;margin-bottom:2rem}.game-board{display:grid;border:3px solid #667eea;border-radius:8px;background:#f8f9fa;box-shadow:0 8px 30px #0003;position:relative}.dark-mode .game-board{background:#1a1a2e;border-color:#00d4ff}.cell{width:20px;height:20px;border:1px solid rgba(0,0,0,.05)}.dark-mode .cell{border-color:#ffffff0d}.cell.snake{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;animation:pulse .3s ease}.dark-mode .cell.snake{background:linear-gradient(135deg,#00d4ff,#7b2ff7)}.cell.snake-head{background:linear-gradient(135deg,orange,#ff6b6b);border-radius:50%;box-shadow:0 0 10px #ff6b6b99}.cell.food{background:radial-gradient(circle,#ff6b6b,#ee5a6f);border-radius:50%;animation:foodPulse 1s ease-in-out infinite;box-shadow:0 0 10px #ff6b6b99}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes foodPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.game-over-overlay{position:absolute;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;border-radius:8px;animation:fadeIn .3s ease}.game-over-content{text-align:center;color:#fff}.game-over-content h2{font-size:2.5rem;margin-bottom:1rem;color:#ff6b6b}.game-over-content p{font-size:1.2rem;margin-bottom:.5rem}.new-high-score{color:gold;font-weight:700;animation:bounce .5s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.game-controls{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.game-btn{padding:.75rem 2rem;font-size:1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.game-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.game-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.dark-mode .game-btn.primary{background:linear-gradient(135deg,#00d4ff,#7b2ff7);box-shadow:0 4px 15px #00d4ff66}.dark-mode .game-btn.primary:hover{box-shadow:0 6px 20px #00d4ff99}.game-btn.secondary{background:#6c757d;color:#fff;box-shadow:0 4px 15px #6c757d66}.game-btn.secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6c757d99}.game-btn:active{transform:translateY(0)}.game-instructions{background:#667eea1a;padding:1.5rem;border-radius:12px;border-left:4px solid #667eea}.dark-mode .game-instructions{background:#00d4ff1a;border-left-color:#00d4ff}.game-instructions h3{margin-top:0;margin-bottom:1rem;color:#667eea}.dark-mode .game-instructions h3{color:#00d4ff}.game-instructions ul{margin:0;padding-left:1.5rem}.game-instructions li{margin-bottom:.5rem;line-height:1.6}.game-instructions strong{color:#667eea}.dark-mode .game-instructions strong{color:#00d4ff}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:1.5rem;margin-bottom:2rem}.game-card-link{text-decoration:none;display:block}.game-card{position:relative;padding:2rem;border-radius:15px;min-height:200px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 8px 25px #0003;transition:all .3s ease;overflow:hidden;cursor:pointer}.game-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0000004d}.game-card-content{position:relative;z-index:2;color:#fff}.game-card-title{font-size:1.8rem;font-weight:700;margin-bottom:.75rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.game-card-description{font-size:.95rem;line-height:1.5;margin-bottom:1.5rem;opacity:.95}.game-card-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem}.game-meta-item{display:flex;align-items:center;gap:.3rem;background:#fff3;padding:.3rem .7rem;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.meta-icon{font-size:1rem}.game-card-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.game-card:hover .game-card-overlay{opacity:1}.play-button{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation:pulse 2s infinite}.games-info{background:#667eea1a;padding:1.5rem;border-radius:12px;border-left:4px solid #667eea;margin-top:1rem}.dark-mode .games-info{background:#00d4ff1a;border-left-color:#00d4ff}.games-info h3{margin-top:0;margin-bottom:1rem;color:#667eea}.dark-mode .games-info h3{color:#00d4ff}.games-info p{margin:0;line-height:1.6;color:#555}.dark-mode .games-info p{color:#aaa}.tetris-board{background:#1a1a2e;border:3px solid #667eea;border-radius:8px;padding:2px;box-shadow:0 8px 30px #0000004d}.dark-mode .tetris-board{border-color:#00d4ff}.tetris-row{display:flex}.tetris-cell{width:25px;height:25px;box-sizing:border-box}.pong-canvas{position:relative;background:#0a0a0a;border:3px solid #667eea;border-radius:8px;box-shadow:0 8px 30px #0000004d;margin:0 auto}.dark-mode .pong-canvas{border-color:#00d4ff}.pong-center-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.3) 0px,rgba(255,255,255,.3) 10px,transparent 10px,transparent 20px)}.pong-paddle{position:absolute;background:#fff;box-shadow:0 0 10px #ffffff80}.pong-ball{position:absolute;background:#fff;border-radius:50%;box-shadow:0 0 15px #fffc}.pong-stats{justify-content:center;max-width:400px;margin:0 auto 2rem}.breakout-canvas{position:relative;background:#0a0a0a;border:3px solid #667eea;border-radius:8px;box-shadow:0 8px 30px #0000004d;margin:0 auto}.dark-mode .breakout-canvas{border-color:#00d4ff}.breakout-brick{position:absolute;border-radius:4px;box-shadow:inset 0 0 10px #ffffff4d;border:1px solid rgba(255,255,255,.2)}.breakout-paddle{position:absolute;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 0 15px #667eeacc}.dark-mode .breakout-paddle{background:linear-gradient(135deg,#00d4ff,#7b2ff7)}.breakout-ball{position:absolute;background:#fff;border-radius:50%;box-shadow:0 0 15px #fffc}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:500px;margin:0 auto}.memory-card{aspect-ratio:1;perspective:1000px;cursor:pointer}.memory-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.memory-card.flipped .memory-card-inner{transform:rotateY(180deg)}.memory-card-front,.memory-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:3rem;box-shadow:0 4px 15px #0003}.memory-card-front{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700}.dark-mode .memory-card-front{background:linear-gradient(135deg,#2d3748,#1a202c)}.memory-card-back{background:linear-gradient(135deg,gold,orange);transform:rotateY(180deg)}.memory-card.matched .memory-card-back{background:linear-gradient(135deg,#0f0,#0c0);animation:matchPulse .5s ease}@keyframes matchPulse{0%,to{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(180deg) scale(1.1)}}.simon-board{max-width:500px;margin:0 auto;position:relative}.simon-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px;background:#1a1a1a;border-radius:20px;box-shadow:0 10px 40px #00000080}.simon-button{aspect-ratio:1;border:none;cursor:pointer;transition:all .1s ease;box-shadow:inset 0 0 20px #00000080;min-height:150px}.simon-button:nth-child(1){border-top-left-radius:100%}.simon-button:nth-child(2){border-top-right-radius:100%}.simon-button:nth-child(3){border-bottom-left-radius:100%}.simon-button:nth-child(4){border-bottom-right-radius:100%}.simon-button.active{box-shadow:0 0 30px currentColor,inset 0 0 20px #ffffff80;transform:scale(.98)}.simon-button:not(.disabled):hover{filter:brightness(1.1)}.simon-button.disabled{cursor:not-allowed;opacity:.7}.simon-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:#2d2d2d;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:5px solid #1a1a1a;box-shadow:0 5px 20px #00000080;z-index:10}.simon-logo{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.simon-status{font-size:.8rem;color:#0f0;margin-top:.5rem;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.simon-stats{max-width:600px;margin:0 auto 2rem}@media (max-width: 768px){.games-page{padding:1rem}.games-container,.games-hub-container{padding:1.5rem}.games-title{font-size:2rem}.games-grid{grid-template-columns:1fr}.game-stats{flex-direction:column}.stat-card{flex-direction:row;justify-content:space-between;align-items:center}.game-board{transform:scale(.8)}.pong-canvas,.breakout-canvas{transform:scale(.7)}.memory-grid{gap:.5rem;max-width:350px}.memory-card-front,.memory-card-back{font-size:2rem}.simon-button{min-height:100px}.game-controls{flex-direction:column}.game-btn{width:100%}}@media (max-width: 480px){.games-title{font-size:1.5rem}.game-board{transform:scale(.6)}.pong-canvas,.breakout-canvas{transform:scale(.5)}.stat-value,.game-card-title{font-size:1.5rem}.game-card-description{font-size:.85rem}.memory-grid{max-width:280px}.tetris-cell{width:18px;height:18px}.simon-button{min-height:80px}.simon-center{width:80px;height:80px}.simon-logo{font-size:1rem}}.login-page{position:relative;min-height:100vh;overflow:hidden}.login-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.login-gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 20s ease-in-out infinite}.login-orb-1{width:500px;height:500px;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 100%);top:-10%;left:-10%;animation-delay:0s}.login-orb-2{width:400px;height:400px;background:linear-gradient(135deg,var(--mauve) 0%,var(--pink) 100%);bottom:-10%;right:-10%;animation-delay:7s}.login-orb-3{width:350px;height:350px;background:linear-gradient(135deg,var(--sky) 0%,var(--teal) 100%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:14s}.login-hero{position:relative;z-index:1;min-height:calc(100vh - 80px);display:flex;align-items:center;padding:4rem 0}.login-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.login-card{background:var(--base);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:3rem;box-shadow:0 20px 60px var(--shadow);border:1px solid var(--surface0);transition:transform .3s ease,box-shadow .3s ease}[data-theme=dark] .login-card{background:var(--base);border:1px solid var(--surface0);box-shadow:0 20px 60px var(--shadow)}.login-card:hover{transform:translateY(-5px);box-shadow:0 25px 70px #00000026}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo-wrapper{display:inline-flex;padding:1rem;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 100%);border-radius:20px;margin-bottom:1.5rem;box-shadow:0 10px 30px var(--shadow);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 10px 30px var(--shadow)}50%{transform:scale(1.05);box-shadow:0 15px 40px var(--shadow)}}.login-logo{width:60px;height:60px;display:block}.login-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 50%,var(--mauve) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .login-title{background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 50%,var(--mauve) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{color:var(--subtext0);font-size:1rem;margin:0}[data-theme=dark] .login-subtitle{color:var(--subtext0)}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-input-group{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:1.25rem;color:var(--subtext0);font-size:1.1rem;transition:all .3s ease;z-index:1}[data-theme=dark] .login-input-icon{color:var(--subtext0)}.login-input-group.focused .login-input-icon{color:var(--blue);transform:scale(1.1)}[data-theme=dark] .login-input-group.focused .login-input-icon{color:var(--blue)}.login-input{width:100%;padding:1rem 1rem 1rem 3.5rem;border:2px solid var(--surface0);border-radius:12px;font-size:1rem;transition:all .3s ease;background:var(--mantle);outline:none;color:var(--text)}[data-theme=dark] .login-input{background:var(--mantle);border-color:var(--surface0);color:var(--text)}[data-theme=dark] .login-input::-moz-placeholder{color:var(--subtext0)}[data-theme=dark] .login-input::placeholder{color:var(--subtext0)}.login-input:focus{border-color:var(--blue);background:var(--base);box-shadow:0 0 0 4px var(--overlay)}[data-theme=dark] .login-input:focus{background:var(--mantle);box-shadow:0 0 0 4px var(--overlay)}.login-label{position:absolute;left:3.5rem;top:50%;transform:translateY(-50%);color:var(--subtext0);font-size:1rem;pointer-events:none;transition:all .3s ease;background:transparent;padding:0 .25rem}[data-theme=dark] .login-label{color:var(--subtext0)}.login-input:not(:-moz-placeholder)+.login-label{top:-.5rem;left:2.5rem;font-size:.75rem;color:var(--blue);background:var(--base);padding:0 .5rem;border-radius:4px}.login-input:focus+.login-label,.login-input:not(:placeholder-shown)+.login-label,.login-input-group.focused .login-label{top:-.5rem;left:2.5rem;font-size:.75rem;color:var(--blue);background:var(--base);padding:0 .5rem;border-radius:4px}[data-theme=dark] .login-input:not(:-moz-placeholder)+.login-label{background:var(--base);color:var(--blue)}[data-theme=dark] .login-input:focus+.login-label,[data-theme=dark] .login-input:not(:placeholder-shown)+.login-label,[data-theme=dark] .login-input-group.focused .login-label{background:var(--base);color:var(--blue)}.login-toggle-password{position:absolute;right:1rem;background:none;border:none;color:var(--subtext0);cursor:pointer;padding:.5rem;font-size:1.1rem;transition:all .3s ease;z-index:1}[data-theme=dark] .login-toggle-password{color:var(--subtext0)}.login-toggle-password:hover{color:var(--blue);transform:scale(1.1)}[data-theme=dark] .login-toggle-password:hover{color:var(--blue)}.login-error{padding:1rem;background:var(--overlay);border:1px solid var(--red);border-radius:12px;color:var(--red);font-size:.9rem;display:flex;align-items:center;gap:.5rem;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.login-submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 50%,var(--mauve) 100%);color:var(--crust);border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px var(--shadow);margin-top:.5rem}.login-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow)}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.login-footer-text{text-align:center;color:var(--subtext0);font-size:.9rem;margin-top:.5rem}[data-theme=dark] .login-footer-text{color:var(--subtext0)}.login-link{color:var(--blue);text-decoration:none;font-weight:600;transition:all .3s ease}.login-link:hover{color:var(--lavender);text-decoration:underline}.login-features{background:var(--base);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:2.5rem;box-shadow:0 20px 60px var(--shadow);border:1px solid var(--surface0);position:sticky;top:100px}[data-theme=dark] .login-features{background:var(--base);border:1px solid var(--surface0);box-shadow:0 20px 60px var(--shadow)}.login-features-title{font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 50%,var(--mauve) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .login-features-title{background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 50%,var(--mauve) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-features-grid{display:flex;flex-direction:column;gap:1.5rem}.login-feature-item{display:flex;align-items:start;gap:1rem;padding:1rem;border-radius:12px;transition:all .3s ease}.login-feature-item:hover{background:var(--overlay);transform:translate(5px)}[data-theme=dark] .login-feature-item:hover{background:var(--overlay)}.login-feature-icon{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.5rem;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 50%,var(--mauve) 100%);color:var(--crust);box-shadow:0 4px 15px var(--shadow)}.login-feature-content h4{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:var(--text)}[data-theme=dark] .login-feature-content h4{color:var(--text)}.login-feature-content p{font-size:.875rem;color:var(--subtext0);margin:0}[data-theme=dark] .login-feature-content p{color:var(--subtext0)}@media (max-width: 991px){.login-container{grid-template-columns:1fr;gap:2rem}.login-features{position:static}.login-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 576px){.login-hero{padding:2rem 0}.login-card,.login-features{padding:2rem 1.5rem}.login-title{font-size:1.75rem}.login-features-grid{grid-template-columns:1fr}.login-gradient-orb{filter:blur(60px)}.login-orb-1{width:300px;height:300px}.login-orb-2{width:250px;height:250px}.login-orb-3{width:200px;height:200px}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.add-project-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:addProjectFadeIn .25s cubic-bezier(.4,0,.2,1)}@keyframes addProjectFadeIn{0%{opacity:0}to{opacity:1}}.add-project-modal{background:#1a1a2ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 24px 48px #0006,0 0 0 1px #ff6b6b1a;max-width:680px;width:90%;max-height:90vh;overflow:hidden;animation:addProjectSlideUp .3s cubic-bezier(.34,1.56,.64,1);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001}@keyframes addProjectSlideUp{0%{transform:translate(-50%,-45%) scale(.95);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.add-project-modal .modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:32px;border-bottom:1px solid rgba(255,107,107,.08);background:linear-gradient(135deg,rgba(255,107,107,.08),transparent)}.add-project-modal .header-content{display:flex;gap:16px;align-items:center}.add-project-modal .header-icon{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#ff6b6b,#ff5252);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;box-shadow:0 8px 16px #ff6b6b4d}.add-project-modal .modal-header h2{margin:0;font-size:1.75rem;color:#fff;font-weight:700;letter-spacing:-.5px}.add-project-modal .modal-header p{margin:4px 0 0;font-size:.9rem;color:#fff9}.add-project-modal .modal-close-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff9;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;transition:all .2s ease}.add-project-modal .modal-close-btn:hover{background:#ff6b6b26;border-color:#ff6b6b4d;color:#ff6b6b;transform:rotate(90deg)}.add-project-modal .modal-form{padding:32px;display:flex;flex-direction:column;gap:24px;max-height:calc(90vh - 180px);overflow-y:auto}.add-project-modal .form-error{background:#ff47471f;border:1px solid rgba(255,71,71,.3);color:#ffb3b3;padding:14px 16px;border-radius:12px;font-size:.9rem;font-weight:500}.add-project-modal .form-success{background:#4cd9641f;border:1px solid rgba(76,217,100,.3);color:#b3f5c0;padding:14px 16px;border-radius:12px;font-size:.9rem;font-weight:500}.add-project-modal .form-group{display:flex;flex-direction:column;gap:10px}.add-project-modal .form-group label{color:#ffffffe6;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:8px}.add-project-modal .form-group label svg{color:#ff6b6b;font-size:1rem}.add-project-modal .form-group input,.add-project-modal .form-group textarea,.add-project-modal .form-group select{background:#ffffff0a;border:2px solid rgba(255,255,255,.08);color:#fff;padding:14px 16px;border-radius:12px;font-size:.95rem;transition:all .2s ease;font-family:inherit}.add-project-modal .form-group input:focus,.add-project-modal .form-group textarea:focus,.add-project-modal .form-group select:focus{outline:none;background:#ffffff0f;border-color:#ff6b6b;box-shadow:0 0 0 4px #ff6b6b1a;transform:translateY(-1px)}.add-project-modal .form-group input::-moz-placeholder,.add-project-modal .form-group textarea::-moz-placeholder{color:#ffffff4d}.add-project-modal .form-group input::placeholder,.add-project-modal .form-group textarea::placeholder{color:#ffffff4d}.add-project-modal .form-group textarea{resize:vertical;min-height:100px}.add-project-modal .form-group select{cursor:pointer}.add-project-modal .form-group select option{background-color:#1a1a2e;color:#fff}.add-project-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.add-project-modal .contributor-search-wrapper{position:relative;z-index:10}.add-project-modal .search-input-wrapper{position:relative}.add-project-modal .search-input-wrapper .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#fff6;font-size:.9rem;pointer-events:none;z-index:1}.add-project-modal .search-input-wrapper input{padding-left:44px}.add-project-modal .search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#141423fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,107,107,.3);border-radius:12px;max-height:240px;overflow-y:auto;z-index:1000;box-shadow:0 12px 24px #0009,0 0 0 1px #ff6b6b1a;animation:addProjectDropdownSlide .2s ease-out}@keyframes addProjectDropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.add-project-modal .search-result-item{padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.add-project-modal .search-result-item:last-child{border-bottom:none}.add-project-modal .search-result-item:hover{background:#ff6b6b1a}.add-project-modal .user-info{display:flex;flex-direction:column;gap:4px}.add-project-modal .user-name{color:#fff;font-weight:600;font-size:.95rem}.add-project-modal .user-email{color:#ffffff80;font-size:.85rem}.add-project-modal .selected-contributors{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.add-project-modal .contributor-tag{display:flex;align-items:center;gap:8px;background:#ff6b6b26;border:1px solid rgba(255,107,107,.3);padding:8px 12px;border-radius:8px;color:#fff;font-size:.9rem}.add-project-modal .remove-contributor{background:none;border:none;color:#fff9;cursor:pointer;display:flex;align-items:center;padding:0;font-size:.85rem;transition:color .2s ease}.add-project-modal .remove-contributor:hover{color:#ff6b6b}.add-project-modal .modal-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:1px solid rgba(255,255,255,.06)}.add-project-modal .btn-cancel,.add-project-modal .btn-submit{padding:14px 28px;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.add-project-modal .btn-cancel{background:#ffffff0f;color:#fffc;border:2px solid rgba(255,255,255,.1)}.add-project-modal .btn-cancel:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px)}.add-project-modal .btn-submit{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff;box-shadow:0 8px 16px #ff6b6b4d;border:2px solid transparent}.add-project-modal .btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px #ff6b6b66}.add-project-modal .btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.add-project-modal .modal-form::-webkit-scrollbar,.add-project-modal .search-dropdown::-webkit-scrollbar{width:6px}.add-project-modal .modal-form::-webkit-scrollbar-track,.add-project-modal .search-dropdown::-webkit-scrollbar-track{background:transparent}.add-project-modal .modal-form::-webkit-scrollbar-thumb,.add-project-modal .search-dropdown::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:10px}.add-project-modal .modal-form::-webkit-scrollbar-thumb:hover,.add-project-modal .search-dropdown::-webkit-scrollbar-thumb:hover{background:#ff6b6b80}@media (max-width: 768px){.add-project-modal{width:95%;max-height:95vh;border-radius:20px}.add-project-modal .modal-header{padding:24px}.add-project-modal .header-content{gap:12px}.add-project-modal .header-icon{width:40px;height:40px;font-size:1.25rem}.add-project-modal .modal-header h2{font-size:1.5rem}.add-project-modal .modal-form{padding:24px}.add-project-modal .form-row{grid-template-columns:1fr}.add-project-modal .modal-footer{flex-direction:column-reverse}.add-project-modal .btn-cancel,.add-project-modal .btn-submit{width:100%}}.projects-section{position:relative;padding:80px 0;background:linear-gradient(180deg,var(--base) 0%,var(--crust) 100%);overflow:hidden}.projects-background{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(30,102,245,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(138,57,239,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.projects-section .container{position:relative;z-index:1}.projects-section .section-header{text-align:center;margin-bottom:4rem}.projects-section .section-header h2{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--text) 0%,var(--subtext1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;letter-spacing:-1px}.projects-section .section-header p{font-size:1.1rem;color:var(--subtext0);margin-bottom:1.5rem}.project-count{display:flex;justify-content:center}.badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#1e66f533,#8a39ef33);border:1px solid rgba(30,102,245,.3);border-radius:2rem;color:var(--text);font-size:.9rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:1.5rem;margin:2rem 0 4rem;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.project-card-wrapper{animation:slideUp .6s ease-out;perspective:1000px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-card{background:var(--surface0);border:1px solid var(--surface1);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;height:100%;box-shadow:0 2px 8px #0000000d}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--blue)}.project-card-header{padding:.75rem 1rem;background:var(--surface0);display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;left:0;right:0;z-index:10}.project-status-badge{display:inline-block;padding:.4rem .75rem;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.project-status-badge[data-status=draft]{background:#b46464e6;color:#fff}.project-status-badge[data-status=planning]{background:#fac832e6;color:#000c}.project-status-badge[data-status=in_progress]{background:#64b4ffe6;color:#fff}.project-status-badge[data-status=completed]{background:#64c896e6;color:#fff}.project-status-badge[data-status=archived]{background:#969696e6;color:#fff}.project-stats{display:flex;gap:.75rem;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.35rem .6rem;border-radius:6px}.stat-item{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:#fff}.project-image{position:relative;width:100%;height:200px;background:linear-gradient(135deg,var(--surface2) 0%,var(--surface1) 100%);overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:2;flex-shrink:0}.project-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.project-image-overlay{display:none}.project-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem;flex-grow:1}.project-title-section{display:flex;align-items:start;justify-content:space-between;gap:1rem}.project-title{font-size:1.05rem;font-weight:600;color:var(--text);margin:0;line-height:1.4;flex-grow:1}.project-category{display:inline-block;padding:.25rem .6rem;background:var(--surface1);color:var(--subtext0);border-radius:6px;font-size:.7rem;font-weight:500;white-space:nowrap;flex-shrink:0}.project-description{color:var(--subtext0);font-size:.95rem;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tech-badge{display:inline-block;padding:.35rem .65rem;background:var(--surface1);color:var(--subtext0);border-radius:6px;font-size:.7rem;font-weight:500;white-space:nowrap}.tech-badge.tech-more{background:var(--surface2);color:var(--subtext1)}.project-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--surface1)}.action-btn{flex:1;padding:.6rem .85rem;border-radius:8px;border:1px solid var(--surface1);font-size:.8rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;transition:all .2s ease;text-decoration:none;background:var(--surface0);color:var(--text)}.action-btn:hover{background:var(--surface1);border-color:var(--blue);color:var(--blue)}.action-btn.github-btn,.action-btn.live-btn,.action-btn.view-btn{background:var(--surface0);color:var(--text);border:1px solid var(--surface1)}.action-btn.github-btn:hover,.action-btn.live-btn:hover,.action-btn.view-btn:hover{background:var(--surface1);border-color:var(--blue);color:var(--blue)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:4rem 2rem;min-height:400px}.spinner-icon{font-size:3rem;color:#1e66f599;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{color:var(--subtext0);font-size:1.1rem}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:4rem 2rem;min-height:400px;text-align:center}.error-icon{font-size:3rem;color:#f38181}.error-container p{color:var(--subtext0);font-size:1.1rem;margin:0}.error-container .btn{margin-top:1rem}.empty-state{display:flex;align-items:center;justify-content:center;padding:4rem 2rem;min-height:400px;text-align:center;color:var(--subtext0);font-size:1.1rem}.projects-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--surface1);text-align:center}.projects-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn-large{padding:1rem 2rem!important;font-size:1rem!important;font-weight:700;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)!important;border-radius:8px;text-decoration:none}.btn-large span{font-size:1.2rem;transition:transform .3s ease}.btn-large:hover span{transform:translate(4px)}@media (max-width: 768px){.projects-section{padding:60px 0}.projects-section .section-header h2{font-size:2rem}.projects-section .section-header p{font-size:1rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:1.5rem}.project-image{height:200px}.project-content{padding:1.25rem;gap:.75rem}.project-title{font-size:1.1rem}.project-actions{gap:.5rem}.action-btn{padding:.55rem .75rem;font-size:.75rem}.projects-buttons{gap:1rem}.btn-large{padding:.85rem 1.5rem!important;font-size:.95rem!important}}@media (max-width: 480px){.projects-section{padding:40px 0}.projects-section .section-header{margin-bottom:2rem}.projects-section .section-header h2{font-size:1.5rem}.projects-section .section-header p{font-size:.95rem}.projects-grid{grid-template-columns:1fr;gap:1.25rem;margin:1.5rem 0 2.5rem}.project-image{height:180px}.project-card-header{padding:.85rem;min-height:45px}.project-status-badge{font-size:.7rem;padding:.3rem .6rem}.stat-item{font-size:.75rem;gap:.25rem}.project-title{font-size:1rem}.project-description{font-size:.9rem;-webkit-line-clamp:2;line-clamp:2}.tech-badge{font-size:.7rem;padding:.3rem .6rem}.action-btn{font-size:.7rem;padding:.5rem .65rem}.projects-buttons{gap:.75rem;flex-direction:column}.btn-large{width:100%;padding:.75rem 1.25rem!important;font-size:.9rem!important}}.notifications-page{min-height:100vh;background:var(--background);position:relative;overflow-x:hidden}.notifications-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.notifications-gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 20s ease-in-out infinite}.notifications-orb-1{width:400px;height:400px;background:var(--blue);top:-100px;right:-100px;animation-delay:0s}.notifications-orb-2{width:350px;height:350px;background:var(--lavender);bottom:-100px;left:-100px;animation-delay:7s}.notifications-orb-3{width:300px;height:300px;background:var(--mauve);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.notifications-hero{position:relative;z-index:1;padding:100px 0 60px}.notifications-container{background:var(--surface);border-radius:20px;box-shadow:0 8px 32px #0000001a;overflow:hidden;border:1px solid var(--border)}.notifications-header{padding:30px;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 100%);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.notifications-title-wrapper{display:flex;align-items:center;gap:16px}.notifications-icon{color:#fff}.notifications-title{font-size:2rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.notifications-subtitle{font-size:.95rem;color:#ffffffe6;margin:4px 0 0}.notifications-actions{display:flex;gap:12px;align-items:center}.btn-mark-all{padding:10px 20px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-mark-all:hover{background:#ffffff4d;transform:translateY(-2px)}.btn-settings{width:44px;height:44px;border-radius:50%;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-settings:hover{background:#ffffff4d;transform:rotate(90deg)}.notifications-list{padding:20px;max-height:600px;overflow-y:auto}.notification-item{display:flex;align-items:center;gap:16px;padding:18px;background:var(--background);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;transition:all .3s ease;position:relative}.notification-item.unread{background:#89b4fa0d;border-color:var(--blue)}.notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--blue);border-radius:12px 0 0 12px}.notification-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001a}.notification-content{flex:1;display:flex;gap:14px;cursor:pointer}.notification-type-badge{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 100%);color:#fff}.notification-type-badge.challenge{background:linear-gradient(135deg,var(--yellow) 0%,var(--peach) 100%)}.notification-type-badge.project{background:linear-gradient(135deg,var(--green) 0%,var(--teal) 100%)}.notification-type-badge.comment{background:linear-gradient(135deg,var(--mauve) 0%,var(--pink) 100%)}.notification-type-badge.achievement{background:linear-gradient(135deg,var(--peach) 0%,var(--red) 100%)}.notification-text{flex:1}.notification-text h4{font-size:1rem;font-weight:600;color:var(--text);margin:0 0 4px}.notification-text p{font-size:.9rem;color:var(--subtext0);margin:0 0 6px}.notification-time{font-size:.8rem;color:var(--subtext1)}.btn-delete-notification{width:36px;height:36px;border-radius:8px;background:transparent;border:1px solid var(--border);color:var(--subtext0);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.btn-delete-notification:hover{background:#f38ba81a;border-color:var(--red);color:var(--red)}.notifications-empty{text-align:center;padding:60px 20px;color:var(--subtext0)}.notifications-empty svg{color:var(--subtext1);margin-bottom:20px}.notifications-empty h3{font-size:1.5rem;font-weight:600;color:var(--text);margin:0 0 8px}.notifications-empty p{font-size:1rem;margin:0}@media (max-width: 768px){.notifications-header{padding:24px 20px}.notifications-title{font-size:1.5rem}.notifications-title-wrapper{flex:1}.btn-mark-all span{display:none}.notification-item{padding:14px}.notification-type-badge{width:40px;height:40px}.notification-text h4{font-size:.95rem}.notification-text p{font-size:.85rem}}.blog-page{min-height:100vh;padding:6rem 0 3rem;background:var(--base)}.blog-header{text-align:center;margin-bottom:3rem}.blog-header h1{font-size:3rem;font-weight:700;color:var(--text);margin-bottom:1rem}.blog-header p{font-size:1.2rem;color:var(--subtext0)}.blog-filters{display:flex;gap:2rem;margin-bottom:3rem;flex-wrap:wrap;align-items:center}.search-box{flex:1;min-width:250px;display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:var(--surface0);border:1px solid var(--surface1);border-radius:12px;transition:all .3s ease}.search-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #89b4fa1a}.search-box svg{color:var(--subtext0)}.search-box input{flex:1;border:none;background:transparent;color:var(--text);font-size:1rem;outline:none}.category-filters{display:flex;gap:.75rem;flex-wrap:wrap}.category-btn{padding:.5rem 1.25rem;background:var(--surface0);border:1px solid var(--surface1);border-radius:8px;color:var(--text);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.category-btn.active{background:var(--blue);border-color:var(--blue);color:var(--base)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.blog-card{background:var(--mantle);border-radius:16px;overflow:hidden;border:1px solid var(--surface0);transition:all .3s ease;cursor:pointer}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px var(--shadow);border-color:var(--blue)}.blog-card-image{position:relative;width:100%;height:200px;overflow:hidden}.blog-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-category{position:absolute;top:1rem;right:1rem;padding:.4rem .9rem;background:var(--blue);color:var(--base);border-radius:6px;font-size:.85rem;font-weight:600}.blog-card-content{padding:1.5rem}.blog-card-content h2{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:.75rem;line-height:1.3}.blog-excerpt{color:var(--subtext0);font-size:.95rem;line-height:1.6;margin-bottom:1rem}.blog-meta{display:flex;gap:1.25rem;margin-bottom:1rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.4rem;color:var(--subtext1);font-size:.85rem}.meta-item svg{color:var(--subtext0)}.blog-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .75rem;background:var(--surface0);border:1px solid var(--surface1);border-radius:6px;color:var(--subtext0);font-size:.8rem;font-weight:500}.loading-state,.empty-state{text-align:center;padding:4rem 2rem;color:var(--subtext0);font-size:1.1rem}@media (max-width: 768px){.blog-page{padding:5rem 0 2rem}.blog-header h1{font-size:2rem}.blog-header p{font-size:1rem}.blog-filters{flex-direction:column;gap:1rem}.search-box{width:100%}.blog-grid{grid-template-columns:1fr;gap:1.5rem}}.search-page{min-height:100vh;padding-top:64px;background:var(--base)}.search-header{background:linear-gradient(135deg,var(--blue) 0%,var(--mauve) 100%);color:#fff;padding:4rem 0 3rem}.search-header h1{font-size:2.5rem;margin-bottom:2rem;text-align:center;font-weight:700}.search-form{display:flex;gap:1rem;max-width:900px;margin:0 auto;flex-wrap:wrap}.search-input-wrapper{flex:1;min-width:300px;position:relative}.search-input{width:100%;padding:1rem 3rem;border:none;border-radius:12px;font-size:1rem;outline:none;background:#fff;color:#333}.search-icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);color:#666;font-size:1.2rem}.clear-btn{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;padding:.5rem;display:flex;align-items:center;transition:color .2s}.clear-btn:hover{color:#333}.category-select{padding:1rem 1.5rem;border:2px solid white;border-radius:12px;background:#fff3;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;outline:none}.category-select option{color:#333;background:#fff}.search-btn{padding:1rem 2.5rem;background:#fff;color:var(--blue);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.search-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.search-results{padding:3rem 0}.results-header{margin-bottom:2rem}.results-header h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text);font-weight:600}.category-tabs{display:flex;gap:.5rem;flex-wrap:wrap;border-bottom:2px solid var(--surface0);padding-bottom:.5rem}.tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:8px 8px 0 0;cursor:pointer;font-size:.95rem;color:var(--text);transition:all .2s;font-weight:500}.tab:hover{background:var(--surface0)}.tab.active{background:var(--blue);color:#fff;font-weight:600}.loading{text-align:center;padding:3rem;font-size:1.2rem;color:var(--subtext0)}.results-content{margin-top:2rem}.result-section{margin-bottom:3rem}.result-section h3{display:flex;align-items:center;gap:.5rem;font-size:1.3rem;margin-bottom:1.5rem;color:var(--text);font-weight:600}.user-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.user-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--mantle);border:1px solid var(--surface0);border-radius:12px;transition:all .3s;cursor:pointer}.user-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px var(--shadow);border-color:var(--blue)}.user-card img{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.user-info h4{margin:0 0 .25rem;color:var(--text);font-weight:600}.username{color:var(--subtext0);font-size:.9rem;margin:0}.role{display:inline-block;margin-top:.5rem;padding:.25rem .75rem;background:var(--blue);color:#fff;border-radius:12px;font-size:.8rem;font-weight:500}.product-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.product-card{background:var(--mantle);border:1px solid var(--surface0);border-radius:12px;overflow:hidden;transition:all .3s;cursor:pointer}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px var(--shadow);border-color:var(--blue)}.product-card img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.product-info{padding:1.5rem}.product-info h4{margin:0 0 .5rem;color:var(--text);font-weight:600}.category{color:var(--subtext0);font-size:.9rem;margin:0 0 1rem}.product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--surface0)}.price{font-size:1.3rem;font-weight:700;color:var(--blue)}.stock{font-size:.85rem;color:var(--subtext0)}.blog-results{display:flex;flex-direction:column;gap:1.5rem}.blog-card{padding:2rem;background:var(--mantle);border:1px solid var(--surface0);border-radius:12px;transition:all .3s;cursor:pointer}.blog-card:hover{transform:translate(8px);box-shadow:0 4px 12px var(--shadow);border-color:var(--blue)}.blog-card h4{margin:0 0 1rem;font-size:1.3rem;color:var(--text);font-weight:600}.excerpt{color:var(--subtext0);margin:0 0 1rem;line-height:1.6}.blog-meta{display:flex;gap:1.5rem;font-size:.9rem;color:var(--subtext1)}.project-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.project-card{padding:2rem;background:var(--mantle);border:1px solid var(--surface0);border-radius:12px;transition:all .3s;cursor:pointer}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px var(--shadow);border-color:var(--blue)}.project-card h4{margin:0 0 1rem;color:var(--text);font-weight:600}.project-card p{color:var(--subtext0);margin:0 0 1.5rem;line-height:1.6}.project-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--surface0);font-size:.9rem;color:var(--subtext1)}.no-results{text-align:center;padding:4rem 2rem;color:var(--subtext0)}.no-results svg{opacity:.3;margin-bottom:1rem;color:var(--subtext0)}.no-results h3{margin:1rem 0 .5rem;color:var(--text)}@media (max-width: 768px){.search-page{padding-top:64px}.search-header{padding:3rem 0 2rem}.search-header h1{font-size:2rem}.search-form{flex-direction:column}.search-input-wrapper{min-width:100%}.category-select,.search-btn{width:100%}.user-results,.product-results,.project-results{grid-template-columns:1fr}.category-tabs{overflow-x:auto;flex-wrap:nowrap}}.project-planning-page{min-height:100vh;background:var(--base);padding-top:4rem}.planning-header{background:var(--mantle);border-bottom:1px solid var(--surface0);padding:2rem 0 0}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-top h1{font-size:2.5rem;color:var(--text);margin-bottom:.5rem}.header-top p{color:var(--subtext0)}.board-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto}.board-tab{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--subtext0);font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.board-tab.active{color:var(--blue);border-bottom-color:var(--blue)}.planning-controls{display:flex;gap:1rem;padding-bottom:1.5rem;flex-wrap:wrap}.search-box{flex:1;min-width:250px;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--surface0);border:1px solid var(--surface1);border-radius:8px}.search-box input{flex:1;border:none;background:transparent;color:var(--text);outline:none}.view-toggle{display:flex;gap:.5rem;background:var(--surface0);padding:.25rem;border-radius:8px}.view-toggle button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:none;color:var(--subtext0);border-radius:6px;cursor:pointer;transition:all .3s}.view-toggle button.active{background:var(--blue);color:var(--base)}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--surface0);border:1px solid var(--surface1);border-radius:8px;color:var(--text);cursor:pointer}.planning-content{padding:2rem 0}.kanban-board{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;min-height:70vh}.kanban-column{background:var(--mantle);border-radius:12px;border:1px solid var(--surface0)}.column-header{padding:1rem;border-top:3px solid;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center}.column-header h3{font-size:1rem;color:var(--text);font-weight:600}.task-count{background:var(--surface0);padding:.25rem .75rem;border-radius:12px;font-size:.85rem;color:var(--subtext0)}.column-tasks{padding:1rem;display:flex;flex-direction:column;gap:1rem}.task-card{background:var(--surface0);padding:1rem;border-radius:8px;border:1px solid var(--surface1);cursor:pointer;transition:all .3s}.task-card:hover{border-color:var(--blue);transform:translateY(-2px)}.task-header{display:flex;justify-content:space-between;margin-bottom:.75rem}.priority-badge{padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.priority-badge.low{background:var(--green);color:var(--base)}.priority-badge.medium{background:var(--yellow);color:var(--base)}.priority-badge.high{background:var(--peach);color:var(--base)}.priority-badge.critical{background:var(--red);color:var(--base)}.task-card h4{font-size:1rem;color:var(--text);margin-bottom:.5rem}.task-card p{font-size:.85rem;color:var(--subtext0);margin-bottom:.75rem;line-height:1.4}.task-meta{display:flex;gap:1rem;margin-bottom:.75rem}.meta-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--subtext1)}.task-labels{display:flex;gap:.5rem;flex-wrap:wrap}.label{display:flex;align-items:center;gap:.3rem;padding:.25rem .6rem;background:var(--surface1);border-radius:4px;font-size:.75rem;color:var(--subtext0)}.add-task-btn{width:100%;padding:.75rem;background:transparent;border:2px dashed var(--surface1);border-radius:8px;color:var(--subtext0);display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .3s}.add-task-btn:hover{border-color:var(--blue);color:var(--blue)}.task-list{display:flex;flex-direction:column;gap:1rem}.task-list-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--mantle);border:1px solid var(--surface0);border-radius:8px}.task-list-item input[type=checkbox]{width:20px;height:20px}.task-info{flex:1}.task-info h4{color:var(--text);margin-bottom:.25rem}.task-info p{color:var(--subtext0);font-size:.9rem}.status-badge{padding:.4rem .9rem;border-radius:6px;font-size:.8rem;font-weight:600;text-transform:capitalize}.status-badge.todo{background:var(--blue);color:var(--base)}.status-badge.in-progress{background:var(--yellow);color:var(--base)}.status-badge.review{background:var(--mauve);color:var(--base)}.status-badge.done{background:var(--green);color:var(--base)}@media (max-width: 1200px){.kanban-board{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.kanban-board{grid-template-columns:1fr}.header-top{flex-direction:column;align-items:flex-start;gap:1rem}}.mentorship-page{min-height:100vh;padding:6rem 0 3rem;background:var(--base)}.page-header{text-align:center;margin-bottom:3rem}.page-header h1{font-size:2.5rem;color:var(--text);margin-bottom:.5rem}.page-header p{color:var(--subtext0);font-size:1.1rem}.tabs{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.tabs button{padding:.75rem 2rem;background:var(--surface0);border:1px solid var(--surface1);border-radius:8px;color:var(--text);cursor:pointer;transition:all .3s}.tabs button.active{background:var(--blue);color:var(--base);border-color:var(--blue)}.mentors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.mentor-card{background:var(--mantle);padding:2rem;border-radius:12px;text-align:center;border:1px solid var(--surface0)}.mentor-avatar{width:80px;height:80px;margin:0 auto 1rem;background:var(--surface0);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--blue)}.mentor-card h3{color:var(--text);margin-bottom:.5rem}.expertise{color:var(--subtext0);font-size:.9rem;margin-bottom:1rem}.mentor-stats{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;font-size:.85rem;color:var(--subtext1)}.sessions-list{display:flex;flex-direction:column;gap:1rem}.session-card{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--mantle);border-radius:12px;border:1px solid var(--surface0)}.session-info h4{color:var(--text);margin-bottom:.5rem}.session-info p{color:var(--subtext0);font-size:.9rem;margin-bottom:.5rem}.session-time{display:flex;align-items:center;gap:.5rem;color:var(--subtext1);font-size:.85rem}.session-actions{display:flex;gap:.75rem}.btn-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface0);border:1px solid var(--surface1);border-radius:8px;color:var(--text);cursor:pointer}.hackathons-page{min-height:100vh;padding:6rem 0 3rem;background:var(--base)}.hackathons-page h1{font-size:2.5rem;color:var(--text);text-align:center;margin-bottom:.5rem}.hackathons-page>.container>p{text-align:center;color:var(--subtext0);margin-bottom:3rem}.hackathons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.hackathon-card{background:var(--mantle);padding:2rem;border-radius:12px;border:1px solid var(--surface0);position:relative}.hackathon-badge{position:absolute;top:1rem;right:1rem;padding:.4rem .9rem;background:var(--green);color:var(--base);border-radius:6px;font-size:.8rem;font-weight:600}.hackathon-card h3{color:var(--text);font-size:1.5rem;margin-bottom:1rem}.hackathon-card>p{color:var(--subtext0);margin-bottom:1.5rem;line-height:1.6}.hackathon-meta{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.hackathon-meta span{display:flex;align-items:center;gap:.5rem;color:var(--subtext1);font-size:.9rem}.workshops-page{min-height:100vh;padding:6rem 0 3rem;background:var(--base)}.workshops-page h1{font-size:2.5rem;color:var(--text);text-align:center;margin-bottom:.5rem}.workshops-page>.container>p{text-align:center;color:var(--subtext0);margin-bottom:3rem}.workshops-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.workshop-card{background:var(--mantle);border-radius:12px;overflow:hidden;border:1px solid var(--surface0);transition:transform .3s}.workshop-card:hover{transform:translateY(-5px)}.workshop-image{width:100%;height:200px;overflow:hidden}.workshop-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.workshop-content{padding:1.5rem}.workshop-category{display:inline-block;padding:.3rem .8rem;background:var(--blue);color:var(--base);border-radius:4px;font-size:.8rem;font-weight:600;margin-bottom:1rem}.workshop-content h3{color:var(--text);font-size:1.3rem;margin-bottom:.75rem}.workshop-content>p{color:var(--subtext0);margin-bottom:1.25rem;line-height:1.5}.workshop-details{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.workshop-details span{display:flex;align-items:center;gap:.4rem;color:var(--subtext1);font-size:.85rem}.certifications-page{min-height:100vh;padding:6rem 0 3rem;background:var(--base)}.certifications-page h1{font-size:2.5rem;color:var(--text);text-align:center;margin-bottom:.5rem}.certifications-page>.container>p{text-align:center;color:var(--subtext0);margin-bottom:3rem}.cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.cert-card{background:var(--mantle);padding:2rem;border-radius:12px;border:1px solid var(--surface0);text-align:center}.cert-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--blue),var(--mauve));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.cert-card h3{color:var(--text);font-size:1.4rem;margin-bottom:.75rem}.cert-card>p{color:var(--subtext0);margin-bottom:1.5rem}.cert-info{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.cert-info span{display:flex;align-items:center;gap:.4rem;color:var(--subtext1);font-size:.85rem}.cert-progress{margin-bottom:1.5rem}.progress-bar{width:100%;height:8px;background:var(--surface0);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--mauve));border-radius:4px;transition:width .3s}.cert-progress span{color:var(--subtext0);font-size:.9rem}.job-board-page{min-height:100vh;padding:6rem 0 3rem;background:var(--base)}.job-board-page h1{font-size:2.5rem;color:var(--text);text-align:center;margin-bottom:.5rem}.job-board-page>.container>p{text-align:center;color:var(--subtext0);margin-bottom:3rem}.jobs-list{display:flex;flex-direction:column;gap:1.5rem}.job-card{background:var(--mantle);padding:2rem;border-radius:12px;border:1px solid var(--surface0);transition:all .3s}.job-card:hover{border-color:var(--blue);transform:translate(5px)}.job-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem}.company-logo{width:60px;height:60px;background:var(--surface0);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--blue)}.job-info{flex:1}.job-info h3{color:var(--text);font-size:1.4rem;margin-bottom:.25rem}.company{color:var(--subtext0);font-size:1rem}.job-type{padding:.4rem 1rem;background:var(--green);color:var(--base);border-radius:6px;font-size:.85rem;font-weight:600}.job-description{color:var(--subtext0);margin-bottom:1.25rem;line-height:1.6}.job-meta{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.job-meta span{display:flex;align-items:center;gap:.4rem;color:var(--subtext1);font-size:.9rem}.job-tags{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.job-tags span{padding:.3rem .8rem;background:var(--surface0);border:1px solid var(--surface1);border-radius:4px;color:var(--subtext0);font-size:.85rem}.forum-page{min-height:100vh;padding:6rem 0 3rem;background:var(--base)}.forum-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.forum-header h1{font-size:2.5rem;color:var(--text)}.forum-categories{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.category-btn{padding:.5rem 1.25rem;background:var(--surface0);border:1px solid var(--surface1);border-radius:8px;color:var(--text);cursor:pointer;transition:all .3s}.category-btn:hover{background:var(--surface1);border-color:var(--blue)}.discussions-list{display:flex;flex-direction:column;gap:1rem}.discussion-card{display:flex;gap:1.5rem;padding:1.5rem;background:var(--mantle);border-radius:12px;border:1px solid var(--surface0);transition:all .3s;cursor:pointer}.discussion-card:hover{border-color:var(--blue);transform:translate(5px)}.discussion-avatar img{width:50px;height:50px;border-radius:50%}.discussion-content{flex:1}.discussion-content h3{color:var(--text);font-size:1.2rem;margin-bottom:.5rem}.discussion-meta{color:var(--subtext1);font-size:.85rem;margin-bottom:.75rem}.discussion-meta strong{color:var(--text)}.discussion-meta span{color:var(--blue)}.discussion-excerpt{color:var(--subtext0);line-height:1.5}.discussion-stats{display:flex;flex-direction:column;gap:.75rem;align-items:flex-end}.discussion-stats span{display:flex;align-items:center;gap:.4rem;color:var(--subtext1);font-size:.85rem}.documentation-page{position:relative;display:flex;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}.docs-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.docs-gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2;animation:float 20s ease-in-out infinite}.docs-orb-1{width:500px;height:500px;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 100%);top:-10%;left:-10%;animation-delay:0s}.docs-orb-2{width:400px;height:400px;background:linear-gradient(135deg,var(--mauve) 0%,var(--pink) 100%);bottom:-10%;right:-10%;animation-delay:7s}.docs-orb-3{width:350px;height:350px;background:linear-gradient(135deg,var(--sky) 0%,var(--teal) 100%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:14s}@media (max-width: 768px){.docs-orb-1{width:300px;height:300px}.docs-orb-2{width:250px;height:250px}.docs-orb-3{width:200px;height:200px}}@media (max-width: 480px){.docs-orb-1{width:200px;height:200px}.docs-orb-2{width:150px;height:150px}.docs-orb-3{width:120px;height:120px}}.docs-container{position:relative;z-index:5;display:flex;width:100%;height:100vh}.docs-sidebar{position:relative;z-index:10;width:280px;background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--border-color);padding:2rem 0;position:sticky;top:80px;height:calc(100vh - 80px);overflow-y:auto;box-shadow:0 4px 6px #00000012}.docs-nav,.nav-section{display:flex;flex-direction:column}.nav-section-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:none;border:none;color:var(--text-primary);cursor:pointer;transition:all .3s ease;text-align:left;font-size:.95rem;font-weight:600;margin:.5rem;border-radius:0 8px 8px 0}.nav-section-header:hover{background:#0000000d;color:var(--primary-color);transform:translate(4px)}[data-theme=dark] .nav-section-header:hover{background:#ffffff0d}.nav-section-header .chevron{transition:transform .3s ease;margin-left:auto}.nav-section-header .chevron.open{transform:rotate(180deg)}.nav-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem;padding-left:.5rem}.nav-items li{margin:0}.nav-link{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 1rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;text-align:left;font-size:.85rem;margin:.25rem;border-radius:6px;text-decoration:none}.nav-link:hover{background:#0000000d;color:var(--primary-color);transform:translate(4px)}[data-theme=dark] .nav-link:hover{background:#ffffff0d}.link-content{flex:1}.link-name{font-weight:500;color:var(--text-secondary)}.link-desc{font-size:.75rem;color:var(--text-secondary);opacity:.7;margin-top:.2rem}.docs-content{position:relative;z-index:5;flex:1;padding:3rem;max-width:1000px;margin:0 auto;overflow-y:auto}.docs-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:3rem;padding:2rem;background:var(--base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid var(--surface0);box-shadow:0 8px 24px #00000014;transition:all .3s ease}.docs-header:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0000001f}.docs-header svg{color:var(--primary-color);flex-shrink:0;animation:pulse 2s ease-in-out infinite}.header-content h1{font-size:2.5rem;margin:0 0 .5rem;color:var(--text-primary);background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 50%,var(--mauve) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.header-content p{font-size:1.125rem;color:var(--text-secondary);margin:0}.docs-sections{display:flex;flex-direction:column;gap:3rem}.doc-section-group{display:flex;flex-direction:column;gap:1.5rem}.section-title{font-size:2rem;margin:0;color:var(--text-primary);background:linear-gradient(135deg,var(--primary-color) 0%,var(--lavender) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.doc-items{display:grid;grid-template-columns:1fr;gap:1.5rem}.doc-item{padding:1.5rem;background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 4px 12px #00000014;transition:all .3s ease;scroll-margin-top:100px}.doc-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f;border-color:var(--primary-color)}.doc-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.doc-item-header h3{font-size:1.25rem;margin:0;color:var(--text-primary);font-weight:600}.doc-item-header svg{color:var(--primary-color);flex-shrink:0;opacity:0;transition:all .3s ease}.doc-item:hover .doc-item-header svg{opacity:1;transform:translate(4px)}.doc-item-content{color:var(--text-primary);line-height:1.7}.doc-item-content h3{font-size:1.1rem;margin:1.5rem 0 .75rem;color:var(--primary-color);font-weight:600}.doc-item-content h3:first-child{margin-top:0}.doc-item-content p{margin:.75rem 0;color:var(--text-secondary)}.doc-item-content ul,.doc-item-content ol{margin:.75rem 0;padding-left:1.5rem;color:var(--text-primary)}.doc-item-content li{margin-bottom:.5rem;line-height:1.6}.doc-item-content code{display:block;background:var(--code-bg);border:1px solid var(--border-color);border-radius:6px;padding:.75rem;margin:.75rem 0;font-family:Monaco,Menlo,Consolas,monospace;font-size:.875rem;overflow-x:auto;color:var(--code-text)}.doc-item-content code:not([class]){display:inline;padding:.2rem .4rem;margin:0;background:#0000000d;border:none;border-radius:4px}[data-theme=dark] .doc-item-content code:not([class]){background:#ffffff0d}.docs-footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.footer-card{padding:1.5rem;background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 4px 12px #00000014;transition:all .3s ease}.footer-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f;border-color:var(--primary-color)}.footer-card h3{font-size:1.1rem;margin:0 0 .5rem;color:var(--primary-color);font-weight:600}.footer-card p{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.docs-sidebar::-webkit-scrollbar{width:6px}.docs-sidebar::-webkit-scrollbar-track{background:var(--bg-secondary)}.docs-sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.docs-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.docs-content::-webkit-scrollbar{width:6px}.docs-content::-webkit-scrollbar-track{background:transparent}.docs-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.docs-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width: 1024px){.docs-sidebar{width:250px}.docs-content{padding:2.5rem 2rem;max-width:800px}}@media (max-width: 768px){.documentation-page{flex-direction:column}.docs-container{flex-direction:column;height:auto}.docs-sidebar{width:100%;position:relative;top:0;height:auto;max-height:400px;overflow-y:auto;border-right:none;border-bottom:1px solid var(--border-color);padding:1rem 0}.sidebar-search{padding:0 1rem;margin-bottom:1rem;margin-top:.5rem}.nav-section-header{padding:.75rem 1rem;font-size:.9rem;margin:.25rem .5rem;border-radius:0 8px 8px 0}.nav-items{padding-left:0}.nav-link{padding:.5rem 1rem;font-size:.8rem;margin:.2rem}.docs-content{padding:1.5rem 1rem;max-width:100%;height:auto}.docs-header{flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem;border-radius:16px}.docs-header svg{width:40px;height:40px}.header-content h1{font-size:1.75rem;line-height:1.2}.header-content p{font-size:.95rem}.section-title{font-size:1.4rem;margin-bottom:1rem}.doc-items{gap:1rem}.doc-item{padding:1rem;border-radius:10px}.doc-item-header h3{font-size:1.1rem}.doc-item-content code{font-size:.75rem;padding:.5rem}.docs-footer{gap:1rem;margin-top:2rem;padding-top:1.5rem}.footer-card{padding:1rem}}@media (max-width: 480px){.docs-sidebar{max-height:300px;padding:.75rem 0}.sidebar-search{padding:0 .75rem;margin-bottom:.75rem;margin-top:.25rem}.sidebar-search input{font-size:14px;padding:.4rem}.nav-section-header{padding:.65rem .75rem;font-size:.85rem;margin:.2rem .5rem}.nav-link{padding:.4rem .75rem;font-size:.75rem;margin:.15rem}.docs-content{padding:1rem .75rem}.docs-header{padding:1.25rem;gap:.75rem;margin-bottom:1.5rem}.docs-header svg{width:36px;height:36px}.header-content h1{font-size:1.4rem}.header-content p{font-size:.85rem}.section-title{font-size:1.2rem;margin-bottom:.75rem}.doc-item{padding:.75rem;gap:.5rem}.doc-item-header h3{font-size:1rem}.doc-item-content h3{font-size:.95rem}.doc-item-content p{font-size:.9rem}.doc-item-content ul,.doc-item-content ol{font-size:.85rem;padding-left:1rem}.doc-item-content code{font-size:.65rem;padding:.4rem}.footer-card{padding:.75rem}.footer-card h3{font-size:1rem}.footer-card p{font-size:.85rem}}@media (max-width: 360px){.docs-sidebar{max-height:250px}.docs-header{padding:1rem}.header-content h1{font-size:1.25rem}.section-title{font-size:1.1rem}.nav-section-header{font-size:.75rem;padding:.4rem}.nav-link{font-size:.65rem;padding:.3rem}.doc-item{padding:.5rem}}.code-review-page{min-height:100vh;padding:6rem 0 3rem;background:var(--base)}.code-review-page h1{font-size:2.5rem;color:var(--text);text-align:center;margin-bottom:.5rem}.code-review-page>.container>p{text-align:center;color:var(--subtext0);margin-bottom:3rem}.review-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:var(--mantle);padding:2rem;border-radius:12px;text-align:center;border:1px solid var(--surface0)}.stat-card svg{color:var(--blue);margin-bottom:1rem}.stat-card h3{font-size:2.5rem;color:var(--text);margin-bottom:.5rem}.stat-card p{color:var(--subtext0)}.pr-list{display:flex;flex-direction:column;gap:1.5rem}.pr-card{background:var(--mantle);padding:2rem;border-radius:12px;border:1px solid var(--surface0)}.pr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.pr-header h3{color:var(--text);font-size:1.3rem}.pr-status{padding:.4rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600}.pr-status.open{background:var(--green);color:var(--base)}.pr-card>p{color:var(--subtext0);margin-bottom:1rem}.pr-meta{display:flex;gap:1.5rem;margin-bottom:1.5rem;color:var(--subtext1);font-size:.9rem}.analytics-page{min-height:100vh;padding:6rem 0 3rem;background:var(--base)}.analytics-page h1{font-size:2.5rem;color:var(--text);text-align:center;margin-bottom:.5rem}.analytics-page>.container>p{text-align:center;color:var(--subtext0);margin-bottom:3rem}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.analytics-card{background:var(--mantle);padding:2rem;border-radius:12px;border:1px solid var(--surface0)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.card-header h3{color:var(--text);font-size:1rem}.card-header svg{color:var(--blue)}.card-value{font-size:2.5rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.analytics-card>p{color:var(--subtext0);font-size:.9rem}.chart-section{background:var(--mantle);padding:2rem;border-radius:12px;border:1px solid var(--surface0)}.chart-section h2{color:var(--text);margin-bottom:1.5rem}.chart-placeholder{height:300px;background:var(--surface0);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--subtext0)}.teams-page{min-height:100vh;padding:6rem 0 3rem;background:var(--base)}.teams-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.teams-header h1{font-size:2.5rem;color:var(--text)}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.team-card{background:var(--mantle);padding:2rem;border-radius:12px;border:1px solid var(--surface0);text-align:center}.team-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--blue),var(--mauve));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.team-card h3{color:var(--text);font-size:1.3rem;margin-bottom:.5rem}.team-card>p{color:var(--subtext0);margin-bottom:1.5rem}.team-members{margin-bottom:1.5rem}.member-avatars{display:flex;justify-content:center;align-items:center;gap:-.5rem}.avatar{width:40px;height:40px;border-radius:50%;background:var(--surface0);border:2px solid var(--mantle)}.more{margin-left:.5rem;color:var(--subtext0);font-size:.9rem}.team-actions{display:flex;gap:.75rem;justify-content:center}.integrations-page{min-height:100vh;padding:6rem 0 3rem;background:var(--base)}.integrations-page h1{font-size:2.5rem;color:var(--text);text-align:center;margin-bottom:.5rem}.integrations-page>.container>p{text-align:center;color:var(--subtext0);margin-bottom:3rem}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.integration-card{background:var(--mantle);padding:2rem;border-radius:12px;border:1px solid var(--surface0);text-align:center;transition:transform .3s}.integration-card:hover{transform:translateY(-5px)}.integration-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--surface0);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--blue)}.integration-card h3{color:var(--text);font-size:1.3rem;margin-bottom:.75rem}.integration-card>p{color:var(--subtext0);margin-bottom:1.5rem;font-size:.9rem}.roadmap-page{min-height:100vh;padding:6rem 0 3rem;background:var(--base)}.roadmap-page h1{font-size:2.5rem;color:var(--text);text-align:center;margin-bottom:.5rem}.roadmap-page>.container>p{text-align:center;color:var(--subtext0);margin-bottom:3rem}.roadmap-timeline{display:flex;flex-direction:column;gap:2rem;max-width:800px;margin:0 auto}.roadmap-phase{display:flex;gap:2rem;padding:2rem;background:var(--mantle);border-radius:12px;border:1px solid var(--surface0);position:relative}.roadmap-phase:before{content:"";position:absolute;left:2.75rem;top:100%;width:2px;height:2rem;background:var(--surface1)}.roadmap-phase:last-child:before{display:none}.phase-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.roadmap-phase.completed .phase-icon{background:var(--green);color:#fff}.roadmap-phase.in-progress .phase-icon{background:var(--yellow);color:#fff}.roadmap-phase.planned .phase-icon{background:var(--surface0);color:var(--subtext0)}.phase-content{flex:1}.phase-content h3{color:var(--text);font-size:1.5rem;margin-bottom:1rem}.phase-content ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.phase-content li{color:var(--subtext0);padding-left:1.5rem;position:relative}.phase-content li:before{content:"•";position:absolute;left:0;color:var(--blue)}.build-page{position:relative;display:flex;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}.build-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.build-gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2;animation:float 20s ease-in-out infinite}.build-orb-1{width:500px;height:500px;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 100%);top:-10%;left:-10%;animation-delay:0s}.build-orb-2{width:400px;height:400px;background:linear-gradient(135deg,var(--mauve) 0%,var(--pink) 100%);bottom:-10%;right:-10%;animation-delay:7s}.build-orb-3{width:350px;height:350px;background:linear-gradient(135deg,var(--sky) 0%,var(--teal) 100%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:14s}@media (max-width: 768px){.build-orb-1{width:300px;height:300px}.build-orb-2{width:250px;height:250px}.build-orb-3{width:200px;height:200px}}@media (max-width: 480px){.build-orb-1{width:200px;height:200px}.build-orb-2{width:150px;height:150px}.build-orb-3{width:120px;height:120px}}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.build-sidebar{position:relative;z-index:10;width:280px;background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--border-color);padding:2rem 0;position:sticky;top:80px;height:calc(100vh - 80px);overflow-y:auto;box-shadow:0 4px 6px #00000012}.sidebar-search{display:flex;align-items:center;gap:.5rem;padding:0 1.5rem;margin-bottom:1.5rem}.sidebar-search svg{color:var(--text-secondary)}.sidebar-search input{flex:1;padding:.5rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem}.sidebar-search input:focus{outline:none;border-color:var(--primary-color)}.build-nav{display:flex;flex-direction:column}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:none;border:none;border-left:3px solid transparent;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;text-align:left;font-size:.95rem;margin:.25rem .5rem;border-radius:0 8px 8px 0}.nav-item:hover{background:#0000000d;color:var(--text-primary);transform:translate(4px)}[data-theme=dark] .nav-item:hover{background:#ffffff0d}.nav-item.active{background:linear-gradient(90deg,var(--primary-color) 0%,rgba(0,0,0,.05) 100%);border-left-color:var(--primary-color);color:var(--primary-color);box-shadow:0 2px 8px #0d6efd26}.nav-item span{flex:1}.nav-arrow{opacity:0;transition:opacity .2s}.nav-item:hover .nav-arrow,.nav-item.active .nav-arrow{opacity:1}.build-content{position:relative;z-index:5;flex:1;padding:3rem;max-width:900px;margin:0 auto}.build-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:3rem;padding:2rem;background:var(--base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid var(--surface0);box-shadow:0 8px 24px #00000014;transition:all .3s ease}.build-header:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0000001f}.build-header svg{color:var(--primary-color);flex-shrink:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.build-header h1{font-size:2.5rem;margin:0 0 .5rem;color:var(--text-primary);background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 50%,var(--mauve) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.build-description{font-size:1.125rem;color:var(--text-secondary);margin:0}.build-section h2{font-size:2rem;margin:0 0 2rem;color:var(--text-primary);background:linear-gradient(135deg,var(--primary-color) 0%,var(--lavender) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.section-content{display:flex;flex-direction:column;gap:1.5rem}.build-paragraph{font-size:1rem;line-height:1.7;color:var(--text-primary);margin:0}.build-list{margin:0;padding-left:1.5rem}.build-list li{font-size:1rem;line-height:1.7;color:var(--text-primary);margin-bottom:.5rem}.build-code-block{background:var(--code-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;margin:.5rem 0}.code-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--code-header-bg);border-bottom:1px solid var(--border-color)}.code-language{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px}.copy-button{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.75rem;cursor:pointer;transition:all .2s}.copy-button:hover{background:var(--bg-hover);border-color:var(--primary-color)}.build-code-block pre{margin:0;padding:1rem;overflow-x:auto}.build-code-block code{font-family:Monaco,Menlo,Consolas,monospace;font-size:.875rem;line-height:1.5;color:var(--code-text);white-space:pre}.build-step{display:flex;gap:1.5rem;padding:1.5rem;background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border-left:4px solid var(--primary-color);box-shadow:0 4px 12px #00000014;transition:all .3s ease}.build-step:hover{transform:translate(4px);box-shadow:0 8px 20px #0000001f}.step-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--lavender) 100%);color:#fff;border-radius:50%;font-weight:600;font-size:.875rem;flex-shrink:0;box-shadow:0 4px 12px #0d6efd4d}.step-content{flex:1}.step-content h4{margin:0 0 .5rem;font-size:1.125rem;color:var(--text-primary)}.step-content p{margin:.5rem 0;color:var(--text-secondary)}.build-note{display:flex;gap:1rem;padding:1rem 1.25rem;background:var(--note-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:4px solid var(--note-border);border-radius:12px;box-shadow:0 4px 12px #00000014}.build-note svg{color:var(--note-icon);flex-shrink:0}.build-note p{margin:0;color:var(--text-primary);font-size:.95rem;line-height:1.6}.build-subsection{padding-left:1rem}.build-subsection h4{font-size:1.25rem;margin:0 0 1rem;color:var(--text-primary);background:linear-gradient(135deg,var(--primary-color) 0%,var(--lavender) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.build-option{padding:1rem;background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;margin-bottom:1rem;border:1px solid var(--border-color);box-shadow:0 4px 12px #00000014;transition:all .3s ease}.build-option:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.build-option h5{margin:0 0 .75rem;font-size:1.125rem;color:var(--primary-color);font-weight:600}.build-option ul{margin:0;padding-left:1.5rem}.build-option li{font-size:.95rem;margin-bottom:.5rem;color:var(--text-primary)}.build-issue{padding:1rem;background:var(--bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border-left:4px solid var(--warning-color);box-shadow:0 4px 12px #00000014;transition:all .3s ease}.build-issue:hover{transform:translate(4px);box-shadow:0 8px 20px #0000001f}.issue-title{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.issue-title svg{color:var(--warning-color)}.issue-title strong{color:var(--text-primary);font-size:1rem;font-weight:600}.issue-solution{padding-left:1.75rem;color:var(--text-secondary);font-size:.95rem}.solution-label{color:var(--success-color);font-weight:600}.no-results{text-align:center;padding:4rem 2rem}.no-results svg{color:var(--text-secondary);margin-bottom:1rem}.no-results p{color:var(--text-secondary);font-size:1.125rem}.dark-mode .step-number{color:#fff}.step-number{color:#11111b}.build-sidebar::-webkit-scrollbar{width:6px}.build-sidebar::-webkit-scrollbar-track{background:var(--bg-secondary)}.build-sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.build-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width: 1024px){.build-sidebar{width:250px}.build-content{padding:2.5rem 2rem;max-width:800px}}.sidebar-toggle{display:none;position:fixed;top:80px;left:1rem;z-index:1001;background:var(--primary-color);color:#fff;border:none;border-radius:8px;padding:.5rem;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.sidebar-toggle:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003}@media (max-width: 768px){.build-page{flex-direction:column}.sidebar-toggle{display:flex;align-items:center;justify-content:center}.build-sidebar{position:fixed;left:-100%;top:60px;width:280px;height:calc(100vh - 60px);background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:1rem 0;z-index:1000;overflow-y:auto;transition:left .3s ease;box-shadow:4px 0 12px #0000001a}.build-sidebar.open{left:0}.sidebar-search{padding:0 1rem;margin-bottom:1rem;margin-top:.5rem}.sidebar-search input{font-size:1rem}.build-nav{display:flex;flex-direction:column}.nav-item{padding:.75rem 1rem;font-size:.9rem;margin:.25rem .5rem;border-radius:0 8px 8px 0}.build-content{padding:1.5rem 1rem;max-width:100%}.build-header{flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem;border-radius:16px}.build-header svg{width:40px;height:40px}.build-header h1{font-size:1.75rem;line-height:1.2}.build-description{font-size:.95rem}.build-section h2{font-size:1.4rem;margin-bottom:1.5rem}.build-step{flex-direction:column;gap:.75rem;padding:1rem;border-radius:10px}.step-number{width:32px;height:32px;font-size:.75rem}.build-code-block{border-radius:8px;overflow:hidden}.code-header{flex-direction:column;gap:.5rem;padding:.5rem .75rem}.code-language{font-size:.7rem}.copy-button{width:100%;font-size:.7rem;padding:.5rem;justify-content:center}.build-code-block pre{padding:.75rem;font-size:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.build-note,.build-issue,.build-option{padding:1rem;border-radius:10px;font-size:.95rem}.build-note{flex-direction:column}.build-note svg{width:20px;height:20px}.build-subsection{padding-left:0}.build-subsection h4{font-size:1.15rem}.route-item{flex-direction:column;align-items:flex-start;gap:.5rem}.route-path{min-width:auto;word-break:break-all}.doc-item{padding:.75rem}.docs-list{grid-template-columns:1fr}}@media (max-width: 480px){.build-page{padding-top:20px}.sidebar-toggle{top:70px;left:.75rem;padding:.4rem}.build-sidebar{width:260px;padding:.75rem 0}.sidebar-search{padding:0 .75rem;margin-bottom:.75rem;margin-top:.25rem}.sidebar-search input{font-size:14px;padding:.4rem}.nav-item{padding:.65rem .75rem;font-size:.85rem;margin:.2rem .5rem}.nav-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.build-content{padding:1rem .75rem}.build-header{padding:1.25rem;gap:.75rem;margin-bottom:1.5rem}.build-header h1{font-size:1.4rem}.build-header svg{width:36px;height:36px}.build-description{font-size:.85rem}.build-section h2{font-size:1.2rem;margin-bottom:1rem}.build-step{gap:.5rem;padding:.75rem;border-color:#0ff}.step-number{width:28px;height:28px;font-size:.7rem}.step-content h4{font-size:1rem}.build-note,.build-issue,.build-option{padding:.75rem;font-size:.9rem}.build-code-block pre{padding:.5rem;font-size:.7rem;line-height:1.4}.code-header{flex-direction:row;justify-content:space-between;padding:.4rem}.copy-button{width:auto;padding:.25rem .5rem;font-size:.65rem}.build-list{padding-left:1rem}.build-list li{font-size:.95rem;margin-bottom:.4rem}.prerequisite-card{padding:1.25rem 1rem}.prerequisite-icon{width:48px;height:48px;margin-bottom:.75rem}.prerequisite-content h4{font-size:1rem}.prerequisite-content p{font-size:.8rem}.extensions-section{padding:1.25rem}.extensions-grid{grid-template-columns:1fr;gap:.75rem}.extension-card{padding:1rem}.route-path{font-size:.75rem}.route-name{font-size:.95rem}.route-description{font-size:.8rem}.route-badge{font-size:.7rem;padding:.2rem .4rem}.prerequisites-grid{gap:.75rem}}@media (max-width: 360px){.sidebar-toggle{top:65px;left:.5rem}.build-sidebar{width:240px}.build-header h1{font-size:1.25rem}.build-section h2{font-size:1.1rem}.nav-item{font-size:.75rem;padding:.4rem}.build-content{padding:.75rem .5rem}.prerequisite-icon{width:44px;height:44px}.extension-card{padding:.75rem;gap:.5rem}}.routes-grid{display:grid;gap:1.5rem;margin-top:1rem}.route-category{background:var(--bg-secondary);border-radius:8px;padding:1.5rem;border-left:4px solid var(--primary-color)}.route-category h3{margin:0 0 1rem;font-size:1.25rem;color:var(--text-primary)}.routes-list{display:grid;gap:.75rem}.route-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-primary);border-radius:6px;border:1px solid var(--border-color);transition:all .2s}.route-item:hover{border-color:var(--primary-color);transform:translate(4px)}.route-path{font-family:Monaco,Menlo,Consolas,monospace;font-size:.875rem;color:var(--primary-color);font-weight:600;min-width:150px}.route-info{flex:1}.route-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.route-description{font-size:.875rem;color:var(--text-secondary)}.route-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;background:var(--note-bg);color:var(--primary-color)}.docs-grid{display:grid;gap:1.5rem;margin-top:1rem}.docs-category{background:var(--bg-secondary);border-radius:8px;padding:1.5rem;border-left:4px solid var(--primary-color)}.docs-category h3{margin:0 0 1rem;font-size:1.25rem;color:var(--text-primary)}.docs-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem}.doc-item{display:flex;flex-direction:column;padding:1rem;background:var(--bg-primary);border-radius:6px;border:1px solid var(--border-color);transition:all .2s;cursor:pointer;text-decoration:none;color:inherit}.doc-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow)}.doc-item-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.doc-item-icon{color:var(--primary-color)}.doc-title{font-weight:600;color:var(--text-primary);font-size:.95rem}.doc-path{font-family:Monaco,Menlo,Consolas,monospace;font-size:.75rem;color:var(--text-secondary);margin-bottom:.5rem}.doc-description{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.prerequisites-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.prerequisite-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem;background:var(--base);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid var(--surface0);box-shadow:0 8px 24px var(--shadow);transition:all .3s ease;position:relative;overflow:hidden}.prerequisite-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue) 0%,var(--lavender) 50%,var(--mauve) 100%);transform:scaleX(0);transition:transform .3s ease}.prerequisite-card:hover:before{transform:scaleX(1)}.prerequisite-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px var(--shadow);border-color:var(--primary-color)}.prerequisite-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 50%,var(--mauve) 100%);color:#fff;margin-bottom:1.25rem;box-shadow:0 8px 20px #0d6efd4d;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 8px 20px #0d6efd4d}50%{transform:scale(1.05);box-shadow:0 12px 28px #0d6efd66}}.prerequisite-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.prerequisite-content h4{font-size:1.25rem;font-weight:700;margin:0;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 50%,var(--mauve) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.prerequisite-content p{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.5}.prerequisite-command{display:inline-block;margin-top:.75rem;padding:.5rem 1rem;background:var(--code-bg);border:1px solid var(--border-color);border-radius:8px;font-family:Monaco,Menlo,Consolas,monospace;font-size:.85rem;color:var(--primary-color);font-weight:600}.prerequisite-download{display:inline-flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 100%);color:#fff;border-radius:8px;text-decoration:none;font-size:.875rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #0d6efd4d}.prerequisite-download:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0d6efd66}.extensions-section{margin:2rem 0;padding:2rem;background:var(--base);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid var(--surface0);box-shadow:0 8px 24px var(--shadow)}.extensions-title{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 50%,var(--mauve) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.extensions-description{color:var(--text-secondary);margin:0 0 2rem;font-size:1rem}.extensions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.extension-card{padding:1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease;display:flex;flex-direction:column;gap:.75rem}.extension-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px var(--shadow);border-color:var(--primary-color)}.extension-header{display:flex;align-items:center;gap:.75rem}.extension-icon{color:var(--primary-color);font-size:1.25rem}.extension-header h5{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.extension-description{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.extension-id{padding:.375rem .75rem;background:var(--code-bg);border:1px solid var(--border-color);border-radius:6px;font-family:Monaco,Menlo,Consolas,monospace;font-size:.75rem;color:var(--text-secondary)}.extension-install{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--blue) 0%,var(--lavender) 100%);color:#fff;border-radius:8px;text-decoration:none;font-size:.875rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #0d6efd4d}.extension-install:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0d6efd66}@media (max-width: 1024px){.routes-grid,.docs-grid{gap:1.25rem}.docs-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 768px){.prerequisites-grid{grid-template-columns:1fr;gap:1rem}.prerequisite-card{padding:1.5rem 1rem}.prerequisite-icon{width:56px;height:56px}.prerequisite-content h4{font-size:1.1rem}.extensions-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.extensions-section{padding:1.5rem}.routes-grid{gap:1rem}.route-category{padding:1.25rem}.docs-grid{gap:1rem}.docs-list{grid-template-columns:1fr}.doc-item{padding:.75rem}}.dock-sidebar{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:1000;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.dock-sidebar.hidden{opacity:0;transform:translateY(-50%) translate(-100px);pointer-events:none}.dock-sidebar.visible{opacity:1;transform:translateY(-50%) translate(0)}.dock-container{background:#ffffff26;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:12px 8px;box-shadow:0 8px 32px #0000001a,0 0 0 1px #ffffff1a inset;display:flex;flex-direction:column;gap:8px;pointer-events:auto}.dock-item{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);border-radius:12px}.dock-item:hover{transform:scale(1.3) translate(8px)}.dock-item.active{background:#fff3}.dock-item.hovered~.dock-item{transform:scale(1.1)}.dock-icon{font-size:24px;color:var(--text-primary);transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.dock-item:hover .dock-icon,.dock-item.active .dock-icon{color:var(--primary-color)}.dock-tooltip{position:absolute;left:70px;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;box-shadow:0 4px 12px #0000004d}.dock-item:hover .dock-tooltip{opacity:1}.dark-mode .dock-container{background:#1e1e2eb3;border:1px solid rgba(255,255,255,.1)}.dark-mode .dock-item.active{background:#89b4fa33}.dock-toggle-btn{position:fixed;left:20px;bottom:30px;width:56px;height:56px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 24px #00000026;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;transition:all .3s ease;color:var(--text-primary);font-size:20px;animation:fadeInScale .4s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.dock-toggle-btn:hover{transform:scale(1.1);background:#ffffff4d}.dock-toggle-btn:active{transform:scale(.95)}.dark-mode .dock-toggle-btn{background:#1e1e2eb3;border:1px solid rgba(255,255,255,.15)}@media (max-width: 768px){.dock-sidebar{left:10px}.dock-container{padding:8px 6px;border-radius:20px}.dock-item{width:40px;height:40px}.dock-icon{font-size:20px}.dock-tooltip{display:none}}