@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--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-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--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-duration:initial;--tw-ease:initial}}}@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-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-green-300:oklch(87.1% .15 154.449);--color-green-500:oklch(72.3% .219 149.579);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--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);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-widest:.1em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear 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{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing)*4)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.left-3{left:calc(var(--spacing)*3)}.z-10{z-index:10}.my-2{margin-block:calc(var(--spacing)*2)}.my-8{margin-block:calc(var(--spacing)*8)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-10{margin-top:calc(var(--spacing)*10)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.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-flex{display:inline-flex}.table{display:table}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-96{height:calc(var(--spacing)*96)}.h-full{height:100%}.h-px{height:1px}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-10{width:calc(var(--spacing)*10)}.w-96{width:calc(var(--spacing)*96)}.w-full{width:100%}.max-w-\[420px\]{max-width:420px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded-\[2rem\]{border-radius:2rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-green-500\/50{border-color:#00c75880}@supports (color:color-mix(in lab,red,red)){.border-green-500\/50{border-color:color-mix(in oklab,var(--color-green-500)50%,transparent)}}.border-red-500\/50{border-color:#fb2c3680}@supports (color:color-mix(in lab,red,red)){.border-red-500\/50{border-color:color-mix(in oklab,var(--color-red-500)50%,transparent)}}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.border-white\/5{border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-\[\#0a0c10\]{background-color:#0a0c10}.bg-\[\#58cc02\]{background-color:#58cc02}.bg-\[\#58cc02\]\/20{background-color:#58cc0233}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-green-500\/20{background-color:#00c75833}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/20{background-color:color-mix(in oklab,var(--color-green-500)20%,transparent)}}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.bg-red-500\/20{background-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/20{background-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[url\(\'data\:image\/svg\+xml\;base64\,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJhIiB4PSIwIiB5PSIwIj48ZmVUdXJidWxlbmNlIGJhc2VGcmVxdWVuY3k9Ii43NSIgc3RpdGNoVGlsZXM9InN0aXRjaCIgdHlwZT0iZnJhY3RhbE5vaXNlIi8\+PGZlQ29sb3JNYXRyaXggdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCIvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNhKSIvPjwvc3ZnPg\=\=\'\)\]{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJhIiB4PSIwIiB5PSIwIj48ZmVUdXJidWxlbmNlIGJhc2VGcmVxdWVuY3k9Ii43NSIgc3RpdGNoVGlsZXM9InN0aXRjaCIgdHlwZT0iZnJhY3RhbE5vaXNlIi8+PGZlQ29sb3JNYXRyaXggdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCIvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNhKSIvPjwvc3ZnPg==)}.from-\[\#0a0c10\]{--tw-gradient-from:#0a0c10;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-\[\#1a1f2e\]{--tw-gradient-via:#1a1f2e;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#0a0c10\]{--tw-gradient-to:#0a0c10;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-2{padding-block:calc(var(--spacing)*2)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-10{padding-right:calc(var(--spacing)*10)}.pl-10{padding-left:calc(var(--spacing)*10)}.text-center{text-align:center}.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))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.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-\[0\.6em\]{--tw-tracking:.6em;letter-spacing:.6em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-\[\#58cc02\]{color:#58cc02}.text-black{color:var(--color-black)}.text-green-300{color:var(--color-green-300)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-white{color:var(--color-white)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-20{opacity:.2}.opacity-\[0\.03\]{opacity:.03}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--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)}.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,)}.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-all{transition-property:all;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))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}@media(hover:hover){.hover\:bg-\[\#46a302\]:hover{background-color:#46a302}.hover\:bg-red-500\/20:hover{background-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-500\/20:hover{background-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\:text-\[\#46a302\]:hover{color:#46a302}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-\[\#58cc02\]:focus{border-color:#58cc02}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:40rem){.sm\:mb-10{margin-bottom:calc(var(--spacing)*10)}.sm\:h-8{height:calc(var(--spacing)*8)}.sm\:w-8{width:calc(var(--spacing)*8)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:p-8{padding:calc(var(--spacing)*8)}.sm\:px-0{padding-inline:calc(var(--spacing)*0)}.sm\:px-4{padding-inline:calc(var(--spacing)*4)}.sm\:py-2\.5{padding-block:calc(var(--spacing)*2.5)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media(min-width:48rem){.md\:block{display:block}.md\:hidden{display:none}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}}:root{--primary:#58cc02;--primary-dark:#46a302;--primary-light:#78ed1f;--bg-dark:#0a0c10;--bg-card:#151921;--text-main:#e3e6ed;--text-muted:#8b949e;--border:#30363d;--glass:#151921b3;--error:#ff4b4b;--success:#58cc02;--font-family:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--background:222 47% 6%;--foreground:210 40% 98%;--card:222 47% 8%;--card-foreground:210 40% 98%;--popover:222 47% 8%;--popover-foreground:210 40% 98%;--primary-shadcn:160 84% 45%;--primary-foreground:222.2 47.4% 11.2%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:200 80% 55%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border-shadcn:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:160 84% 45%;--radius:.75rem;--wave-primary:160 84% 35%;--wave-secondary:200 80% 45%;--wave-tertiary:180 70% 40%;--glass-bg:220 30% 8%;--glass-border:220 20% 15%}.glass-card{background:hsl(var(--glass-bg)/.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsl(var(--glass-border)/.5)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{color:#fff}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .2s}.glass{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff1a}.container{max-width:1200px;margin:0 auto;padding:0 24px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.glass{transition:transform .2s,box-shadow .2s}.glass:hover{transform:translateY(-4px);box-shadow:0 8px 32px #58cc0233}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.app-container{display:flex;min-height:100vh}.sidebar{width:280px;border-right:1px solid var(--border);padding:32px 24px;display:flex;flex-direction:column;gap:40px;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:800;color:#fff}.nav-links{display:flex;flex-direction:column;gap:12px}.nav-item{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:12px;color:var(--text-muted);font-weight:600;transition:all .2s ease}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#58cc021a;color:var(--primary);border:1px solid rgba(88,204,2,.2)}.main-content{flex:1;display:flex;flex-direction:column}.header{height:80px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.search-bar{display:flex;align-items:center;gap:12px;background:#ffffff0d;padding:10px 16px;border-radius:12px;width:400px}.search-bar input{background:none;border:none;color:#fff;width:100%;outline:none}.user-info{display:flex;align-items:center;gap:24px}.streak{background:#ff96001a;color:#ff9600;padding:6px 12px;border-radius:20px;font-weight:700;font-size:.9rem}.xp-badge{background:#58cc021a;color:var(--primary);padding:6px 12px;border-radius:20px;font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:6px}.avatar{width:40px;height:40px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.content{padding:40px;flex:1}@media(max-width:1024px){.sidebar{width:80px;padding:32px 12px}.logo span,.nav-item span{display:none}.search-bar{width:200px}}.logo-container{display:flex;align-items:center;gap:12px;position:relative;cursor:pointer}.logo-glow{position:absolute;width:60px;height:60px;background:radial-gradient(circle,#00f2ff66,#0000 70%);filter:blur(10px);left:0;z-index:0}.logo-icon-wrapper{background:transparent;width:50px;height:50px;position:relative;z-index:1}.revolutionary-logo-svg{width:100%;height:100%;filter:drop-shadow(0 0 5px rgba(0,242,255,.5))}.ring-outer{transform-origin:50px 50px;animation:spin 10s linear infinite}.ring-inner{transform-origin:50px 50px;animation:pulse-scale 3s ease-in-out infinite}.data-stream{animation:dash 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(.9)}}@keyframes dash{to{stroke-dashoffset:-20}}.logo-text{display:flex;flex-direction:column;line-height:.9;z-index:1}.brand-code{font-size:1.5rem;font-weight:900;color:#fff;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(to right,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-academy{font-size:.7rem;font-weight:700;color:#00f2ff;text-transform:uppercase;letter-spacing:3px}.home-container{max-width:1000px;margin:0 auto}.welcome{margin-bottom:48px}.welcome h1{font-size:2.5rem;font-weight:800;margin-bottom:12px}.welcome p{color:var(--text-muted);font-size:1.1rem}.quick-access{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.quick-btn{padding:1.5rem;background:linear-gradient(135deg,#58cc021a,#58cc020d);border:2px solid rgba(88,204,2,.2);border-radius:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1rem;color:#fff}.quick-btn:hover{border-color:#58cc02;background:linear-gradient(135deg,#58cc0226,#58cc0214);transform:translate(5px);box-shadow:0 0 20px #58cc024d}.quick-btn svg{color:#58cc02;flex-shrink:0}.quick-btn div{flex:1}.quick-btn h4{margin:0;font-size:1rem;color:#fff}.quick-btn p{margin:.25rem 0 0;font-size:.85rem;color:#fff9}.tracks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;perspective:1000px}.track-card{padding:32px;border-radius:24px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;gap:24px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.track-card:hover{transform:translateY(-12px) scale(1.02) rotateX(4deg) rotateY(-4deg);border-color:var(--primary);background:#ffffff14;box-shadow:0 20px 40px #0006,0 0 20px #58cc021a}.track-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.track-card:hover:after{opacity:1}.track-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center}.track-info h3{font-size:1.3rem;margin-bottom:8px}.track-info p{color:var(--text-muted);font-size:.95rem;line-height:1.5;margin-bottom:24px}.track-footer{display:flex;align-items:center;justify-content:space-between;color:var(--primary);font-weight:700;font-size:.9rem}.theme-toggle{background:#ffffff1a;border:1px solid var(--border);border-radius:8px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text);transition:all .3s}.theme-toggle:hover{background:#fff3;border-color:var(--primary);transform:scale(1.1)}.glass{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);transition:all .3s ease}[data-theme=light] .glass{background:#ffffffe6;box-shadow:0 2px 8px #0000001a}.fadeIn{animation:fadeIn .5s ease-in}.slide-up{animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.xterm{cursor:text;position:relative;-moz-user-select:none;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;inset:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility,.xterm .xterm-message{position:absolute;inset:0;z-index:10;color:transparent;pointer-events:none}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:double underline;text-decoration:double underline}.xterm-underline-3{-webkit-text-decoration:wavy underline;text-decoration:wavy underline}.xterm-underline-4{-webkit-text-decoration:dotted underline;text-decoration:dotted underline}.xterm-underline-5{-webkit-text-decoration:dashed underline;text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.visualizer-container{height:100%;display:flex;flex-direction:column;background:var(--bg-card);padding:24px}.visualizer-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.visualizer-header h3{font-size:1.1rem;font-weight:700;color:#fff}.variables-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto}.variable-card{background:#ffffff08;border:1px solid var(--border);border-radius:12px;padding:12px 16px;transition:all .2s ease}.variable-card:hover{background:#58cc020d;border-color:var(--primary)}.var-header{display:flex;justify-content:space-between;margin-bottom:4px}.var-type{font-size:.75rem;color:var(--primary);text-transform:uppercase;font-weight:800}.var-name{font-weight:700;color:#fff}.var-value{font-family:Fira Code,monospace;font-size:.9rem;color:var(--text-main);word-break:break-all}.empty-memory{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-muted);text-align:center;padding:40px 0}.empty-memory p{font-size:.9rem}.success-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1000;display:flex;align-items:center;justify-content:center;overflow:hidden}.particle{position:absolute;width:10px;height:10px;border-radius:50%;animation:explode 2s ease-out forwards;opacity:0}.success-message-float{text-align:center;animation:slideUpFade 1s cubic-bezier(.175,.885,.32,1.275) forwards;background:#000c;padding:40px 60px;border-radius:32px;border:2px solid var(--primary);box-shadow:0 0 50px #58cc024d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.success-message-float h1{font-size:3rem;color:var(--primary);margin-bottom:12px;letter-spacing:2px}.success-message-float p{font-weight:700;color:gold;font-size:1.2rem}@keyframes explode{0%{transform:scale(0);opacity:1}to{transform:translateY(200px) rotate(360deg) scale(1.5);opacity:0}}@keyframes slideUpFade{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.lesson-split-view.renovador{display:grid;grid-template-columns:350px 1fr 300px;height:calc(100vh - 120px);gap:16px;padding:0 16px 16px}.explanation-panel,.terminal-panel,.visualizer-panel{height:100%;display:flex;flex-direction:column;background:var(--bg-card);border-radius:20px;border:1px solid var(--border);overflow:hidden}.visualizer-panel{background:var(--bg-dark)}@media(max-width:1200px){.lesson-split-view.renovador{grid-template-columns:300px 1fr;grid-template-rows:1fr 1fr}.visualizer-panel{display:none}}.lesson-header{padding:24px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px}.back-btn{display:flex;align-items:center;gap:8px;background:none;color:var(--text-muted);font-weight:600}.back-btn:hover{color:#fff}.explanation-content{flex:1;padding:32px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.content-text p{color:var(--text-muted);line-height:1.6;margin-bottom:16px}.instruction-card{background:#58cc020d;border:1px solid rgba(88,204,2,.2);padding:20px;border-radius:16px;display:flex;gap:16px}.instruction-text h4{color:var(--primary);margin-bottom:4px}.lesson-footer{padding:24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.next-btn{background:var(--primary);color:#fff;padding:12px 24px;border-radius:12px;font-weight:700;display:flex;align-items:center;gap:8px}.next-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.solution-btn{background:transparent;color:var(--text-muted);font-weight:600}.terminal-panel{flex:1;background:#000;border-radius:20px;border:1px solid var(--border);position:relative;overflow:hidden}.terminal-feedback{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;display:flex;align-items:center;gap:12px;font-weight:600;animation:slideUp .3s ease}.terminal-feedback.success{background:var(--success);color:#fff}.terminal-feedback.info{background:var(--primary-dark);color:#fff}.terminal-feedback.error{background:var(--error);color:#fff}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:900px){.lesson-split-view{flex-direction:column;height:auto}.explanation-panel,.terminal-panel{height:500px}}.codeblitz-container{max-width:800px;margin:40px auto;padding:40px;border-radius:24px;display:flex;flex-direction:column;gap:32px;text-align:center}.game-header{display:flex;justify-content:center;gap:40px}.stat{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:700;color:var(--text-main)}.challenge-area{display:flex;flex-direction:column;gap:24px}.snippet-display{font-family:Fira Code,monospace;font-size:1.8rem;padding:32px;background:#0000004d;border-radius:16px;line-height:1.5;white-space:pre}.snippet-display span{color:var(--text-muted)}.snippet-display span.correct{color:var(--primary)}.snippet-display span.incorrect{background:var(--error);color:#fff;border-radius:4px}.snippet-display span.current{border-bottom:3px solid var(--primary);color:#fff}.challenge-area input{background:var(--bg-card);border:2px solid var(--border);padding:16px 24px;border-radius:12px;color:#fff;font-size:1.2rem;font-family:inherit;outline:none;transition:all .2s ease}.challenge-area input:focus{border-color:var(--primary);box-shadow:0 0 20px #58cc021a}.result-area{padding:40px;animation:fadeIn .5s ease}.final-stats{display:flex;justify-content:center;gap:60px;margin:32px 0}.f-stat{display:flex;flex-direction:column;gap:8px}.f-stat span{color:var(--text-muted);font-size:1rem}.f-stat strong{font-size:2.5rem;color:var(--primary)}.reset-btn{background:var(--primary);color:#fff;padding:16px 32px;border-radius:12px;font-weight:700;font-size:1.1rem;display:flex;align-items:center;gap:12px;margin:0 auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-container{max-width:1200px;margin:0 auto;padding:40px 20px}.profile-header{display:flex;align-items:center;gap:24px;padding:32px;border-radius:20px;margin-bottom:32px;flex-wrap:wrap}.profile-avatar{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,var(--primary),#00d4ff);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:#000}.profile-main-info h1{font-size:2rem;margin-bottom:4px}.profile-main-info p{color:var(--text-muted);margin-bottom:8px}.level-badge{background:var(--primary);color:#000;padding:4px 12px;border-radius:8px;font-weight:700;display:inline-block}.profile-stats-grid{display:flex;gap:20px;flex-wrap:wrap}.p-stat-card{display:flex;align-items:center;gap:12px;background:#0003;padding:16px 20px;border-radius:12px}.p-stat-val{display:flex;flex-direction:column}.p-stat-val span{font-size:.85rem;color:var(--text-muted)}.p-stat-val strong{font-size:1.5rem;color:#fff}.progress-chart{padding:32px;border-radius:16px;margin-bottom:32px}.chart-header{display:flex;align-items:center;gap:10px;margin-bottom:24px}.chart-bars{display:flex;align-items:flex-end;justify-content:space-around;height:200px;gap:12px}.bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.bar{width:100%;background:linear-gradient(to top,var(--primary),#00d4ff);border-radius:8px 8px 0 0;position:relative;min-height:20px;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;transition:all .3s}.bar:hover{filter:brightness(1.2)}.bar-value{font-size:.75rem;font-weight:700;color:#000}.bar-label{font-size:.85rem;color:var(--text-muted);font-weight:600}.achievements{margin-top:32px}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.section-header h2{font-size:1.5rem}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.achievement-card{padding:20px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;transition:all .3s;background:#ffffff08;border:1px solid rgba(255,255,255,.1);position:relative}.achievement-card.unlocked{border-color:var(--primary);background:#58cc020d}.achievement-card.locked{opacity:.3;filter:grayscale(1)}.achievement-card:hover.unlocked{transform:translateY(-4px);box-shadow:0 8px 16px #58cc0233}.ach-icon{font-size:2.5rem}.achievement-card p{font-size:.9rem;font-weight:600;margin:0}.unlock-badge{position:absolute;top:8px;right:8px;background:var(--primary);color:#000;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.library-container{max-width:1200px;margin:0 auto;padding:20px;animation:fadeIn .4s ease}.library-header{text-align:center;margin-bottom:40px}.library-header h1{font-size:2.5rem;margin-bottom:8px;background:linear-gradient(90deg,#fff,var(--primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.library-header p{color:var(--text-muted);font-size:1.1rem}.search-box{max-width:600px;margin:24px auto 0;display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:12px}.search-box input{background:transparent;border:none;color:#fff;width:100%;outline:none;font-size:1rem}.library-grid{display:grid;grid-template-columns:350px 1fr;gap:24px;height:calc(100vh - 350px);min-height:500px}.library-list{padding:20px;border-radius:20px;overflow-y:auto}.library-list h3{margin-bottom:20px;font-size:1.2rem;color:var(--text-main);border-bottom:1px solid var(--border);padding-bottom:12px}.library-item{display:flex;align-items:center;gap:16px;padding:16px;border-radius:12px;cursor:pointer;transition:all .2s ease;margin-bottom:8px}.library-item:hover{background:#ffffff0d}.library-item.active{background:#58cc021a;border:1px solid var(--primary)}.item-meta{display:flex;flex-direction:column}.item-lang{font-size:.75rem;color:var(--primary);font-weight:700;text-transform:uppercase}.item-title{font-size:1rem;color:#fff;font-weight:600}.library-content{padding:40px;border-radius:20px;overflow-y:auto;position:relative}.content-view{animation:slideUp .3s ease}.category-tag{background:var(--bg-card);border:1px solid var(--border);padding:4px 12px;border-radius:8px;font-size:.8rem;color:var(--text-muted)}.content-view h2{font-size:2rem;margin:16px 0 24px;color:#fff}.markdown-content p{margin-bottom:16px;line-height:1.6;color:var(--text-main);font-size:1.05rem}.markdown-content h3{margin:24px 0 12px;color:var(--primary)}.done-reading-btn{margin-top:32px;background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:700;cursor:pointer;transition:transform .2s}.done-reading-btn:hover{transform:scale(1.05)}.empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:16px}.category-filters{display:flex;gap:12px;justify-content:center;margin-bottom:32px}.filter-chip{padding:8px 16px;border-radius:20px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all .2s;font-weight:600}.filter-chip:hover{border-color:var(--primary)}.filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ranking-page{min-height:100vh;padding:2rem 1rem;background:linear-gradient(135deg,#0a0e27,#16213e);color:#fff}.ranking-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;flex-wrap:wrap;gap:2rem}.header-content h1{font-size:2.5rem;margin:0 0 .5rem;background:linear-gradient(135deg,#58cc02,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-content p{margin:0;color:#ffffffb3;font-size:1.1rem}.filter-buttons{display:flex;gap:1rem;flex-wrap:wrap}.filter-btn{padding:.75rem 1.5rem;background:#58cc021a;color:#58cc02;border:2px solid rgba(88,204,2,.3);border-radius:.75rem;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.filter-btn:hover{border-color:#58cc02;background:#58cc0233}.filter-btn.active{background:#58cc02;color:#000;border-color:#58cc02}.language-filter{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap;padding:1rem;background:#58cc020d;border-radius:1rem;border:1px solid rgba(88,204,2,.2)}.lang-btn{padding:.6rem 1.2rem;background:#ffffff0d;color:#ffffffb3;border:2px solid rgba(255,255,255,.1);border-radius:.5rem;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s ease}.lang-btn:hover{color:#58cc02;border-color:#58cc02;background:#58cc021a}.lang-btn.active{background:#58cc024d;color:#58cc02;border-color:#58cc02;transform:scale(1.05)}.ranking-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:3rem;max-width:1200px;margin-left:auto;margin-right:auto}.stats-card{padding:1.5rem;background:linear-gradient(135deg,#58cc021a,#58cc020d);border:2px solid rgba(88,204,2,.2);border-radius:1rem;text-align:center}.stats-card h3{margin:0 0 .75rem;color:#ffffffb3;font-size:.9rem;text-transform:uppercase}.stat-value{margin:0;font-size:2rem;font-weight:700;color:#58cc02}.leaderboard{max-width:1200px;margin:0 auto 3rem;border-radius:1.5rem;overflow:hidden;border:2px solid rgba(88,204,2,.2)}.leaderboard-header{display:grid;grid-template-columns:80px 1fr 150px 100px;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#58cc0226,#58cc020d);border-bottom:2px solid rgba(88,204,2,.2);font-weight:700;color:#58cc02;text-transform:uppercase;font-size:.9rem}.leaderboard-row{display:grid;grid-template-columns:80px 1fr 150px 100px;gap:1rem;padding:1.5rem;background:#0003;border-bottom:1px solid rgba(88,204,2,.1);align-items:center;transition:all .3s ease}.leaderboard-row:hover{background:#58cc021a}.leaderboard-row.rank-first{background:linear-gradient(90deg,#ffc10733,#0003);border-bottom:1px solid rgba(255,193,7,.2)}.leaderboard-row.rank-second{background:linear-gradient(90deg,#c0c0c033,#0003);border-bottom:1px solid rgba(192,192,192,.2)}.leaderboard-row.rank-third{background:linear-gradient(90deg,#cd7f3233,#0003);border-bottom:1px solid rgba(205,127,50,.2)}.rank-col{font-size:1.5rem;text-align:center}.medal{font-size:1.5rem}.name-col{flex:1}.user-info{display:flex;align-items:center;gap:1rem}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#58cc02,#10b981);display:flex;align-items:center;justify-content:center;font-weight:700;color:#000;font-size:1.1rem}.name{font-weight:500;color:#fff}.stats-col{text-align:center}.stat{font-weight:700;color:#58cc02}.badge-col{text-align:center;font-size:1.5rem}.ranking-info{max-width:1200px;margin:0 auto}.ranking-info h2{font-size:2rem;text-align:center;margin-bottom:2rem;background:linear-gradient(135deg,#58cc02,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.info-box{padding:1.5rem;background:linear-gradient(135deg,#10b9811a,#58cc020d);border:2px solid rgba(16,185,129,.2);border-radius:1rem;text-align:center}.info-title{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem;color:#10b981}.info-title h3{margin:0;font-size:1.1rem}.info-box p{color:#ffffffb3;margin:0;line-height:1.5;font-size:.95rem}@media(max-width:768px){.ranking-header{flex-direction:column;align-items:flex-start}.leaderboard-header,.leaderboard-row{grid-template-columns:60px 1fr 80px;gap:.5rem}.stats-col{font-size:.85rem}.badge-col{display:none}}.lessons-page{max-width:1000px;margin:0 auto;padding:40px 20px}.lessons-header{margin-bottom:40px}.lessons-header h1{font-size:2.2rem;margin-bottom:8px}.lessons-header p{color:var(--text-muted)}.tracks-list{display:flex;flex-direction:column;gap:16px}.track-row{display:flex;align-items:center;justify-content:space-between;padding:24px;border-radius:16px;cursor:pointer;transition:all .2s ease}.track-row:hover{transform:translate(10px);border-color:var(--primary);background:#58cc020d}.track-main-info{display:flex;align-items:center;gap:20px}.track-text h3{font-size:1.3rem;margin-bottom:4px}.track-tag{font-size:.75rem;font-weight:700;color:var(--primary);text-transform:uppercase;background:#58cc021a;padding:2px 8px;border-radius:4px}.track-stats{display:flex;align-items:center;gap:32px}.progress-mini{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-weight:600}.database-page{max-width:1100px;margin:0 auto;padding:40px 20px}.db-header{margin-bottom:40px}.db-header h1{font-size:2.2rem;margin-bottom:8px}.db-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px}.sql-editor{display:flex;flex-direction:column;height:400px;border-radius:16px;overflow:hidden}.editor-header,.preview-header{padding:12px 20px;background:#ffffff0d;display:flex;align-items:center;gap:10px;font-weight:600;font-size:.9rem;color:var(--text-muted)}.sql-editor textarea{flex:1;background:transparent;border:none;padding:20px;color:#fff;font-family:Fira Code,monospace;font-size:1rem;resize:none;outline:none}.editor-actions{padding:16px 20px;background:#0003;display:flex;justify-content:flex-end;gap:12px}.reset-btn{background:#ffffff1a;color:#fff;border:none;padding:8px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600}.run-btn{background:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:700}.db-preview{height:400px;border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.table-wrapper{flex:1;overflow:auto;padding:20px}table{width:100%;border-collapse:collapse}th{text-align:left;padding:12px;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.1)}td{padding:12px;font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.05)}.highlight{color:var(--primary);font-weight:600}.db-error{padding:20px;color:#ff4b4b;background:#ff4b4b1a;margin:20px;border-radius:8px}.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.tip-card{padding:20px;border-radius:12px;cursor:pointer;transition:all .2s}.tip-card:hover{border-color:var(--primary);background:#58cc020d}.tip-card h4{margin-bottom:8px;color:var(--primary)}.tip-card p{font-size:.9rem;color:var(--text-muted)}.tip-card code{color:#fff;background:#ffffff1a;padding:2px 6px;border-radius:4px}.api-hub-page{max-width:1200px;margin:0 auto;padding:40px 20px}.api-header{margin-bottom:40px}.api-header h1{font-size:2.2rem;margin-bottom:8px}.api-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:40px}.api-card{padding:24px;border-radius:16px;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;gap:12px}.api-card:hover{transform:translateY(-4px);border-color:var(--primary)}.api-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.api-card h3{font-size:1.2rem;margin:0}.api-card p{color:var(--text-muted);font-size:.9rem;flex:1}.api-meta{display:flex;gap:8px;flex-wrap:wrap}.category-tag,.auth-tag{font-size:.75rem;padding:4px 10px;border-radius:6px;background:#ffffff1a;color:var(--text-muted)}.api-tester{padding:32px;border-radius:16px}.tester-header{display:flex;align-items:center;gap:10px;margin-bottom:24px;color:var(--primary)}.url-input-group{display:flex;gap:12px;margin-bottom:24px}.url-input-group input{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.1);padding:12px 16px;border-radius:8px;color:#fff;font-family:Fira Code,monospace;font-size:.9rem}.copy-btn,.test-btn{padding:12px 20px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:600;transition:all .2s}.copy-btn{background:#ffffff1a;color:#fff}.test-btn{background:var(--primary);color:#fff}.test-btn:disabled{opacity:.5;cursor:not-allowed}.response-box{border-radius:12px;overflow:hidden}.response-box.success{border:1px solid var(--primary)}.response-box.error{border:1px solid #ff4b4b}.response-header{padding:12px 16px;background:#0000004d;font-weight:600;font-size:.9rem}.response-box pre{padding:20px;background:#00000080;color:#fff;font-family:Fira Code,monospace;font-size:.85rem;overflow-x:auto;margin:0;max-height:400px;overflow-y:auto}.roadmaps-page{max-width:1200px;margin:0 auto;padding:40px 20px}.roadmaps-header{margin-bottom:40px}.roadmaps-header h1{font-size:2.2rem;margin-bottom:8px}.roadmap-selector{display:flex;gap:12px;margin-bottom:40px;flex-wrap:wrap}.roadmap-btn{padding:12px 24px;background:#ffffff0d;border:2px solid transparent;border-radius:12px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:600;transition:all .3s}.roadmap-btn:hover{background:#ffffff1a}.roadmap-btn.active{background:#ffffff26}.roadmap-title{text-align:center;margin-bottom:40px}.roadmap-title h2{font-size:2rem;margin-bottom:8px}.roadmap-stages{display:flex;flex-direction:column;gap:32px;position:relative}.stage-card{padding:32px;border-radius:16px;position:relative}.stage-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.stage-number{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:#000}.stage-info h3{font-size:1.4rem;margin-bottom:4px}.level-badge{font-size:.85rem;padding:4px 12px;background:#ffffff1a;border-radius:6px;color:var(--text-muted)}.skills-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.skill-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0003;border-radius:8px;font-size:.95rem}.stage-arrow{position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}.glossary-page{max-width:1200px;margin:0 auto;padding:40px 20px}.glossary-header{margin-bottom:32px}.glossary-header h1{font-size:2.2rem;margin-bottom:8px}.search-box{padding:16px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;margin-bottom:32px}.search-box input{flex:1;background:transparent;border:none;color:#fff;font-size:1rem;outline:none}.glossary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.glossary-card{padding:24px;border-radius:12px;transition:all .3s}.glossary-card:hover{border-color:var(--primary);transform:translateY(-2px)}.term-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.term-header h3{font-size:1.2rem;color:var(--primary);margin:0}.glossary-card p{color:var(--text-muted);line-height:1.6;font-size:.95rem}.no-results{text-align:center;padding:60px 20px;color:var(--text-muted)}.glass-card{background:#14171eb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}input:focus{outline:none;border-color:#58cc02!important;box-shadow:0 0 20px #58cc024d;transition:all .3s ease}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #58cc0233}button:active:not(:disabled){transform:translateY(0)}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideSuccess{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}button:disabled{opacity:.5;cursor:not-allowed}input:disabled{opacity:.6;cursor:not-allowed}label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500}form{display:flex;flex-direction:column;gap:1.25rem}input{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:#0000004d;color:#fff;font-size:1rem;transition:all .3s ease}input::-moz-placeholder{color:#fff6}input::placeholder{color:#fff6}.password-requirement{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.75rem;color:#fff9;transition:color .3s ease}.password-requirement.met{color:#58cc02}@media(max-width:640px){.glass-card{padding:1.25rem;border-radius:1.5rem}input{padding:.65rem .85rem;font-size:.95rem}button{padding:.55rem .9rem;font-size:.9rem}label{font-size:.8rem}h1{font-size:1.1rem}}@media(min-width:641px)and (max-width:1024px){.glass-card{padding:1.75rem}input{padding:.7rem .95rem;font-size:.98rem}}@media(min-width:1025px){.glass-card{padding:2rem}button:hover:not(:disabled){transform:translateY(-3px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}a{color:#58cc02;text-decoration:none;transition:all .3s ease}a:hover{text-decoration:underline;color:#46a302}svg{transition:all .3s ease}button:hover:not(:disabled) svg{transform:scale(1.1)}@media(max-width:480px){html{font-size:14px}}@media(min-width:481px)and (max-width:768px){html{font-size:15px}}@media(min-width:769px){html{font-size:16px}}.typing-challenge{width:100%;max-width:600px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#58cc021a,#58cc020d);border-radius:1.5rem;border:2px solid rgba(88,204,2,.3)}.typing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(88,204,2,.2)}.timer{font-size:2rem;font-weight:700;color:#58cc02}.stats-row{display:flex;gap:1rem;font-size:.9rem;color:#ffffffb3}.typing-content{text-align:center}.current-word{font-size:4rem;font-weight:700;color:#58cc02;margin:2rem 0;font-family:Courier New,monospace;letter-spacing:.2em}.typing-input{width:100%;padding:1rem;font-size:1.2rem;border:2px solid rgba(88,204,2,.3);border-radius:.75rem;background:#0000004d;color:#fff;font-family:Courier New,monospace;margin-bottom:1rem;transition:all .3s ease}.typing-input:focus{outline:none;border-color:#58cc02;box-shadow:0 0 20px #58cc0266}.typing-input.correct{border-color:#10b981;background:#10b9811a}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-top:1rem}.progress-fill{height:100%;background:linear-gradient(90deg,#58cc02,#10b981);transition:width .1s linear}.typing-game-result{text-align:center;padding:2rem;background:linear-gradient(135deg,#58cc0226,#10b9811a);border-radius:1.5rem;border:2px solid rgba(88,204,2,.3)}.typing-game-result h2{font-size:2rem;color:#58cc02;margin-bottom:2rem}.result-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.stat .value{font-size:2rem;font-weight:700;color:#58cc02}.typing-game-result button{padding:.75rem 2rem;background:#58cc02;color:#000;border:none;border-radius:.75rem;font-weight:700;cursor:pointer;transition:all .3s ease}.typing-game-result button:hover{background:#46a302;transform:translateY(-2px)}@media(max-width:640px){.typing-challenge{padding:1rem}.current-word{font-size:2.5rem}.stats-row{flex-direction:column;gap:.5rem;font-size:.8rem}.result-stats{grid-template-columns:1fr}}.logic-quiz{width:100%;max-width:700px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#58cc021a,#58cc020d);border-radius:1.5rem;border:2px solid rgba(88,204,2,.3)}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(88,204,2,.2)}.progress{flex:1;margin-right:2rem}.progress-text{font-size:.9rem;color:#ffffffb3;margin-bottom:.5rem}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.score{font-size:1.2rem;font-weight:700;color:#58cc02;white-space:nowrap}.quiz-content{display:flex;flex-direction:column;gap:2rem}.question{font-size:1.3rem;color:#fff;margin:0;line-height:1.6}.options{display:grid;grid-template-columns:1fr;gap:1rem}.option{padding:1.2rem;background:#0000004d;border:2px solid rgba(88,204,2,.2);border-radius:.75rem;color:#fff;font-size:1rem;cursor:pointer;text-align:left;transition:all .3s ease;font-family:Courier New,monospace;word-break:break-word}.option:not(:disabled):hover{border-color:#58cc02;background:#58cc021a;transform:translate(4px)}.option:disabled{cursor:not-allowed}.option.correct{border-color:#10b981;background:#10b98133;color:#10b981}.option.wrong{border-color:#ef4444;background:#ef444433;color:#fca5a5}.explanation{padding:1.5rem;background:#58cc0226;border-radius:.75rem;border-left:4px solid #58cc02;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.explanation-title{font-size:1.1rem;font-weight:700;color:#58cc02;margin:0 0 .5rem}.explanation-text{color:#ffffffe6;margin:0 0 1rem;line-height:1.6}.next-btn{padding:.75rem 2rem;background:#58cc02;color:#000;border:none;border-radius:.5rem;font-weight:700;cursor:pointer;transition:all .3s ease;align-self:flex-end}.next-btn:hover{background:#46a302;transform:translateY(-2px)}.logic-quiz-result{text-align:center;padding:2rem;background:linear-gradient(135deg,#58cc0226,#10b9811a);border-radius:1.5rem;border:2px solid rgba(88,204,2,.3)}.logic-quiz-result h2{font-size:2rem;color:#58cc02;margin:0 0 2rem}.feedback{font-size:1.1rem;color:#ffffffe6;margin-bottom:1.5rem;line-height:1.6}.logic-quiz-result button{padding:.75rem 2rem;background:#58cc02;color:#000;border:none;border-radius:.75rem;font-weight:700;cursor:pointer;transition:all .3s ease}.logic-quiz-result button:hover{background:#46a302;transform:translateY(-2px)}@media(max-width:640px){.logic-quiz{padding:1rem}.quiz-header{flex-direction:column;align-items:flex-start;gap:1rem}.question{font-size:1.1rem}.result-stats{grid-template-columns:1fr}}.memory-game{width:100%;max-width:600px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#58cc021a,#58cc020d);border-radius:1.5rem;border:2px solid rgba(88,204,2,.3)}.game-header{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(88,204,2,.2)}.game-stat{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:#0003;border-radius:.75rem;border:1px solid rgba(88,204,2,.2)}.game-stat .label{font-size:.8rem;color:#fff9;margin-bottom:.25rem}.game-stat .value{font-size:1.5rem;font-weight:700;color:#58cc02}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:2rem}.progress-fill{height:100%;background:linear-gradient(90deg,#58cc02,#10b981);transition:width .3s ease}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.card{aspect-ratio:1;cursor:pointer;perspective:1000px}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;border-radius:.75rem;border:2px solid rgba(88,204,2,.3);font-weight:700;font-size:2rem;transition:all .3s ease}.card-front{background:linear-gradient(135deg,#58cc0233,#58cc020d);color:#58cc02}.card:hover .card-front{border-color:#58cc02;background:#58cc0226}.card-back{background:linear-gradient(135deg,#10b98133,#58cc021a);transform:rotateY(180deg)}.memory-game-result{text-align:center;padding:2rem;background:linear-gradient(135deg,#58cc0226,#10b9811a);border-radius:1.5rem;border:2px solid rgba(88,204,2,.3)}.memory-game-result h2{font-size:2rem;color:#58cc02;margin:0 0 2rem}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.stat{display:flex;flex-direction:column;padding:1rem;background:#0000004d;border-radius:.75rem;border:1px solid rgba(88,204,2,.2)}.stat .label{font-size:.85rem;color:#fff9;margin-bottom:.5rem}.feedback{font-size:1.1rem;color:#ffffffe6;margin-bottom:1.5rem}.memory-game-result button{padding:.75rem 2rem;background:#58cc02;color:#000;border:none;border-radius:.75rem;font-weight:700;cursor:pointer;transition:all .3s ease}.memory-game-result button:hover{background:#46a302;transform:translateY(-2px)}@media(max-width:640px){.memory-game{padding:1rem}.cards-grid{grid-template-columns:repeat(3,1fr)}.game-header{grid-template-columns:1fr;gap:.5rem}.result-stats{grid-template-columns:1fr}}.reflex-game{width:100%;max-width:600px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#58cc021a,#58cc020d);border-radius:1.5rem;border:2px solid rgba(88,204,2,.3);text-align:center}.reflex-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding:1rem;background:#0003;border-radius:.75rem}.round-counter{display:flex;flex-direction:column;align-items:center}.round-counter .label{font-size:.8rem;color:#fff9;margin-bottom:.25rem}.round-counter .value{font-size:1.5rem;font-weight:700;color:#58cc02}.status{font-size:1.2rem;font-weight:700;padding:.5rem 1.5rem;border-radius:.5rem}.status .waiting{color:#f59e0b;background:#f59e0b1a}.status .ready{color:#10b981;background:#10b9811a;animation:pulse .5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.reflex-box{width:200px;height:200px;margin:2rem auto;border-radius:1.5rem;display:flex;align-items:center;justify-content:center;font-size:4rem;cursor:pointer;transition:all .1s ease;border:3px solid rgba(255,255,255,.1)}.reflex-box:hover{border-color:#ffffff4d;box-shadow:0 0 30px #58cc0266}.reflex-box:active{transform:scale(.95)}.instruction{font-size:1.1rem;color:#fffc;margin:2rem 0}.reflex-intro{width:100%;max-width:600px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#58cc021a,#58cc020d);border-radius:1.5rem;border:2px solid rgba(88,204,2,.3);text-align:center}.reflex-intro h2{font-size:2rem;color:#58cc02;margin:0 0 1rem}.reflex-intro p{color:#ffffffb3;margin:0 0 2rem;font-size:1.1rem}.instructions{background:#0003;padding:1.5rem;border-radius:1rem;border-left:4px solid #58cc02;text-align:left;margin-bottom:2rem}.instructions h3{color:#58cc02;margin:0 0 1rem}.instructions ol{margin:0;padding-left:1.5rem;color:#fffc}.instructions li{margin-bottom:.5rem}.start-button{padding:1rem 2rem;background:#58cc02;color:#000;border:none;border-radius:.75rem;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.start-button:hover{background:#46a302;transform:translateY(-2px);box-shadow:0 5px 15px #58cc0266}.reflex-result{width:100%;max-width:600px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#58cc0226,#10b9811a);border-radius:1.5rem;border:2px solid rgba(88,204,2,.3);text-align:center}.reflex-result h2{font-size:2rem;color:#58cc02;margin:0 0 1.5rem}.warning{padding:1rem;background:#ef44441a;border:2px solid rgba(239,68,68,.3);border-radius:.75rem;color:#fca5a5;margin:1rem 0;font-size:1.1rem}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.stat{display:flex;flex-direction:column;padding:1.5rem;background:#0000004d;border-radius:.75rem;border:1px solid rgba(88,204,2,.2)}.stat .label{font-size:.85rem;color:#fff9;margin-bottom:.5rem;text-transform:uppercase}.stat .value{font-size:1.8rem;font-weight:700;color:#58cc02}.feedback{font-size:1.2rem;color:#ffffffe6;margin:1.5rem 0;font-weight:700}.play-again-button{padding:.75rem 2rem;background:#58cc02;color:#000;border:none;border-radius:.75rem;font-weight:700;cursor:pointer;transition:all .3s ease}.play-again-button:hover{background:#46a302;transform:translateY(-2px)}@media(max-width:640px){.reflex-game,.reflex-intro,.reflex-result{padding:1rem}.reflex-box{width:150px;height:150px;font-size:2.5rem;margin:1.5rem auto}.result-stats{grid-template-columns:1fr}.instructions{font-size:.9rem}}.games-page{min-height:100vh;padding:2rem 1rem;background:linear-gradient(135deg,#0a0e27,#16213e);color:#fff}.games-header{text-align:center;margin-bottom:4rem}.games-header h1{font-size:3rem;margin:0 0 1rem;background:linear-gradient(135deg,#58cc02,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.games-header p{font-size:1.1rem;color:#ffffffb3;margin:0}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:4rem;max-width:1200px;margin-left:auto;margin-right:auto}.game-card{padding:2rem;background:linear-gradient(135deg,#58cc021a,#58cc020d);border:2px solid rgba(88,204,2,.2);border-radius:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.game-card:hover{border-color:#58cc02;background:linear-gradient(135deg,#58cc0226,#58cc0214);box-shadow:0 0 30px #58cc024d}.game-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,#58cc0233,#10b9811a);border-radius:1rem;margin-bottom:1rem;color:#58cc02}.game-card h3{font-size:1.4rem;margin:0 0 .75rem;color:#fff}.description{font-size:.95rem;color:#ffffffb3;margin:0 0 1.5rem;line-height:1.5;flex-grow:1}.game-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:#0003;border-radius:.75rem;border-left:3px solid #58cc02}.info-item{display:flex;justify-content:space-between;font-size:.9rem}.info-item .label{color:#fff9}.info-item .value{color:#58cc02;font-weight:700}.value.difficulty{color:#f59e0b}.value.rewards{color:#10b981}.play-button{padding:.75rem 1.5rem;background:#58cc02;color:#000;border:none;border-radius:.75rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;width:100%}.play-button:hover{background:#46a302;transform:translateY(-2px);box-shadow:0 5px 15px #58cc0266}.games-info{max-width:1200px;margin:0 auto}.games-info h2{font-size:2rem;text-align:center;margin-bottom:2rem;background:linear-gradient(135deg,#58cc02,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.info-card{padding:1.5rem;background:linear-gradient(135deg,#10b9811a,#58cc020d);border:2px solid rgba(16,185,129,.2);border-radius:1rem;text-align:center}.info-card h4{color:#10b981;margin:0 0 .75rem;font-size:1.1rem}.info-card p{color:#ffffffb3;margin:0;font-size:.95rem;line-height:1.5}.games-player{min-height:100vh;padding:2rem 1rem;background:linear-gradient(135deg,#0a0e27,#16213e);color:#fff}.back-button{margin-bottom:2rem;padding:.75rem 1.5rem;background:#58cc0233;color:#58cc02;border:2px solid #58cc02;border-radius:.5rem;font-weight:700;cursor:pointer;transition:all .3s ease}.back-button:hover{background:#58cc02;color:#000}@media(max-width:768px){.games-page{padding:1rem}.games-header h1{font-size:2rem}.games-grid{grid-template-columns:1fr;gap:1.5rem}.games-info h2{font-size:1.5rem}.info-cards{grid-template-columns:1fr}}