@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&family=Roboto+Condensed:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap&subset=cyrillic";/*! tailwindcss v4.1.18 | 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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight: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-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;--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%}}}@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-amber-100:oklch(96.2% .059 95.617);--color-amber-300:oklch(87.9% .169 91.605);--color-blue-700:oklch(48.8% .243 264.376);--color-indigo-700:oklch(45.7% .24 277.023);--color-gray-300:oklch(87.2% .01 258.338);--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-white:#fff;--spacing:.25rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-2xl:1rem;--drop-shadow-sm:0 1px 2px #00000026;--ease-in-out:cubic-bezier(.4,0,.2,1);--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;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}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::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}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-2{top:calc(var(--spacing)*2)}.top-\[40px\]{top:40px}.top-full{top:100%}.-right-2{right:calc(var(--spacing)*-2)}.right-1\/2{right:50%}.right-3{right:calc(var(--spacing)*3)}.right-\[75\%\]{right:75%}.-bottom-1{bottom:calc(var(--spacing)*-1)}.-bottom-12{bottom:calc(var(--spacing)*-12)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-1{bottom:calc(var(--spacing)*1)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-12{bottom:calc(var(--spacing)*12)}.bottom-42{bottom:calc(var(--spacing)*42)}.bottom-49{bottom:calc(var(--spacing)*49)}.bottom-51{bottom:calc(var(--spacing)*51)}.bottom-\[-1em\]{bottom:-1em}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-\[2\.5em\]{left:2.5em}.left-\[3\%\]{left:3%}.left-\[73\%\]{left:73%}.-z-10{z-index:-10}.-z-20{z-index:-20}.z-0{z-index:0}.z-10{z-index:10}.z-30{z-index:30}.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}}.mx-auto{margin-inline:auto}.-mt-2\.5{margin-top:calc(var(--spacing)*-2.5)}.-mt-33{margin-top:calc(var(--spacing)*-33)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-15{margin-top:calc(var(--spacing)*15)}.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-15{margin-bottom:calc(var(--spacing)*15)}.mb-40{margin-bottom:calc(var(--spacing)*40)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.aspect-square{aspect-ratio:1}.h-3\/4{height:75%}.h-5{height:calc(var(--spacing)*5)}.h-10{height:calc(var(--spacing)*10)}.h-15{height:calc(var(--spacing)*15)}.h-40{height:calc(var(--spacing)*40)}.h-43{height:calc(var(--spacing)*43)}.h-65{height:calc(var(--spacing)*65)}.h-\[6rem\]{height:6rem}.h-\[80\%\]{height:80%}.h-\[150px\]{height:150px}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[6em\]{max-height:6em}.max-h-\[300px\]{max-height:300px}.max-h-full{max-height:100%}.min-h-\[10em\]{min-height:10em}.min-h-\[310px\]{min-height:310px}.min-h-\[480px\]{min-height:480px}.w-3\/4{width:75%}.w-5{width:calc(var(--spacing)*5)}.w-10{width:calc(var(--spacing)*10)}.w-15{width:calc(var(--spacing)*15)}.w-24{width:calc(var(--spacing)*24)}.w-28{width:calc(var(--spacing)*28)}.w-36{width:calc(var(--spacing)*36)}.w-40{width:calc(var(--spacing)*40)}.w-90{width:calc(var(--spacing)*90)}.w-\[6rem\]{width:6rem}.w-\[10em\]{width:10em}.w-\[88\%\]{width:88%}.w-\[120px\]{width:120px}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[250px\]{max-width:250px}.max-w-\[300px\]{max-width:300px}.max-w-\[350px\]{max-width:350px}.max-w-\[800px\]{max-width:800px}.max-w-\[1000px\]{max-width:1000px}.max-w-\[1200px\]{max-width:1200px}.max-w-full{max-width:100%}.min-w-\[16em\]{min-width:16em}.min-w-\[170px\]{min-width:170px}.min-w-\[190px\]{min-width:190px}.min-w-\[350px\]{min-width:350px}.origin-bottom{transform-origin:bottom}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-1\/2{--tw-translate-x: 50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-x-\[-1\]{--tw-scale-x:-1;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-\[1\.9\]{scale:1.9}.rotate-180{rotate:180deg}.rotate-\[-45deg\]{rotate:-45deg}.rotate-\[45deg\]{rotate:45deg}.rotate-y-180{--tw-rotate-y:rotateY(180deg);transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-40{gap:calc(var(--spacing)*40)}.gap-\[10rem\]{gap:10rem}.gap-x-8{column-gap:calc(var(--spacing)*8)}.gap-y-20{row-gap:calc(var(--spacing)*20)}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[1\.5em\]{border-radius:1.5em}.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-4{border-style:var(--tw-border-style);border-width:4px}.border-6{border-style:var(--tw-border-style);border-width:6px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-300{border-color:var(--color-amber-300)}.border-gray-300{border-color:var(--color-gray-300)}.border-transparent{border-color:#0000}.border-t-gray-800{border-top-color:var(--color-gray-800)}.bg-\[\#6abf69\]{background-color:#6abf69}.bg-\[\#B7DFFB\]{background-color:#b7dffb}.bg-amber-100{background-color:var(--color-amber-100)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-white{background-color:var(--color-white)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.px-0{padding-inline:calc(var(--spacing)*0)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0{padding-block:calc(var(--spacing)*0)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-6{padding-block:calc(var(--spacing)*6)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-20{padding-top:calc(var(--spacing)*20)}.pt-25{padding-top:calc(var(--spacing)*25)}.pt-65{padding-top:calc(var(--spacing)*65)}.pt-\[150px\]{padding-top:150px}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-20{padding-bottom:calc(var(--spacing)*20)}.pb-\[60px\]{padding-bottom:60px}.text-center{text-align:center}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--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-\[0\.9rem\]{font-size:.9rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[1\.1rem\]{font-size:1.1rem}.text-\[1em\]{font-size:1em}.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)}.whitespace-nowrap{white-space:nowrap}.\!text-white{color:var(--color-white)!important}.text-\[\#085991\]{color:#085991}.text-gray-700{color:var(--color-gray-700)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.opacity-80{opacity:.8}.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)}.shadow-\[0px_2px_2px_0px_\#1a4766\,0px_2px_8px_0px_\#3083bb\]{--tw-shadow:0px 2px 2px 0px var(--tw-shadow-color,#1a4766),0px 2px 8px 0px var(--tw-shadow-color,#3083bb);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)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-white{--tw-ring-color:var(--color-white)}.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,)}.drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm));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,-webkit-backdrop-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))}.transition-opacity{transition-property:opacity;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}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.backface-hidden{backface-visibility:hidden}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.peer-checked\:rotate-0:is(:where(.peer):checked~*),.peer-checked\:rotate-\[0deg\]:is(:where(.peer):checked~*){rotate:none}.peer-has-\[\:checked\]\:rotate-\[-160deg\]:is(:where(.peer):has(:checked)~*){rotate:-160deg}.visited\:\!text-white:visited{color:var(--color-white)!important}@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\:scale-103:hover{--tw-scale-x:103%;--tw-scale-y:103%;--tw-scale-z:103%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:rotate-\[-40deg\]:hover{rotate:-40deg}.hover\:rotate-\[40deg\]:hover{rotate:40deg}.hover\:bg-gray-800:hover{background-color:var(--color-gray-800)}.hover\:from-blue-700:hover{--tw-gradient-from:var(--color-blue-700);--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))}.hover\:to-indigo-700:hover{--tw-gradient-to:var(--color-indigo-700);--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))}.hover\:\!text-\[\#2e4d30\]:hover{color:#2e4d30!important}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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\:\!text-white:focus{color:var(--color-white)!important}.focus\:text-white:focus{color:var(--color-white)}.active\:\!text-white:active{color:var(--color-white)!important}.active\:text-white:active{color:var(--color-white)}@media(min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:min-w-\[180px\]{min-width:180px}.sm\:scale-\[1\.7\]{scale:1.7}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-10{gap:calc(var(--spacing)*10)}.sm\:gap-15{gap:calc(var(--spacing)*15)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:px-8{padding-inline:calc(var(--spacing)*8)}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:48rem){.md\:scale-\[1\.8\]{scale:1.8}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:justify-end{justify-content:flex-end}.md\:justify-start{justify-content:flex-start}.md\:gap-14{gap:calc(var(--spacing)*14)}.md\:px-16{padding-inline:calc(var(--spacing)*16)}.md\:text-right{text-align:right}}@media(min-width:64rem){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}}@media(min-width:80rem){.xl\:px-32{padding-inline:calc(var(--spacing)*32)}}}*{box-sizing:border-box}html,body{width:100%;height:100vh;margin:0;padding:0;font-family:Rubik,sans-serif;overflow:hidden scroll}body,#root,.app{min-height:100vh;overflow-y:auto!important}#root{width:100%;min-height:100vh;overflow-x:hidden}body{padding-top:60px}a{-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}button{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}body,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{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-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}@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%}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffe190;z-index:9999;display:flex;justify-content:center;align-items:center}.loading-gif{margin-top:60px;width:130px;height:130px;object-fit:contain}.loading-text{font-size:18px;color:#333;margin-top:20px}html{overflow-y:scroll}.navbar-hidden{display:none!important}.no-pointer{cursor:default!important}.navbar-container{position:fixed;background-color:#fff;top:0;left:0;width:100%;height:60px;z-index:999;filter:drop-shadow(0 1.5px 10px rgba(0,0,0,.09))}.navbar-shape{position:absolute;top:0;left:0;width:100%;height:100%}.navbar{display:flex;position:relative;align-items:center;justify-content:space-between;height:60px;width:100%;padding:0 20px}.navbar-logo-container{position:absolute;left:-8px;top:62%;transform:translateY(-50%);display:flex;align-items:center;cursor:pointer}.navbar-logo-circle{height:90px;width:95px;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center}.navbar-logo-image{height:50px;width:50px;object-fit:cover;transition:transform .5s ease}.navbar-logo-image:hover{transform:rotate(360deg)}.navbar-brand{color:#353535;font-size:24px;font-weight:700;white-space:nowrap;margin-left:75px}.navbar-links{list-style:none;display:flex;padding:0;margin:0 0 0 auto;gap:clamp(4px,1.5vw,15px);flex-wrap:nowrap}.navbar-links li{display:flex;align-items:center;justify-content:center;align-self:center;height:100%;margin-right:10px}.navbar-links a{color:#353535;text-decoration:none;padding:8px clamp(7px,1vw,10px);font-size:clamp(14px,1.5vw,16px);border-radius:22px;transition:background-color .3s ease;white-space:nowrap}.navbar-links a:hover{background-color:#f0f0f0}.navbar-links .login-button a{padding:7px clamp(12px,1.2vw,16px);height:40px;border-radius:22px;border-bottom:6px solid #f1485e;background:#f27887;color:#fff;box-shadow:0 4px 4px #00000040}.login-button.with-padlock{display:flex;align-items:center;gap:15px}.navbar-links .login-button a:hover{background:#ffc5cc;border-bottom:6px solid rgb(245,145,158);color:#ee4f64}.relax-navbar .navbar-brand,.relax-navbar .navbar-logo-image{display:none}@media(max-width:768px){.navbar{padding:10px}.navbar-links{gap:1px}.navbar-brand{margin-left:70px;font-size:20px}.navbar-logo-container{left:-10px}.navbar-logo-circle{height:80px;width:85px}.navbar-logo-image{transition:none;height:45px;width:45px}.navbar-logo-image:hover{transform:none}}.back-button-image{width:50px;height:50px;margin-top:5px;object-fit:contain;transition:transform .2s ease}.back-button-image:hover{transform:scale(1.1)}.login-button .disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.padlock-with-message{position:relative;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center}.padlock-message.below{position:absolute;top:110%;left:50%;transform:translate(-50%);margin-top:6px;background:#364052;color:#fff;padding:4px 10px;border-radius:55px;font-size:13px;white-space:nowrap;pointer-events:none;z-index:1001}.padlock-message.persistent{opacity:1;animation:none}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.padlock-message.temporary{animation:fadeInOut 2s forwards;opacity:1}.login-button,.padlock-with-message{-webkit-user-select:none;user-select:none}.parent-logout-section{display:flex;align-items:center;gap:1rem}.greeting-text{font-weight:700;color:#444;white-space:nowrap}.parent-dropdown{position:relative;cursor:pointer}.parent-profile{display:flex;align-items:center;gap:.75rem;padding:0 12px 0 0;border-radius:35px;position:relative;background:#ffffffe6;border:1px solid rgba(0,0,0,.08);transition:all .2s ease;cursor:pointer;flex-direction:row;flex-wrap:nowrap}.parent-profile:hover{background:#fff;border-color:#0000001f;box-shadow:0 2px 8px #00000014}.profile-image{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,1);background-color:#fff;object-fit:cover;flex-shrink:0;transition:transform .2s ease}.parent-profile:hover .profile-image{transform:scale(1.02)}.username-text{font-weight:500;color:#374151;white-space:nowrap;font-size:14px;transition:color .2s ease;flex-shrink:0;min-width:0}.parent-profile:hover .username-text{color:#111827}.dropdown-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:all .2s ease;margin-left:4px;position:relative}.dropdown-icon:before{content:"";width:8px;height:8px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;border-radius:0 0 1px;transform:rotate(45deg);transition:transform .2s ease}.dropdown-icon.rotated:before{transform:rotate(225deg)}.parent-profile:hover .dropdown-icon{color:#6b7280}.parent-profile:hover .dropdown-icon:before{transform:rotate(45deg) translateY(-.5px)}.parent-profile:hover .dropdown-icon.rotated:before{transform:rotate(225deg) translateY(-.5px)}.dropdown-menu{position:absolute;top:calc(100% + 19px);right:0;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:6px 0;min-width:160px;z-index:1010;box-shadow:0 4px 16px #0000001a}.dropdown-menu:before{content:"";position:absolute;top:-6px;right:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white}.dropdown-menu button{background:none;border:none;padding:10px 16px;width:100%;text-align:left;cursor:pointer;font-size:14px;font-weight:400;color:#374151;transition:background-color .15s ease}.dropdown-menu button:hover{background-color:#f9fafb}.dropdown-menu button:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.dropdown-menu button:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:1px solid #f3f4f6;color:#dc2626}.dropdown-menu button:last-child:hover{background-color:#fef2f2}.parent-profile.disabled{opacity:.5;pointer-events:none;cursor:default;background:#f9fafb;border-color:#e5e7eb}.parent-profile.disabled .username-text{color:#9ca3af}.parent-profile.disabled .dropdown-icon{color:#d1d5db}.lock-wrapper{display:flex;align-items:center;padding-left:7px;background:#0000000a;border-radius:28px;height:52px;width:99%;transition:background-color .2s ease}.lock-wrapper:hover{background:#0000000f}@media(max-width:670px){.username-text{display:none}.parent-profile{gap:.5rem;padding:6px 10px 6px 6px}.profile-image{width:36px;height:36px}.dropdown-menu{right:-6px;min-width:140px}.dropdown-menu:before{right:18px}}@media(max-width:480px){.parent-profile{padding:4px 8px 4px 4px}.profile-image{width:32px;height:32px}.dropdown-icon{font-size:9px}}.gameboard-container:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/memory-assets/space7.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.9;z-index:-1}.gameboard-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;overflow:hidden;z-index:0}.gameboard-content{width:100%;max-width:100%;display:flex;justify-content:center;align-items:center;padding:0;flex-grow:1}.gameboard-button:hover{background-color:#555;font-style:bold;color:#fff}.card-back{background-image:url(/memory-assets/border.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-color:#fee8b3;border-radius:.8rem}.transform-style{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0)}}.shake{animation:shake .4s ease}.perspective{max-width:100%;overflow:hidden}.sound-button.reset{position:fixed;top:80px;right:0;width:70px;height:75px;z-index:999}.sound-button.reset .background{background-image:url(/memory-assets/back-reset.png);position:absolute;top:0;right:0;width:92px;height:80px;background-size:contain}.sound-button.reset .note{background-image:url(/memory-assets/reset2.png);position:absolute;top:5px;right:5px;width:70px;height:70px;background-size:contain;background-repeat:no-repeat;transition:transform .7s ease}.sound-button.reset:hover .note{transform:rotate(-180deg)}@media(max-width:1100px){.gameboard-container{justify-content:flex-start;overflow-y:auto}.gameboard-content{align-items:flex-start;padding-top:110px;padding-bottom:2rem}}@keyframes drop-star{0%{top:-200px;opacity:1}50%{opacity:.8}to{top:130vh;opacity:.5}}.win-star{position:absolute;top:-200px;opacity:1;animation:drop-star 3s ease-in forwards;pointer-events:none}@keyframes reset-flip-keyframes{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(0)}}.reset-flip{animation:reset-flip-keyframes .5s ease;transform-style:preserve-3d}.drop-circle{width:300px;height:300px;border-radius:50%;margin:20px auto 60px;position:relative;display:flex;justify-content:center;align-items:center;overflow:visible;z-index:-5}.circle-content{width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 20px #0000001a,0 4px 8px #00000026;background:radial-gradient(circle,#fff,#eaeaea);border:5px dashed #aaa;display:flex;justify-content:center;align-items:center}.drag-hover .circle-content{background:radial-gradient(circle,#fff,#fffacd);border:none}.drag-hover{box-shadow:0 0 50px 5px #ffe96e}.spinning-border{position:absolute;top:0;left:0;width:300px;height:300px;border-radius:50%;border:6px dashed #f5c542;animation:spin 8s linear infinite;pointer-events:none;z-index:2;box-sizing:border-box}.drop-circle.correct .circle-content{animation:correctPulse 3s ease-in-out infinite}.drop-circle.correct{animation:pulse 1s}@keyframes correctPulse{0%{background:radial-gradient(circle,#fff,#b7f5a0);border:6px solid #88c057}20%{background:radial-gradient(circle,#fff,#b7f5a0);border:6px solid #88c057}to{background:radial-gradient(circle,#fff,#b7f5a0);border:6px solid #88c057}}@keyframes pulse{0%{box-shadow:0 0 #5faa3db3}50%{box-shadow:0 0 0 20px #00c80000}to{box-shadow:0 0 #00c80000}}.drop-circle.wrong{animation:wrongShake .5s}@keyframes wrongShake{0%{transform:translate(0)}25%{transform:translate(-10px)}50%{transform:translate(10px)}75%{transform:translate(-10px)}to{transform:translate(0)}}.flower-shadow{position:relative;width:150px;height:225px}.matched-flower{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .3s ease}.drop-circle.win{pointer-events:none;opacity:.6;cursor:default}.game-container{position:relative;padding:68px 2rem 2rem;width:100vw;height:100vh;background-image:url(/connect-assets/nature11.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;background-color:#ffffff26;background-blend-mode:lighten;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;box-sizing:border-box}.win-honey{position:absolute;top:-220px;opacity:1;animation:drop-star 3s ease-in forwards;pointer-events:none}@media(max-width:900px){.bee{display:none}}.banner{width:100%;display:flex;align-items:center;justify-content:center;background-color:#b8d6fa;color:#fff;padding:8rem 4rem 4rem;position:relative;overflow:hidden}.banner:before,.banner:after{content:"";position:absolute;left:0;width:100%;height:200%;background-repeat:repeat-x;background-position:center bottom -85px}.banner:before{bottom:0;background-size:450px auto;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="183" height="70" viewBox="0 0 160 70"><circle cx="14" cy="40" r="25" fill="white"/><circle cx="55" cy="30" r="28" fill="white"/><circle cx="90" cy="42" r="22" fill="white"/><circle cx="125" cy="40" r="22" fill="white"/><circle cx="153" cy="50" r="21" fill="white"/></svg>')}.banner:after{bottom:0;background-size:550px auto;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="183" height="70" viewBox="0 0 160 70"><circle cx="14" cy="40" r="25" fill="white"/><circle cx="55" cy="30" r="28" fill="white"/><circle cx="90" cy="42" r="22" fill="white"/><circle cx="125" cy="40" r="22" fill="white"/><circle cx="153" cy="50" r="21" fill="white"/></svg>');opacity:.6}.banner-content{width:100%;max-width:1024px;display:grid;grid-template-columns:2fr 1fr;gap:2.5rem;position:relative;z-index:1;padding-bottom:70px}.banner-left{padding:0 1rem;display:flex;flex-direction:column;justify-content:center;height:100%}.banner-title{font-size:2.5rem;font-weight:700;margin:2rem 0 1rem;color:#769cc9}.banner-description{font-size:20px;margin-bottom:1rem;color:#30436b}.banner-buttons{display:flex;gap:1rem;margin:1rem 0;position:relative}.banner-button{padding:7px 16px;height:56px;width:180px;border-radius:20px;line-height:1.2;border:none;background:#fff;color:#525252;cursor:pointer;box-shadow:0 6px #d9d9d9,0 8px 12px #0000004d;transform:translateY(0);transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1),color .25s ease}.banner-button:hover{transform:translateY(-6px);box-shadow:0 12px #7391d1,0 12px 18px #00000040;color:#7391d1;transition:transform .2s cubic-bezier(.2,.8,.4,1.4),box-shadow .2s cubic-bezier(.2,.8,.4,1.4)}.banner-button:active{transform:translateY(2px);box-shadow:0 3px #7391d1,0 4px 6px #0003}.banner-button:focus{outline:none}.playstore-button{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.5rem;text-align:center;outline:0;transition:all .2s ease;text-decoration:none}.icon{height:1.5rem;width:1.5rem}.texts{margin-left:.5rem;display:flex;flex-direction:column;align-items:flex-start;line-height:1}.text-1{font-size:.75rem;line-height:1rem}.text-2{font-weight:600}.banner-right{position:relative;display:flex;margin-bottom:50px;justify-content:center;align-items:center;z-index:1}.banner-right:before{content:"";position:absolute;width:45vw;height:45vw;max-width:500px;max-height:500px;border-radius:50%;background-image:url(/landing-assets/circles.png);background-size:cover;background-repeat:no-repeat;background-position:center;z-index:-1;aspect-ratio:1 / 1}.banner-right .small-circle-1,.banner-right .small-circle-2,.banner-right .small-circle-3{position:absolute;border-radius:50%;background-color:#92bff5;z-index:-1;aspect-ratio:1 / 1;min-width:15px;min-height:15px}.banner-right .small-circle-1{width:15%;bottom:-2%;left:-25%;animation:floatY 6s ease-in-out infinite}.banner-right .small-circle-2{width:9%;bottom:13%;left:-10%;animation:floatX 5s ease-in-out infinite}.banner-right .small-circle-3{width:15%;top:0%;right:-20%;animation:floatY 7s ease-in-out infinite}.banner-right img{width:70%;height:auto;position:relative;z-index:1}.banner-right .phone-wrapper{position:relative;z-index:2;width:70%;max-width:320px;height:auto;display:flex;align-items:center;justify-content:center}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatX{0%,to{transform:translate(0)}50%{transform:translate(10px)}}@media(max-width:900px){.banner-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.banner-title{font-size:2rem}.banner-description{font-size:1.2rem;padding-bottom:10px}.banner-right{order:3}.banner-right:before{width:90vw;height:90vw;max-width:500px;max-height:500px;aspect-ratio:1 / 1;background-image:url(/landing-assets/circles.png);z-index:0}.banner-right .phone-wrapper{width:60vw;max-width:250px}.banner-right .small-circle-1{width:17%;bottom:-6%;left:-30%}.banner-right .small-circle-2{width:10%;bottom:8%;left:-13%}.banner-right .small-circle-3{width:17%;top:-3%;right:-30%}.banner-buttons{order:2;display:flex;flex-wrap:wrap;justify-content:center;gap:1.8rem;margin-bottom:60px}.banner-right img{width:60vw;max-width:250px}}.phone-wrapper{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease-out forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.phone-wrapper{position:relative;width:320px;height:550px;display:flex;justify-content:center;align-items:center;opacity:0;transform:scale(.95);animation-duration:.5s;animation-fill-mode:forwards;animation-timing-function:ease-in-out}.slide-top-left{animation-name:slideFromTopLeft}.slide-left{animation-name:slideFromLeft}.slide-bottom-left{animation-name:slideFromBottomLeft}.slide-top-right{animation-name:slideFromTopRight}.slide-right{animation-name:slideFromRight}.slide-bottom-right{animation-name:slideFromBottomRight}.background-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;display:flex;justify-content:center;align-items:center}.background-img{object-fit:cover;transform:scale(1.6);opacity:.9}.phone-group{position:relative;display:flex;justify-content:center;align-items:center}.phone-body{position:relative;z-index:10}.side-button{position:absolute;right:-4px;width:8px;border:4px solid black;background:#fff;border-radius:4px;z-index:20}.side-button.top-1{top:72px;height:28px}.side-button.top-2{top:128px;height:28px}.side-button.bottom-1{bottom:144px;height:40px}.phone-screen{position:relative;width:200px;height:430px;background-color:#f8f8f8;border:4px solid black;border-radius:1rem;overflow:hidden;display:flex;justify-content:center;align-items:center;z-index:10}.media{width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;object-fit:cover}.notch{position:absolute;top:0;width:80px;height:8px;background-color:#000;border-radius:0 0 12px 12px;z-index:20}@keyframes slideFromTopLeft{0%{transform:translate(-40px,-40px) scale(.95);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes slideFromLeft{0%{transform:translate(-50px) scale(.95);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes slideFromBottomLeft{0%{transform:translate(-40px,40px) scale(.95);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes slideFromTopRight{0%{transform:translate(40px,-40px) scale(.95);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes slideFromRight{0%{transform:translate(50px) scale(.95);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes slideFromBottomRight{0%{transform:translate(40px,40px) scale(.95);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.floating-shapes{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1}.floating-shape{position:absolute;opacity:.3}.sparkle{height:110px;width:70px;background:#ffc400;mask:radial-gradient(#0000 71%,#000 72%) 10000% 10000%/99.5% 99.5%}.grid-lines{--s: 75px;--n: 4;--t: 2px;--g: 10px;--c: #556270 25%, #0000 0;background:conic-gradient(at var(--g) var(--t),var(--c)) calc((var(--s) / var(--n) - var(--g) + var(--t)) / 2) 0 / calc(var(--s) / var(--n)) var(--s),conic-gradient(from 180deg at var(--t) var(--g),var(--c)) 0 calc((var(--s) / var(--n) - var(--g) + var(--t)) / 2) / var(--s) calc(var(--s) / var(--n));width:calc(round(down,100%,var(--s)) + var(--t));height:calc(4 * var(--s) + var(--t))}.wavy-circle{--s: 150px;width:var(--s);aspect-ratio:1;background:#6084d8;--g: /calc(var(--s) * .287) calc(var(--s) * .287) radial-gradient( 50% 50%, #000 99%, #0000 101% ) no-repeat;mask:calc(50% + var(--s) * .319) calc(50% + var(--s) * 0) var(--g),calc(50% + var(--s) * .099) calc(50% + var(--s) * .304) var(--g),calc(50% + var(--s) * -.258) calc(50% + var(--s) * .188) var(--g),calc(50% + var(--s) * -.258) calc(50% + var(--s) * -.188) var(--g),calc(50% + var(--s) * .099) calc(50% + var(--s) * -.304) var(--g),radial-gradient(calc(var(--s) * .379),#000 99%,#0000 101%) subtract,calc(50% + var(--s) * .384) calc(50% + var(--s) * .279) var(--g),calc(50% + var(--s) * -.147) calc(50% + var(--s) * .452) var(--g),calc(50% + var(--s) * -.475) calc(50% + var(--s) * 0) var(--g),calc(50% + var(--s) * -.147) calc(50% + var(--s) * -.452) var(--g),calc(50% + var(--s) * .384) calc(50% + var(--s) * -.279) var(--g)}.arc{--b: 15px;--a: 240deg;width:250px;aspect-ratio:1;padding:var(--b);border-radius:50%;background:#c0d860;--_g: /var(--b) var(--b) no-repeat radial-gradient(50% 50%, #000 97%, #0000);mask:top var(--_g),calc(50% + 50%*sin(var(--a))) calc(50% - (50%*cos(var(--a)))) var(--_g),linear-gradient(#0000 0 0) content-box intersect,conic-gradient(#000 var(--a),#0000 0)}.newsletter-wrapper{position:relative;z-index:1000;margin-bottom:-210px}.newsletter{display:flex;justify-content:center;align-items:center;min-height:30vh;padding:40px 20px}.newsletter-content{background:#fff;border:3px solid #4caf50;border-radius:25px;padding:30px 40px;max-width:720px;width:100%;box-shadow:0 5px 20px #0000001a;display:flex;align-items:center;gap:40px;flex-wrap:wrap}.newsletter-icon{width:170px;height:auto;flex-shrink:0}.newsletter-text{flex:1;min-width:250px}.newsletter-subtitle{font-weight:500;text-transform:uppercase;letter-spacing:2px;line-height:20%;color:#000;margin:0;font-size:1rem}.newsletter-title{color:#b59cf2;font-size:1.7rem;letter-spacing:3px;margin:5px 0 20px;font-weight:600}.newsletter-form{width:100%}.newsletter-input-group{display:flex;width:100%;max-width:400px;border:1px solid #ccc;border-radius:10px;overflow:hidden}.newsletter-input{flex:1;padding:10px 16px;border:none;outline:none;font-size:1rem}.newsletter-button{padding:0 20px;border-radius:0;background-color:#4caf50;color:#fff;border:none;font-weight:semibold;font-size:.9rem;letter-spacing:1px;cursor:pointer;white-space:nowrap;transition:background-color .3s ease}.newsletter-button:hover{background-color:#45a049}@media(max-width:768px){.newsletter-content{flex-direction:column;text-align:center}.newsletter-input-group{margin:0 auto}}.feature-container{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:40px;padding:30px;margin-bottom:90px}.phone-container{position:relative}.features{display:flex;flex-direction:column;gap:20px}.feature-item{display:flex;align-items:center;gap:15px;padding:15px;cursor:pointer;transition:all .3s ease}.left-features .feature-item:nth-child(2){transform:translate(-40px)}.right-features .feature-item:nth-child(2){transform:translate(40px)}.feature-icon,.mobile-feature-icon{display:flex;justify-content:center;align-items:center;border:3px solid #ddd;border-radius:50%;transition:all .25s cubic-bezier(.25,.46,.45,.94);flex-shrink:0}.feature-icon{width:85px;height:85px;font-size:24px}.mobile-feature-icon{width:75px;height:75px;border:3px solid #ddd;border-radius:50%;display:flex;justify-content:center;align-items:center}.mobile-icon-image{width:60px;height:60px}.icon-image,.mobile-icon-image{max-width:100%;max-height:100%;object-fit:contain;display:block;margin:auto;transition:transform .25s cubic-bezier(.25,.46,.45,.94)}.feature-item:hover .feature-icon,.feature-item:hover .icon-image{transform:scale(1.15)}.feature-text{max-width:200px}.feature-title{font-size:1rem;font-weight:700;color:#555;transition:color .2s ease}.feature-description{font-size:.875rem;color:#555;transition:color .2s ease}.feature-item:hover .feature-title,.feature-item:hover .feature-description{color:#333}.feature-item.selected .feature-icon{transform:scale(1.1)}.mobile-feature-container{display:flex;flex-direction:column;align-items:center;width:100%;padding:20px;margin-bottom:30px}.mobile-carousel{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-bottom:20px}.mobile-features-viewport,.mobile-features-container{width:330px;height:120px;overflow:hidden;position:relative}.mobile-features-track{display:flex;justify-content:center;position:absolute;left:50%;transform:translate(-50%);gap:35px;height:100%;will-change:transform;transition:transform .3s ease-in-out}.mobile-features-track.transitioning{transition:transform .3s ease-in-out}.mobile-feature-item{flex:0 0 80px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;transform:scale(1)}.mobile-feature-item.center{opacity:1;transform:scale(1.25);z-index:2}.mobile-feature-item:not(.center):hover{transform:scale(1.1)}.carousel-arrow{background:none;border:none;font-size:24px;color:#555;cursor:pointer;padding:10px;z-index:1;flex-shrink:0}.mobile-phone-container{margin-top:30px;width:100%;max-width:300px;display:flex;justify-content:center}.mobile-feature-text-container{text-align:center;margin-top:20px}.mobile-feature-title{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:5px}.mobile-feature-description{font-size:1rem;color:#666;margin-top:5px;max-width:500px}@media(max-width:1024px){.feature-container{flex-direction:column;gap:20px}.features{flex-direction:row;flex-wrap:wrap;justify-content:center}.feature-item{flex-direction:column;width:50%;min-width:400px;text-align:center}.feature-text{max-width:100%;text-align:left}.right-features .feature-item{flex-direction:row-reverse;text-align:left}.left-features .feature-item:nth-child(2),.right-features .feature-item:nth-child(2){transform:translate(0)}.phone-container{order:-1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.slide-in-right{animation:slideInRight .3s forwards ease-out;position:absolute;width:100%;top:0;left:0}.slide-out-left{animation:slideOutLeft .3s forwards ease-in;position:absolute;width:100%;top:0;left:0}.slide-in-left{animation:slideInLeft .3s forwards ease-out;position:absolute;width:100%;top:0;left:0}.slide-out-right{animation:slideOutRight .3s forwards ease-in;position:absolute;width:100%;top:0;left:0}.shape-section-wrapper{position:relative}.shapes-container{position:absolute;top:0;left:0;width:10vw;height:100vh;overflow:hidden;z-index:-1000;pointer-events:none}@media(max-width:768px){.floating-shape.hide-mobile{display:none}}html,body{overflow-x:hidden;margin:0;padding:0}html,body{margin:0;padding:0;height:100%;width:100%}.menu-page{min-height:54vh;width:100%;box-sizing:border-box;padding:40px 40px 0;background-color:#fefefe;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23F7A8AE' fill-opacity='0.3'/%3E%3Ccircle cx='60' cy='30' r='2.5' fill='%23FAE2A4' fill-opacity='0.3'/%3E%3Ccircle cx='40' cy='60' r='2' fill='%23BCE3B4' fill-opacity='0.3'/%3E%3Ccircle cx='70' cy='50' r='2' fill='%23B8D6FA' fill-opacity='0.3'/%3E%3Ccircle cx='30' cy='80' r='2.5' fill='%2391D3DA' fill-opacity='0.3'/%3E%3C/svg%3E");background-position:0 -20px;background-repeat:repeat;background-size:200px 200px;overflow-x:hidden}@media(max-width:768px){.menu-page{padding:20px}}.title-heading{font-weight:750;font-size:clamp(36px,8vw,80px);text-align:center;letter-spacing:5px;margin:0;line-height:1.2;word-break:break-word;padding-top:clamp(20px,0vh,60px);padding-bottom:clamp(105px,17vh,105px)}.banner{background-color:#d5e7fd}@media(max-width:1280px){.title-heading{font-size:70px}}@media(max-width:1024px){.title-heading{font-size:65px}}@media(max-width:768px){.title-heading{font-size:60px}}@media(max-width:640px){.title-heading{font-size:55px}}.about-wrapper{min-height:100vh;background:linear-gradient(to bottom right,#fff,#b8d6fa);display:flex;justify-content:center;align-items:flex-start;padding-top:15px}.about-page{max-width:1090px;width:100%;margin-top:80px;padding:20px;text-align:center;font-family:Segoe UI,sans-serif}.about-page h1{font-size:36px;font-weight:500;color:#4d4d4d;margin-bottom:30px}.about-intro{font-size:20px;margin-bottom:50px;color:#333}.team-section{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.team-card{background:#fff;padding:20px;border-radius:16px;box-shadow:0 4px 10px #0000001a;width:250px;transition:transform .3s ease}.team-card:hover{transform:translateY(-5px)}.team-photo{width:100%;height:250px;object-fit:cover;border-radius:12px;margin-bottom:15px}.profile-card{width:350px;background:#fff;display:flex;flex-direction:column;align-items:center;border-radius:20px;box-shadow:0 4px 16px #49494935;padding:32px 40px 30px;margin:150px 20px 20px;text-align:left;font-family:Segoe UI,sans-serif}.flower-border{--s: 280px;position:relative;width:var(--s);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.flower-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#7391d1,#fff);z-index:0;--g: /calc(var(--s) * .28) calc(var(--s) * .28) radial-gradient( 50% 50%, #000 99%, #0000 101% ) no-repeat;mask:calc(50% + var(--s) * .294) calc(50% + var(--s) * .134) var(--g),calc(50% + var(--s) * -.036) calc(50% + var(--s) * .321) var(--g),calc(50% + var(--s) * -.316) calc(50% + var(--s) * .064) var(--g),calc(50% + var(--s) * -.159) calc(50% + var(--s) * -.281) var(--g),calc(50% + var(--s) * .218) calc(50% + var(--s) * -.238) var(--g),radial-gradient(calc(var(--s) * .377),#000 99%,#0000 101%) subtract,calc(50% + var(--s) * .23) calc(50% + var(--s) * .407) var(--g),calc(50% + var(--s) * -.316) calc(50% + var(--s) * .345) var(--g),calc(50% + var(--s) * -.426) calc(50% + var(--s) * -.194) var(--g),calc(50% + var(--s) * .053) calc(50% + var(--s) * -.465) var(--g),calc(50% + var(--s) * .458) calc(50% + var(--s) * -.093) var(--g);-webkit-mask:mask;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;border-color:#fff}.flower{--s: 265px;width:var(--s);aspect-ratio:1;--g: /calc(var(--s) * .28) calc(var(--s) * .28) radial-gradient( 50% 50%, #000 99%, #0000 101% ) no-repeat;mask:calc(50% + var(--s) * .294) calc(50% + var(--s) * .134) var(--g),calc(50% + var(--s) * -.036) calc(50% + var(--s) * .321) var(--g),calc(50% + var(--s) * -.316) calc(50% + var(--s) * .064) var(--g),calc(50% + var(--s) * -.159) calc(50% + var(--s) * -.281) var(--g),calc(50% + var(--s) * .218) calc(50% + var(--s) * -.238) var(--g),radial-gradient(calc(var(--s) * .377),#000 99%,#0000 101%) subtract,calc(50% + var(--s) * .23) calc(50% + var(--s) * .407) var(--g),calc(50% + var(--s) * -.316) calc(50% + var(--s) * .345) var(--g),calc(50% + var(--s) * -.426) calc(50% + var(--s) * -.194) var(--g),calc(50% + var(--s) * .053) calc(50% + var(--s) * -.465) var(--g),calc(50% + var(--s) * .458) calc(50% + var(--s) * -.093) var(--g);-webkit-mask:mask;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-size:cover;background-position:center;border-color:#fff;position:relative;z-index:1}.flower-wrapper{position:absolute;top:-135px;left:50%;transform:translate(-50%);z-index:1}.profile-card{position:relative;padding-top:160px}.profile-info h2{margin:0 0 4px;font-size:1.25em;font-weight:600;text-align:center}.profile-title{color:#5e7d5e;font-size:1em;margin-bottom:10px;text-align:center}.profile-desc{font-size:.97em;color:#444;margin-bottom:18px;text-align:center}.profile-socials{display:flex;gap:16px;justify-content:center}.profile-socials a img{width:22px;height:22px;opacity:.85;transition:opacity .2s}.profile-socials a:hover img{opacity:1}html,body,#root{height:100%;margin:0;padding:0}.aac-page{display:flex;flex-direction:column;height:100vh}.communication-top-content{position:sticky;top:0;z-index:10;display:flex;flex-direction:column;width:100%}.banner.communication-banner{background:linear-gradient(to bottom,#b8d6fa,#d2e3f7,#fff);padding-bottom:0}.banner.communication-banner:before,.banner.communication-banner:after{background-image:none}.aac-container{flex:1;display:flex;flex-direction:column;background-size:200px 200px;background-position:0 -20px;background-repeat:repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23F7A8AE' fill-opacity='0.3'/%3E%3Ccircle cx='60' cy='30' r='2.5' fill='%23FAE2A4' fill-opacity='0.3'/%3E%3Ccircle cx='40' cy='60' r='2' fill='%23BCE3B4' fill-opacity='0.3'/%3E%3Ccircle cx='70' cy='50' r='2' fill='%23B8D6FA' fill-opacity='0.3'/%3E%3Ccircle cx='30' cy='80' r='2.5' fill='%2391D3DA' fill-opacity='0.3'/%3E%3C/svg%3E");overflow:hidden}.slots-container{display:flex;flex-direction:row;align-items:center;margin:0}.slots-controls{display:flex;flex-direction:column;align-items:stretch;margin:-20px 24px 20px;padding:0}.slots{z-index:10;flex:1;display:flex;flex-direction:row;align-items:center;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;font-weight:700;padding:20px 25px;margin-bottom:15px;min-height:190px;border-radius:20px;background:#fff;box-shadow:0 4px 10px #0000001a;scrollbar-width:thin;scrollbar-color:#bbb #eee}.slots::-webkit-scrollbar{height:10px}.slots::-webkit-scrollbar-thumb{background:#bbb;border-radius:5px}.slots::-webkit-scrollbar-track{background:#eee}.slots:empty:before{content:"Нема избрани картички";color:#999;margin:auto}.selected-cards{display:flex;flex-direction:row;flex-wrap:nowrap;gap:26px;scroll-snap-align:center}.card{flex:0 0 auto;scroll-snap-align:center;width:140px;height:140px;padding:15px;border:2px solid #ccc;border-radius:12px;background:#fff;object-fit:contain;cursor:pointer}.card.active-card{border:2px solid #8f96c0;box-shadow:0 0 10px #c7c7c7b3;transform:scale(1.05);transition:all .3s ease}.icon-button{background-image:url(/comms-assets/back.png);background-size:contain;background-repeat:no-repeat;background-position:center;border:none;width:100px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin-bottom:9px}.icon-button img{width:45px;height:45px;margin-left:43px}.icon-button:disabled{opacity:.5;cursor:not-allowed}.slots-buttons-row{margin-bottom:7px;margin-left:-39px;padding:0}@media(max-width:750px){.aac-container{padding-left:0;padding-right:0}.slots-container{flex-direction:column;align-items:stretch}.slots{margin-left:-87px!important;margin-right:0!important;width:100vw!important;border-radius:0;padding:20px 10px}.icon-button{width:60px}.icon-button img{margin:0 0 7px;width:43px;height:43px;padding:0}.slots-buttons-row{order:-1;justify-content:center;display:flex;gap:0px;margin:0;padding:0;width:200px;flex-direction:row;margin-left:clamp(205px,40vw,600px)}.slots-controls{margin-top:-40px;margin-bottom:20px}.slots-buttons-row{display:flex;flex-direction:row;padding:0;margin-bottom:-10px}.icon-button{flex:1;background-image:url(/comms-assets/back_btn.png)}}@media(max-width:480px){.scroll-button{font-size:20px}}.category-scroller-wrapper{position:relative}.category-background-bar{position:fixed;top:390px;left:0;right:0;height:47px;background:#4766a0;box-shadow:0 2px 5px #0000001a;z-index:0}.category-scroller-container{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.scroll-button{background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s;z-index:2;opacity:1}.scroll-button.hidden{opacity:0;pointer-events:none}.scroll-button .arrow-icon{color:#272f38;font-size:24px;transition:transform .2s}.scroll-button:hover .arrow-icon{transform:scale(1.2)}.category-buttons{position:relative;display:flex;flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:clamp(16px,2vw,32px);padding:10px 40px;scroll-snap-type:x mandatory;scroll-behavior:smooth;justify-content:flex-start;scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(to right,transparent 0%,black 40px,black calc(100% - 40px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 40px,black calc(100% - 40px),transparent 100%)}.category-buttons::-webkit-scrollbar{display:none}.category-circle{width:75px;height:75px;aspect-ratio:1 / 1;border-radius:50%;border:2px solid #b0c8e4;background-color:#b0c8e4;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;transition:.3s;box-shadow:0 2px 6px #0000001a;flex-shrink:0}.category-circle.active{border-color:#4766a0;background-color:#e4edf7}.category-circle:hover{transform:scale(1.05)}.category-card-rectangle{height:100%;position:relative;display:grid;width:100%;gap:24px;margin:0 auto;padding:16px 80px 12px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));overflow-y:auto}.category-card{background:#fff;max-height:212px;border:3px solid #4766a054;border-radius:20px;padding:16px 8px 8px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;cursor:pointer;box-shadow:0 2px 5px #0000000d;transition:transform .2s}.category-card:hover{transform:scale(1.03)}.category-card img{width:100%;max-height:150px;padding:8px;object-fit:contain}.category-card div{font-weight:700;color:#555;font-size:16px;text-align:center}.category-icon{width:100%;height:50px;object-fit:cover;align-items:center;display:block;box-sizing:border-box;overflow:visible}.scroll-fade-wrapper{position:relative;height:100%}.fade-top-overlay{position:absolute;top:0;left:0;right:0;height:10px;background:linear-gradient(to bottom,#4766a093,transparent);pointer-events:none;z-index:10;transition:opacity .3s ease}@media(max-width:1024px){.category-card-rectangle{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:20px 30px}}@media(max-width:750px){.category-card-rectangle{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:20px}.aac-container{padding-left:0;padding-right:0}.slots-container{flex-direction:column;align-items:stretch}.slots{margin-left:-87px!important;margin-right:0!important;width:100vw!important;border-radius:0;padding:20px 10px}.icon-button{width:60px}.icon-button img{margin:0 0 7px;width:43px;height:43px;padding:0}.slots-buttons-row{order:-1;justify-content:center;display:flex;gap:0px;margin:0;padding:0;width:200px;flex-direction:row;margin-left:clamp(205px,40vw,600px)}.slots-controls{margin-top:-40px;margin-bottom:20px}.category-buttons{padding:10px 0;margin:0 10px;justify-content:flex-start}.slots-buttons-row{display:flex;flex-direction:row;padding:0;margin-bottom:-10px}.icon-button{flex:1;background-image:url(/comms-assets/back_btn.png)}.category-background-bar{position:fixed;top:420px}}@media(max-width:480px){.category-card-rectangle{padding:10px}.category-buttons{padding:10px 0;margin:0 10px;justify-content:flex-start}.scroll-button{font-size:20px}}@media(min-width:1300px){.category-buttons{mask-image:none;-webkit-mask-image:none;padding:10px 20px;gap:clamp(20px,3vw,40px)}.category-buttons.centered{justify-content:center}.category-buttons.scrollable{justify-content:flex-start;mask-image:linear-gradient(to right,transparent 0%,black 40px,black calc(100% - 40px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 40px,black calc(100% - 40px),transparent 100%);padding:10px 40px}}body,html{margin:0;padding:0;overflow:hidden}.relax-container{position:relative;height:100vh;width:100vw;background:linear-gradient(to top,#216783,#bfe8f5);padding-top:60px;padding-bottom:100px;overflow:hidden;z-index:0}.relax-container:before{content:"";position:absolute;width:100%;height:100px;bottom:0;z-index:1;background-repeat:repeat-x;background-size:auto 100px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='100' viewBox='0 0 400 100'%3E%3Cpath d='M10,60 C15,40 25,40 30,60' fill='%239fc5a8'/%3E%3Cpath d='M40,60 C45,30 55,30 60,60' fill='%239fc5a8'/%3E%3Ccircle cx='80' cy='70' r='6' fill='%23f7c59f'/%3E%3Cpath d='M149,70 C155,50 160,40 170,70' fill='%239fc5a8'/%3E%3Cpath d='M0,60 Q50,50 100,60 T200,60 T300,60 T400,60 V100 H0 Z' fill='%23f4d29c'/%3E%3C/svg%3E")}.back-button-image{transition:transform .3s ease}.back-button-image:hover{transform:scale(1.05) translate(-3px)}.sound-buttons{position:fixed;right:0;top:250px;transform:translateY(-50%);display:flex;flex-direction:column;gap:22px;z-index:1000}.sound-button{position:relative;width:70px;height:65px;background:none;border:none;cursor:pointer;padding:0;margin:0;display:flex;align-items:center;justify-content:center;overflow:visible}.sound-button .background{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:2}.sound-button .note{margin-right:12px;margin-bottom:14px;position:absolute;background-size:contain;background-position:center;background-repeat:no-repeat;pointer-events:none;transition:transform .3s ease;z-index:3}.sound-button:hover .note{transform:scale(1.12)}.sound-button.selected:after{content:"";position:absolute;width:80%;height:90%;top:48%;left:45%;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 25px 5px #fffffffa;z-index:1;pointer-events:none}.sound-select{background-color:#fff;color:#4e4e4e;padding:12px 50px 12px 16px;border:none;border-radius:12px;font-size:1rem;font-family:inherit;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:box-shadow .2s,background-color .2s;outline:none;min-width:200px;position:relative}.sound-select:after{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #4e4e4e;pointer-events:none}.sound-select:focus{box-shadow:0 0 0 2px #8b5cf6}.sound-select option{background:#fff;color:#515151}.sound-select option:hover{background-color:#4b4b4b}.top-controls{position:absolute;top:65px;left:50%;transform:translate(-50%);z-index:10;display:flex;padding:15px 25px;min-width:350px;justify-content:center}.bubble-screen{position:absolute;top:8%;left:0;right:100px;bottom:150px;overflow:hidden;background-color:transparent;z-index:2}.bubble{position:absolute;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:50%;cursor:pointer;will-change:transform;z-index:3;transform-origin:center;transition:transform .2s ease-in-out}.bubble:hover{z-index:4;transform:scale(1.15)}.bubble-screen:before,.bubble-screen:after{z-index:0;pointer-events:none}.bubble-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.bubble-particle{position:absolute;border-radius:50%;background:#ffffff26;animation:float-up linear infinite;filter:blur(1px)}@keyframes float-up{0%{transform:translateY(100vh) scale(.5);opacity:0}20%{opacity:.8}to{transform:translateY(-20vh) scale(1.2);opacity:0}}.sunrays{position:fixed;top:0;left:-60px;width:3000px;height:100%;pointer-events:none;overflow:visible;z-index:1}.sunray{position:absolute;top:0;background:linear-gradient(to bottom,#ffffff80,#ffffff26 70%,#fff0);mix-blend-mode:screen;transform-origin:top;animation:ray-pulse ease-in-out infinite}.sunray.darker{background:linear-gradient(to bottom,#287d9e66,#287d9e33 70%,#287d9e00)}@keyframes ray-pulse{0%,to{transform:translate(-50%) rotate(-20deg) scaleY(1)}50%{transform:translate(-50%) rotate(-20deg) scaleY(1.3)}}.seaweed-field{position:absolute;bottom:35px;width:100%;height:150px;pointer-events:none;z-index:0}.seaweed-container{position:absolute;bottom:0;width:60px;height:150px}.seaweed{position:absolute;bottom:0;width:8px;background:linear-gradient(to top,#2e8b57,#3cb371);border-radius:50% 50% 0 0;transform-origin:bottom center;animation:sway 3s ease-in-out infinite;opacity:.8}.blade1{left:0;height:110px;animation-delay:0s}.blade2{left:20px;height:140px;animation-delay:.4s}.blade3{left:40px;height:120px;animation-delay:.8s}@keyframes sway{0%{transform:rotate(0)}25%{transform:rotate(4deg)}50%{transform:rotate(0)}75%{transform:rotate(-4deg)}to{transform:rotate(0)}}.underwater-container{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none;z-index:1}.layer{position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-position:center bottom;background-size:cover;pointer-events:none}.fish{position:absolute;width:235px;height:104px;z-index:0;animation:swim-left 30s linear infinite;transform-origin:center center;overflow:visible;transition:transform .8s ease-in-out}.fish.reverse{transform:scaleX(-1);animation:swim-right 35s linear infinite}@keyframes swim-left{0%{transform:translate(-20vw) scale(1.5)}25%{transform:translate(20vw) scale(1)}50%{transform:translate(60vw) scale(.8)}75%{transform:translate(90vw) scale(1.2)}to{transform:translate(120vw) scale(1.5)}}@keyframes swim-right{0%{transform:translate(120vw) scaleX(-1) scale(1.5)}25%{transform:translate(90vw) scaleX(-1) scale(1.2)}50%{transform:translate(60vw) scaleX(-1) scale(.8)}75%{transform:translate(20vw) scaleX(-1) scale(1)}to{transform:translate(-20vw) scaleX(-1) scale(1.5)}}.continue-button{border-radius:200px;background-color:#d7d7d7;bottom:-20px;width:150px}.custom-gradient{background:linear-gradient(to bottom,#dce6ff,#f0f5ff)}.cloud-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.cloud{position:absolute;border-radius:50%;background:#fff;animation:moveAcrossScreen linear infinite;transform:translate(-100%)}.continuous{animation-duration:30s}.x1{top:15%;left:-120px;opacity:1;height:60px;width:60px;box-shadow:#fff 70px -15px 0 8px,#fff 25px -20px 0 -3px,#fff 30px 10px,#fff 60px 15px 0 -8px,#fff 95px 5px 0 3px}.x2{top:30%;left:-120px;opacity:.6;height:75px;width:75px;box-shadow:#fff 80px -20px 0 12px,#fff 35px -28px 0 -6px,#fff 40px 15px,#fff 70px 20px 0 -12px,#fff 110px 10px 0 6px}.x3{top:50%;left:-120px;opacity:.7;height:55px;width:55px;box-shadow:#fff 60px -12px 0 6px,#fff 25px -18px 0 -2px,#fff 30px 8px,#fff 55px 12px 0 -6px,#fff 80px 4px 0 -1px}.x4{top:70%;left:-120px;opacity:1;height:65px;width:65px;box-shadow:#fff 75px -20px 0 10px,#fff 30px -25px 0 -5px,#fff 35px 12px,#fff 65px 18px 0 -10px,#fff 100px 8px 0 5px}.x5{top:25%;left:-130px;opacity:.4;height:85px;width:85px;box-shadow:#fff 100px -25px 0 15px,#fff 40px -30px 0 -8px,#fff 45px 18px,#fff 85px 25px 0 -15px,#fff 130px 15px 0 8px}.x6{top:10%;left:-120px;opacity:.6;height:45px;width:45px;box-shadow:#fff 50px -10px 0 5px,#fff 20px -15px 0 -2px,#fff 25px 7px,#fff 45px 10px 0 -5px,#fff 70px 3px 0 -1px}.x7{top:80%;left:-120px;opacity:1;height:70px;width:70px;box-shadow:#fff 85px -22px 0 13px,#fff 35px -28px 0 -7px,#fff 40px 16px,#fff 75px 22px 0 -13px,#fff 115px 12px 0 7px}.x8{top:40%;left:-120px;opacity:.5;height:60px;width:60px;box-shadow:#fff 65px -15px 0 -5px,#fff 25px -25px,#fff 30px 10px,#fff 60px 15px 0 -10px,#fff 85px 5px 0 -5px}.x9{top:25%;left:-120px;opacity:.7;height:50px;width:50px;box-shadow:#fff 55px -10px 0 3px,#fff 20px -15px,#fff 25px 5px,#fff 50px 10px 0 -5px,#fff 75px 3px 0 -2px}.x10{top:65%;left:-120px;opacity:.9;height:80px;width:80px;box-shadow:#fff 90px -20px 0 10px,#fff 35px -25px 0 -5px,#fff 40px 15px,#fff 75px 20px 0 -10px,#fff 110px 10px 0 5px}@keyframes moveAcrossScreen{0%{transform:translate(-100%)}to{transform:translate(150vw)}}.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;z-index:9999;display:flex;justify-content:center;align-items:center}.popup-card{background-color:#b7dffb;border-radius:1.5em;padding:2em;width:90%;max-width:700px;min-width:320px;min-height:250px;box-shadow:0 4px 20px #0000004d;text-align:center}.popup-message{font-family:Poppins,sans-serif;font-size:1.5em;color:#085991;margin-bottom:2em;max-width:30ch;margin-left:auto;margin-right:auto}.popup-buttons{display:flex;justify-content:space-around;gap:1rem}.popup-btn{padding:.5rem 1.5rem;border:none;border-radius:.5em;cursor:pointer;font-weight:700;transition:background .2s ease}.popup-btn.yes{background-color:#4caf50;color:#fff}.popup-btn.no{background-color:#f44336;color:#fff}.popup-btn:hover{opacity:.9}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center}.modal-content-color{border:3px dashed #999;font-size:large;font-weight:500;position:relative;background:#fff;padding:25px;border-radius:10px;width:300px;text-align:center}.close-button{position:absolute;color:#fff;top:-15px;right:-15px;padding:8px;background-color:#999;border-radius:50%;width:36px;height:36px;aspect-ratio:1 / 1;font-size:26px;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0003;transition:background-color .2s,transform .2s}.close-button:hover{transform:scale(1.1)}.modal-buttons{margin-top:20px;display:flex;justify-content:space-around}.modal-button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.confirm{border-radius:50px;background-color:#32c27a;color:#fff}.decline{border-radius:50px;background-color:#fd5762;color:#fff}.popup-image{width:88px;height:88px;padding:5px;display:block;margin:5px auto 15px;object-fit:contain}.coloring-page{display:flex;justify-content:center;align-items:center;height:100vh;padding:90px 20px 20px;box-sizing:border-box;background:linear-gradient(to bottom,#dce6ff,#f0f5ff)}.coloring-container{display:flex;justify-content:center;align-items:flex-start;gap:20px;width:100%;max-width:1200px}.canvas-area{position:relative;width:100%;margin:0 auto;line-height:0}canvas{border-radius:10px;image-rendering:crisp-edges;background-color:#fff}.brush-sizes-column{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;padding:12px;background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a}.brush-size{position:relative;display:flex;justify-content:center;align-items:center;padding:0;border:none;background:none;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;border-radius:50%}.brush-size.active{background-color:transparent;box-shadow:0 0 0 3px #b0b0b0}.brush-size:hover{transform:scale(1.1);box-shadow:0 0 0 2px #ddd}.action-buttons-column{display:flex;flex-direction:column;align-items:center;gap:clamp(15px,20px,18px)}.brush-sizes-column{display:flex;flex-direction:column-reverse;align-items:center;gap:12px;margin-top:5px;transition:all .3s ease}.brush-sizes-column.hidden{opacity:0;height:0;overflow:hidden;margin:0}.action-button,.tool-button{padding:10px;border:none;border-radius:5px;background:#fff;cursor:pointer;transition:background .2s}.action-button:hover,.tool-button:hover{background:#c4e4ff}.tool-button.active{background:#84c8ff}.action-button img,.tool-button img{width:32px;height:32px;object-fit:contain}.action-button:disabled{opacity:.5;cursor:not-allowed}.color-palette-bottom{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:15px 10px;background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;margin-top:0;margin-bottom:5px;max-width:min(800px,95vw);width:100%}.color-option{width:clamp(40px,4vw,45px);height:clamp(40px,4vw,45px);min-width:25px;min-height:25px;border-radius:50%;cursor:pointer;border:2px solid #eee;transition:transform .3s ease,box-shadow .3s ease}.color-option:hover{transform:scale(1.1);box-shadow:0 0 0 2px #ddd}.color-option.selected{box-shadow:0 0 0 3px #b0b0b0}.canvas-and-controls{display:flex;gap:20px;justify-content:center;width:100%;max-width:min(1500px,95vw)}.canvas-palette-container{display:flex;flex-direction:column;align-items:center;gap:20px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2000;display:flex;justify-content:center;align-items:center}.modal-box{background:#fff;padding:20px 30px;border-radius:12px;text-align:center;box-shadow:0 5px 25px #0000004d}.modal-buttons{display:flex;justify-content:center;gap:20px;margin-top:15px}.modal-btn{padding:8px 18px;border:none;border-radius:6px;cursor:pointer;font-weight:700}.modal-btn.yes{background-color:#4caf50;color:#fff}.modal-btn.no{background-color:#f44336;color:#fff}@media(max-width:940px){.action-buttons-column{gap:clamp(9px,9px,20px)}}@media(max-width:768px){.canvas-and-controls{flex-direction:column;align-items:center;gap:clamp(10px,2.5vw,20px)}.action-buttons-column{flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:min(500px,95vw);gap:clamp(10px,2vw,18px)}.brush-sizes-column{flex-direction:row-reverse}}@media(max-width:480px){.action-buttons-column{gap:clamp(6px,2vw,12px)}.color-option{width:clamp(25px,6vw,35px);height:clamp(25px,6vw,35px)}.action-button,.tool-button{padding:clamp(6px,1.5vw,10px)}.action-button img,.tool-button img{width:clamp(24px,7vw,32px);height:clamp(24px,7vw,32px)}}.banner-background{position:absolute;top:0;left:0;width:100%;height:50%;z-index:0;object-fit:cover}.confirm-button-register{padding:7px 16px;height:56px;width:180px;border-radius:20px;line-height:1.2;border:none;width:100%;font-weight:600;margin-top:.9rem;background:#af89e0;color:#fff;cursor:pointer;box-shadow:0 6px #9560db,0 8px 12px #0000004d;transform:translateY(0);transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1),color .25s ease}.confirm-button-register:hover{transform:translateY(-6px);box-shadow:0 12px #9560db,0 12px 18px #00000040;color:#fff;transition:transform .2s cubic-bezier(.2,.8,.4,1.4),box-shadow .2s cubic-bezier(.2,.8,.4,1.4)}.confirm-button-register:active{transform:translateY(2px);box-shadow:0 3px #af89e0,0 4px 6px #0003}.confirm-button-register:focus{outline:none}.confirm-button-login{padding:7px 16px;height:56px;width:180px;border-radius:20px;line-height:1.2;border:none;width:100%;font-weight:600;margin-top:.9rem;background:#f06f91;color:#fff;cursor:pointer;box-shadow:0 6px #f24e79,0 8px 12px #0000004d;transform:translateY(0);transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1),color .25s ease}.confirm-button-login:hover{transform:translateY(-6px);box-shadow:0 12px #f24e79,0 12px 18px #00000040;color:#fff;transition:transform .2s cubic-bezier(.2,.8,.4,1.4),box-shadow .2s cubic-bezier(.2,.8,.4,1.4)}.confirm-button-login:active{transform:translateY(2px);box-shadow:0 3px #f24e79,0 4px 6px #0003}.confirm-button-login:focus{outline:none}.login-background{position:relative;top:0;width:100%;min-height:100vh;background-color:#fefefe;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23F7A8AE' fill-opacity='0.3'/%3E%3Ccircle cx='60' cy='30' r='2.5' fill='%23FAE2A4' fill-opacity='0.3'/%3E%3Ccircle cx='40' cy='60' r='2' fill='%23BCE3B4' fill-opacity='0.3'/%3E%3Ccircle cx='70' cy='50' r='2' fill='%23B8D6FA' fill-opacity='0.3'/%3E%3Ccircle cx='30' cy='80' r='2.5' fill='%2391D3DA' fill-opacity='0.3'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;background-position:0 -20px;overflow-x:hidden;padding:0}.login-page{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;padding:10px 20px 40px;box-sizing:border-box;margin-top:130px}.flip-container{perspective:1000px;width:430px;height:650px;position:relative}.flipper{position:relative;width:100%;transition:transform .8s ease;transform-style:preserve-3d}.flip-container.flipped .flipper{transform:rotateY(180deg)}.login-card{background-color:#fffffff2;border-radius:20px;padding:65px 2rem 1.5rem;box-shadow:0 10px 30px #0000001f;text-align:center;width:100%;backface-visibility:hidden;position:absolute;top:0;left:0}.login-card.front{z-index:2}.login-card.back{transform:rotateY(180deg)}.card-top-circle{position:absolute;top:-55px;left:50%;transform:translate(-50%);width:120px;height:120px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:-5;overflow:hidden}.card-top-circle img{padding:5px;width:80%;height:80%;object-fit:contain}.login-card h2{margin-bottom:1.8rem;color:#444;font-size:1.5rem;font-weight:700}.login-card form{display:flex;flex-direction:column;gap:.5rem}.login-card label{display:block;text-align:left;font-size:.95rem;color:#444;font-weight:500;padding-left:6px}.login-card input[type=email],.login-card input[type=password],.login-card input[type=text]{width:100%;padding:.8rem 1.2rem;background-color:#f9fafb;border:1px solid #e2e8f0;border-radius:10px;font-size:1rem;color:#111827;outline:none;margin-bottom:.5rem;transition:all .3s ease}.login-card input:focus{border-color:#f24e79;box-shadow:0 0 0 3px #ff8ba733}.divider{display:flex;align-items:center;margin-top:1.8rem;margin-bottom:1rem;color:#aaa;font-size:.9rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background-color:#e2e8f0;margin:0 .8rem}.remember-forgot{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;margin-bottom:.5rem;margin-right:.3rem}.remember-me-checkbox{display:inline-flex;align-items:center;vertical-align:middle;font-size:.9rem;color:#666;cursor:pointer}.remember-me-checkbox input[type=checkbox]{margin-right:6px;border-radius:30%;width:18px;height:18px;accent-color:#f24e79;vertical-align:middle}.remember-forgot a{color:#666;text-decoration:none;font-size:.9rem;transition:color .2s ease}.remember-forgot a:hover{color:#f24e79;text-decoration:underline}.social-buttons{display:flex;justify-content:center;gap:1.5rem}.social-icon{width:50px;height:50px;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #00000014}.social-icon:hover{transform:translateY(-3px);box-shadow:0 6px 15px #00000026}.social-icon.facebook{background-color:#3b5998;color:#fff}.social-icon.google{background-color:#dd4b39;color:#fff}.signup-link{margin-top:1.5rem;font-size:.95rem;color:#666}.signup-link a{color:#f24e79;text-decoration:none;font-weight:600;transition:all .2s ease}.signup-link a:hover{text-decoration:underline;cursor:pointer;color:#f24e79}.custom-checkbox{position:relative;display:inline-flex;align-items:center;margin-left:3px;cursor:pointer}.checkbox-label-text{font-size:.9rem;margin-left:23px;color:#666}.custom-checkbox input[type=checkbox]{position:absolute;opacity:0;height:0;width:0;left:0;z-index:1}.custom-checkbox .checkmark{position:absolute;left:0;top:10%;width:20px;height:20px;background-color:#fff;border:2px solid #f24e79;border-radius:4px;transition:all .3s ease}.custom-checkbox:hover .checkmark{transform:scale(1.15);box-shadow:0 2px 6px #00000026}.custom-checkbox input:checked+.checkmark{background-color:#f24e79;border-color:#f24e79}.custom-checkbox .checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.custom-checkbox input:checked+.checkmark:after{display:block}.register-form input:focus{border-color:#9560db;box-shadow:0 0 0 3px #bda6ff40}.register-form .custom-checkbox .checkmark{border:2px solid #9560db}.register-form .custom-checkbox input:checked+.checkmark{background-color:#9560db;border-color:#9560db}.register-link{color:#9560db!important}.register-link:hover{color:#9560db;text-decoration:underline}.parent-page{display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:#f5f9ff}.aac-container-parent,.category-view{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:0}.category-header{padding:15px 0;border-bottom:2px solid #e0e0e0;margin-bottom:20px;text-align:center}.category-title{color:#4766a0;font-size:2.2rem;font-weight:700;margin:0}.cards-scroll-container{flex-grow:1;overflow-y:auto;padding-bottom:20px;scrollbar-width:thin;scrollbar-color:#b0c8e4 #f5f9ff}.cards-scroll-container::-webkit-scrollbar{width:10px}.cards-scroll-container::-webkit-scrollbar-thumb{background-color:#b0c8e4;border-radius:5px;border:2px solid #f5f9ff}.cards-scroll-container::-webkit-scrollbar-track{background:#f5f9ff}.parent-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:25px;padding:20px 30px}.parent-card{background:#fff;border:2px solid #d0e0f0;border-radius:18px;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;box-shadow:0 4px 12px #00000014;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;position:relative}.parent-card:hover{transform:translateY(-8px);box-shadow:0 8px 20px #00000026}.card-image{width:90%;height:120px;object-fit:contain;margin-bottom:5px;margin-top:40px}.card-title{font-weight:700;color:#4766a0;font-size:1.2rem;margin-bottom:0;flex-grow:1;display:flex;align-items:left;justify-content:left;padding:0 5px}.card-type-badge{position:absolute;top:12px;right:12px;background:#4766a0;color:#fff;padding:5px 10px;border-radius:15px;font-size:.85rem;font-weight:600;text-transform:uppercase}.card-type-badge.custom{background:#28a745}.card-actions{display:flex;gap:10px;width:100%;justify-content:center;margin-top:10px}.edit-btn,.revert-btn{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:background .2s ease,transform .1s ease}.edit-btn{background:#4766a0;color:#fff}.edit-btn:hover{background:#3a5785;transform:translateY(-2px)}.revert-btn{background-color:#f39c12;color:#fff}.revert-btn:hover{background-color:#e67e22;transform:translateY(-2px)}.add-card-button{border:3px dashed #b0c8e4;background-color:#eaf3ff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;min-height:250px;border-radius:18px;box-shadow:0 2px 8px #0000000d}.add-card-button:hover{border-color:#4766a0;background-color:#e0ecfb;box-shadow:0 4px 12px #0000001a;transform:translateY(-5px)}.add-card-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#4766a0;height:100%;width:100%}.plus-icon{font-size:60px;margin-bottom:15px;font-weight:700}.add-card-text{font-size:1.1rem;font-weight:600}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:10px}.compact-modal,.modal-content-card{background:#fff;border-radius:12px;width:25%;max-width:400px;max-height:100vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 5px 20px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px}.modal-header h2{margin:0;color:#333;font-size:1.2rem;font-weight:600}.close-modal-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#999;padding:5px;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-modal-btn:hover{background:#f0f0f0;color:#333}.modal-body{padding:30px 40px 0;overflow:hidden;display:flex;flex-direction:column}.form-group{margin-bottom:0}.form-group label,.section-header h3{display:block;margin-bottom:8px;font-weight:600;color:#4766a0;font-size:1rem}.title-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:.95rem}.edit-sections-grid{display:grid;grid-template-columns:1fr;gap:5px}.edit-section{border:1px solid #e0e0e0;border-radius:6px;padding:15px;background:#fafafa}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:0;border-bottom:none}.section-icon{color:#4766a0;font-size:1rem}.section-header h3{margin:0;font-size:1rem;color:#4766a0;font-weight:600}.current-image-preview{display:flex;justify-content:center;padding:10px}.image-actions{display:flex;gap:10px;justify-content:center}.file-upload-btn{background-color:#4a90e2;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s}.file-upload-btn:hover{background-color:#3a80d2}.file-upload-btn input[type=file]{display:none}.revert-image-btn{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #d0d7de;padding:7px 12px;border-radius:6px;cursor:pointer;color:#656d76;font-size:.85rem;font-weight:500;transition:all .2s}.revert-image-btn:not(:disabled):hover{background-color:#f6f8fa;border-color:#8c959f}.revert-image-btn:disabled{opacity:.5;cursor:not-allowed}.audio-controls{display:flex;flex-direction:column;gap:15px}.current-audio{text-align:center}.current-audio p{margin:0 0 8px;font-weight:500;font-size:.9rem;color:#4766a0}.audio-player{width:100%;height:45px;margin-bottom:0}.voice-recorder{display:flex;flex-direction:column}.recorder-controls{display:flex;justify-content:center;align-items:center;min-height:0px;padding:0}.record-btn,.stop-record-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;min-width:160px;height:44px}.record-btn{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff}.record-btn:hover{background:linear-gradient(135deg,#357abd,#2d6ba3);transform:translateY(-1px)}.stop-record-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.stop-record-btn:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-1px)}.recording-indicator{width:10px;height:10px;background-color:#fff;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.audio-preview{text-align:center;display:flex;flex-direction:column;gap:15px}.audio-preview p{margin:0;font-weight:500;font-size:.9rem;color:#4766a0}.audio-preview .audio-player{margin:0;height:45px}.audio-actions{display:flex;gap:12px;justify-content:center;align-items:center;min-height:43px;padding:0}.rerecord-btn,.revert-audio-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:#fff;border:1px solid #d0d7de;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;color:#656d76;transition:all .2s ease;height:44px}.rerecord-btn:hover,.revert-audio-btn:hover{background-color:#f6f8fa;border-color:#8c959f;transform:translateY(-1px)}.modal-actions{display:flex;justify-content:center;gap:15px;padding:25px}.cancel-btn,.save-btn{padding:12px 24px;border-radius:10px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .2s ease;min-width:110px;letter-spacing:.02em}.cancel-btn{background:#fff;border:1px solid #d0d7de;color:#656d76}.cancel-btn:hover:not(:disabled){background-color:#f6f8fa;border-color:#8c959f;transform:translateY(-1px)}.save-btn{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border:none;box-shadow:0 2px 4px #27ae6033}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#229954,#1e8449);transform:translateY(-1px);box-shadow:0 4px 8px #27ae604d}.save-btn:disabled{background:#bdc3c7;cursor:not-allowed;box-shadow:none;transform:none}.save-btn:disabled:after{content:"";width:16px;height:16px;border:2px solid #ffffff;border-top-color:transparent;border-radius:50%;animation:button-spinner .8s linear infinite;margin-left:8px;display:inline-block}@keyframes button-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading,.error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-size:20px;color:#4766a0}.error button{margin-top:15px;padding:10px 20px;background:#4766a0;color:#fff;border:none;border-radius:5px;cursor:pointer}@media(max-width:1800px){.compact-modal,.modal-content{width:31%}.parent-card-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.category-title{font-size:1.8rem}}@media(max-width:1420px){.compact-modal,.modal-content{width:45%}}@media(max-width:1000px){.compact-modal,.modal-content{width:90%}.parent-card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}.parent-card{min-height:240px;padding:10px}.card-image{height:100px}.card-title{font-size:1.1rem}.edit-btn,.revert-btn{padding:7px 14px;font-size:.9rem}.compact-modal,.modal-content{max-width:95%;max-height:85vh}.edit-sections-grid{grid-template-columns:1fr}.modal-header h2{font-size:1.1rem}.preview-image{max-height:100px}}@media(max-width:480px){.compact-modal,.modal-content{width:95%}.parent-card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding:5px}.parent-card{min-height:180px;padding:8px;border-radius:15px}.card-image{height:80px;margin-top:5px}.card-title{font-size:1rem}.card-type-badge{padding:3px 6px;font-size:.75rem}.add-card-button{min-height:180px}.plus-icon{font-size:48px;margin-bottom:10px}.add-card-text{font-size:.9rem}.modal-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}.record-btn,.stop-record-btn,.rerecord-btn,.revert-audio-btn{min-width:auto;width:100%}.audio-actions{flex-direction:column;gap:8px}}.image-preview-container{display:flex;flex-direction:column;gap:12px}.image-upload-zone{border:2px dashed #b5c9f0;border-radius:12px;padding:25px 20px;text-align:center;background-color:#f8faff;transition:all .3s ease;cursor:pointer;position:relative;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}.image-upload-zone:hover{border-color:#4766a0;background-color:#f0f4f8;transform:translateY(-2px)}.image-upload-zone.drag-over{border-color:#4766a0;background-color:#e8f2ff;transform:scale(1.02);box-shadow:0 4px 12px #4766a026}.upload-icon{width:40px;height:40px;margin:0 auto 12px;background-image:url(/image.png);background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;justify-content:center}.upload-text{margin:0 0 4px;color:#374151;font-size:14px;font-weight:500;line-height:1.3}.upload-subtext{margin:0;color:#9ca3af;font-size:12px;font-weight:400}.upload-browse{color:#4766a0;font-weight:600;text-decoration:none;cursor:pointer}.upload-browse:hover{text-decoration:underline}.image-upload-zone input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.current-image-preview{position:relative;display:flex;justify-content:center;padding:10px;border-radius:8px;background-color:#f9fafb}.preview-image{max-width:100%;max-height:120px;border-radius:4px;object-fit:contain}.image-overlay{position:absolute;top:8px;right:8px;display:flex;gap:6px;transition:opacity .2s ease}.current-image-preview:hover .image-overlay{opacity:1}.overlay-btn{background:#000000b3;color:#fff;border:none;border-radius:4px;padding:6px 8px;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:4px;transition:background .2s ease}.overlay-btn:hover{background:#000c}.overlay-btn.change{background:#4766a0e6}.overlay-btn.change:hover{background:#4766a0}.overlay-btn.revert{background:#f39c12}.overlay-btn.revert:hover{background:#e67e22}.overlay-btn:disabled{opacity:.5;cursor:not-allowed}.rerecord-btn-styled{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;min-width:160px;height:44px;background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff}.rerecord-btn-styled:hover{background:linear-gradient(135deg,#357abd,#2d6ba3);transform:translateY(-1px)}.revert-audio-btn-styled{display:flex;align-items:center;justify-content:center;gap:6px;background:#f39c12;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease;height:44px;box-shadow:0 2px 4px #0000001a}.revert-audio-btn-styled:hover{background:#e67e22;transform:translateY(-1px)}.analytics-page{padding:20px;background-color:#f5f7fa;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.analytics-header h1{font-size:28px;font-weight:600;color:#2c3e50;margin:0}.timeframe-selector{display:flex;background:#fff;border-radius:25px;padding:4px;box-shadow:0 2px 10px #0000001a}.timeframe-btn{padding:8px 20px;border:none;background:transparent;border-radius:20px;cursor:pointer;font-weight:500;transition:all .3s ease;color:#666}.timeframe-btn.active{background:#4caf50;color:#fff;box-shadow:0 2px 8px #4caf504d}.timeframe-btn:hover:not(.active){background:#f0f0f0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:25px;border-radius:16px;box-shadow:0 4px 20px #00000014;text-align:center;border:1px solid #e1e8ed;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0000001f}.stat-number{font-size:48px;font-weight:700;color:#4caf50;margin-bottom:8px;line-height:1}.stat-label{font-size:14px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.charts-section{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;margin-bottom:30px}.chart-container{background:#fff;padding:25px;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e1e8ed}.chart-container.large{grid-column:span 1}.chart-container h2{font-size:18px;font-weight:600;color:#2c3e50;margin:0 0 20px}.legend{display:flex;flex-direction:column;gap:8px;margin-top:15px}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#666}.legend-color{width:12px;height:12px;border-radius:50%}.insights-section{margin-bottom:30px}.insights-section h2{font-size:24px;font-weight:600;color:#2c3e50;margin-bottom:20px}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.insight-card{background:#fff;padding:25px;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e1e8ed;display:flex;align-items:center;gap:20px;transition:transform .2s ease,box-shadow .2s ease}.insight-card:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0000001f}.insight-icon{font-size:40px;min-width:60px;text-align:center}.insight-content h3{font-size:16px;font-weight:600;color:#2c3e50;margin:0 0 8px}.insight-content p{font-size:18px;font-weight:700;color:#4caf50;margin:0 0 4px}.insight-content span{font-size:14px;color:#666}.loading,.error{display:flex;justify-content:center;align-items:center;height:400px;font-size:18px;color:#666}.error{color:#e74c3c}@media(max-width:1200px){.charts-section{grid-template-columns:1fr}.chart-container.large{grid-column:span 1}}@media(max-width:768px){.analytics-page{padding:15px}.analytics-header{flex-direction:column;gap:20px;align-items:stretch}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}.insights-grid{grid-template-columns:1fr}.insight-card{flex-direction:column;text-align:center;gap:15px}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-number{font-size:36px}}.profile-editor-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e0f2fe);padding:7.5rem 1rem 2rem}.profile-editor-card{max-width:42rem;margin:0 auto;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.2);overflow:hidden}.header-section{text-align:center;margin-bottom:.5rem;margin-top:2.5rem}.main-title{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.subtitle{color:#6b7280}.card-content{padding:2rem}.loading-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e0f2fe);display:flex;align-items:center;justify-content:center}.loading-content{text-align:center}.loading-spinner{display:inline-block;width:3rem;height:3rem;border:4px solid #bfdbfe;border-top:4px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-text{color:#64748b;font-size:1.125rem}.message-alert{padding:1rem;border-radius:.75rem;margin-bottom:1.5rem;font-weight:500;border:1px solid;transition:all .3s ease}.message-success{background-color:#ecfdf5;color:#065f46;border-color:#a7f3d0;box-shadow:0 1px 3px #0000001a}.message-error{background-color:#fef2f2;color:#991b1b;border-color:#fecaca;box-shadow:0 1px 3px #0000001a}.message-content{display:flex;align-items:center}.message-icon{margin-right:.75rem;font-size:1.125rem}.message-success .message-icon{color:#10b981}.message-error .message-icon{color:#ef4444}.profile-picture-section{text-align:center;margin-bottom:2rem}.profile-picture-container{position:relative;display:inline-block}.profile-picture-circle{width:8rem;height:8rem;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#e3f0ff,#9ac4ff);box-shadow:0 10px 15px -3px #0000001a;border:4px solid rgb(96,101,116)}.profile-image-edit{width:100%;height:100%;object-fit:cover}.user-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.user-icon.hidden{display:none}.user-icon svg{height:3rem;width:3rem;color:#4a5565}.avatar-button,.upload-button,.edit-button,.save-button,.cancel-button{transition:all .3s ease}.profile-picture-container:hover .edit-button{opacity:1;pointer-events:auto}.edit-button svg{height:2rem;width:2rem;color:#fff}.avatar-selector{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:1rem;border:2px solid #e5e7eb;box-shadow:inset 0 2px 4px #0000000f}.avatar-selector-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1rem;text-align:center}.avatar-options{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.avatar-option{display:flex;flex-direction:column;align-items:center}.avatar-button{width:4rem;height:4rem;border:2px solid #d1d5db;overflow:hidden;background:none;padding:0;cursor:pointer;transition:all .2s ease;border-radius:50%;background-color:#f9fafb}.avatar-button:hover{border-color:#3482ff;transform:scale(1.1);box-shadow:0 10px 15px -3px #0000001a}.avatar-button.avatar-selected{border-color:#6d9eff;border-width:3px;transform:scale(1.05);box-shadow:0 10px 15px -3px #0000001a}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.upload-button{width:4rem;height:4rem;border:2px solid #d1d5db;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.upload-button:hover{border-color:#5898fd;transform:scale(1.1);box-shadow:0 10px 15px -3px #0000001a}.upload-button svg{height:2rem;width:2rem;color:#6b7280}.upload-input{display:none}.member-since{margin-top:1rem;color:#64748b;font-size:.875rem;display:flex;align-items:center;justify-content:center}.member-since svg{height:1rem;width:1rem;margin-right:.5rem;color:#537cbe}.form-fields{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.form-field{display:flex;flex-direction:column}.field-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.field-input{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:2px solid #e2e8f0;transition:all .2s ease;outline:none;color:#374151;background-color:#f8fafc;font-size:1rem}.field-input:focus{border-color:#2563eb;background-color:#fff;box-shadow:0 0 0 4px #2563eb1a}.field-input.field-error{border-color:#dc2626;background-color:#fef2f2}.field-input.field-error:focus{border-color:#dc2626;box-shadow:0 0 0 4px #dc26261a}.error-message{margin-top:.5rem;display:flex;align-items:center;color:#dc2626;font-size:.875rem}.error-message svg{height:1rem;width:1rem;margin-right:.5rem}.action-buttons{display:flex;justify-content:center;gap:1rem;margin-top:2rem;padding-top:1.5rem}.cancel-button{padding:.75rem 1.5rem;background-color:#f3f4f6;color:#374151;border-radius:.5rem;font-weight:500;transition:all .2s ease;border:1px solid #d1d5db;cursor:pointer}.cancel-button:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.save-button{padding:.75rem 1.5rem;background-color:#2563eb;color:#fff;border-radius:.5rem;font-weight:500;transition:all .2s ease;border:none;cursor:pointer}.save-button:hover:not(:disabled){background-color:#1d4ed8;box-shadow:0 4px 6px -1px #0000001a}.save-button:focus{box-shadow:0 0 0 4px #2563eb33}.save-button:disabled{opacity:.5;cursor:not-allowed}.saving-content{display:flex;align-items:center}.saving-spinner{width:1rem;height:1rem;border:2px solid white;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}.required-note{margin-top:1.5rem;text-align:center;font-size:.875rem;color:#64748b}@media(max-width:640px){.profile-editor-container{padding:6rem .5rem 1rem}.card-content{padding:1.5rem}.action-buttons{flex-direction:column}.cancel-button,.save-button{width:100%}.avatar-options{gap:.75rem}.avatar-button,.upload-button{width:3.5rem;height:3.5rem}.upload-button svg{height:1.5rem;width:1.5rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeInDark .3s ease}@keyframes fadeInDark{0%{opacity:0}to{opacity:1}}.modal-content-avatar{background:#fff;border-radius:1rem;padding:2rem;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.2);animation:slideUp .3s ease;position:relative}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.avatar-options{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;justify-items:center;max-width:400px;margin:0 auto}.avatar-option{position:relative;display:flex;flex-direction:column;align-items:center;padding:5px}.avatar-button{width:4rem;height:4rem;border:2px solid #d1d5db;overflow:hidden;background:#f9fafb;padding:0;cursor:pointer;transition:all .2s ease;border-radius:50%}.avatar-button:hover{border-color:#5898fd;transform:scale(1.1);box-shadow:0 10px 15px -3px #0000001a}.avatar-button.avatar-selected{border-color:#10b981;border-width:3px;transform:scale(1.05);box-shadow:0 10px 15px -3px #10b9814d}.tick-badge{position:absolute;top:0;right:0;width:1.5rem;height:1.5rem;background:#10b981;border:2px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:10;pointer-events:none}.tick-badge.visible{opacity:1;transform:scale(1)}.tick-badge svg{width:1rem;height:1rem;color:#fff;stroke-width:2.5}.close-button{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;background:#f3f4f6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2}.close-button:hover{background:#e5e7eb}.security-section{margin-top:2rem;padding-top:2rem;border-top:2px solid #e2e8f0}.security-section h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.security-section h3:before{content:"🔒";font-size:1.1rem}.security-item{margin-bottom:1.5rem;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.security-toggle-button{width:100%;background:#f7fafc;border:none;padding:1rem 1.25rem;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-weight:500;color:#2d3748;transition:background-color .2s ease}.security-toggle-button:hover{background:#edf2f7}.security-toggle-button svg{width:1.25rem;height:1.25rem;color:#718096}.danger-section{border-color:#fed7d7}.danger-button{background:#fed7d7;color:#c53030}.danger-button:hover{background:#fbb6ce}.password-form{padding:1.5rem;background:#fff;border-top:1px solid #e2e8f0}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{padding-right:3rem}.password-toggle{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;font-size:1.2rem;z-index:1;padding:.25rem;border-radius:4px;transition:background-color .2s ease}.password-toggle:hover{background-color:#f7fafc}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.password-requirements{background-color:#f7fafc;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid #e2e8f0}.password-requirements p{font-size:.875rem;font-weight:600;color:#4a5568;margin:0 0 .5rem}.password-requirements ul{list-style:none;padding:0;margin:0}.password-requirements li{display:flex;align-items:center;padding:.25rem 0;font-size:.875rem;color:#718096;transition:color .2s ease}.password-requirements li:before{content:"✗";color:#e53e3e;font-weight:700;margin-right:.5rem;font-size:.75rem}.password-requirements li.valid{color:#38a169}.password-requirements li.valid:before{content:"✓";color:#38a169}.delete-account-section{padding:1.5rem;background:#fff;border-top:1px solid #fed7d7}.warning-box{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;gap:.75rem}.warning-box svg{width:1.5rem;height:1.5rem;color:#e53e3e;flex-shrink:0;margin-top:.125rem}.warning-box h4{color:#c53030;font-size:1rem;font-weight:600;margin:0 0 .5rem}.warning-box p{color:#742a2a;font-size:.875rem;margin:0;line-height:1.5}.delete-form{display:flex;flex-direction:column;gap:1rem}.delete-button{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.delete-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 25px #e53e3e4d}.delete-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:640px){.security-section{margin-top:1.5rem;padding-top:1.5rem}.password-form,.delete-account-section{padding:1rem}.warning-box{padding:.875rem;flex-direction:column;gap:.5rem}.warning-box svg{align-self:flex-start}}