html{--mat-sys-background: #101414;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #2d3131;--mat-sys-inverse-primary: #006a6a;--mat-sys-inverse-surface: #e0e3e2;--mat-sys-on-background: #e0e3e2;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #003737;--mat-sys-on-primary-container: #00fbfb;--mat-sys-on-primary-fixed: #002020;--mat-sys-on-primary-fixed-variant: #004f4f;--mat-sys-on-secondary: #1b3534;--mat-sys-on-secondary-container: #cce8e7;--mat-sys-on-secondary-fixed: #051f1f;--mat-sys-on-secondary-fixed-variant: #324b4b;--mat-sys-on-surface: #e0e3e2;--mat-sys-on-surface-variant: #dae5e4;--mat-sys-on-tertiary: #502400;--mat-sys-on-tertiary-container: #ffdcc7;--mat-sys-on-tertiary-fixed: #311300;--mat-sys-on-tertiary-fixed-variant: #723600;--mat-sys-outline: #889392;--mat-sys-outline-variant: #3f4948;--mat-sys-primary: #00dddd;--mat-sys-primary-container: #004f4f;--mat-sys-primary-fixed: #00fbfb;--mat-sys-primary-fixed-dim: #00dddd;--mat-sys-scrim: #000000;--mat-sys-secondary: #b0cccb;--mat-sys-secondary-container: #324b4b;--mat-sys-secondary-fixed: #cce8e7;--mat-sys-secondary-fixed-dim: #b0cccb;--mat-sys-shadow: #000000;--mat-sys-surface: #101414;--mat-sys-surface-bright: #363a39;--mat-sys-surface-container: #1c2020;--mat-sys-surface-container-high: #272b2a;--mat-sys-surface-container-highest: #313635;--mat-sys-surface-container-low: #191c1c;--mat-sys-surface-container-lowest: #0b0f0e;--mat-sys-surface-dim: #101414;--mat-sys-surface-tint: #00dddd;--mat-sys-surface-variant: #3f4948;--mat-sys-tertiary: #ffb787;--mat-sys-tertiary-container: #723600;--mat-sys-tertiary-fixed: #ffdcc7;--mat-sys-tertiary-fixed-dim: #ffb787;--mat-sys-neutral-variant20: #293232;--mat-sys-neutral10: #191c1c}html{--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)}html{--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)}html{--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500}html{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px}html{--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}:root{--breakpoint-xs: 280px;--breakpoint-sm: 393px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1440px;--breakpoint-xxl: 1920px;--breakpoint-fold-closed: 280px;--breakpoint-fold-open: 500px;--breakpoint-fold-tablet: 800px;--container-xs: 100%;--container-sm: 100%;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-xxl: 1400px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-base: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem}html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif;overflow-x:hidden;width:100%;max-width:100%;padding:0;font-size:var(--font-size-base);line-height:1.6}@media (max-width: 280px){body{font-size:var(--font-size-sm)}}@media (min-width: 768px){body{font-size:var(--font-size-lg)}}@media (min-width: 1024px){body{font-size:var(--font-size-base)}}.container{width:100%;padding-left:var(--spacing-base);padding-right:var(--spacing-base);margin-left:auto;margin-right:auto}@media (max-width: 279px){.container{max-width:var(--container-xs);padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}}@media (min-width: 280px) and (max-width: 767px){.container{max-width:var(--container-sm);padding-left:var(--spacing-base);padding-right:var(--spacing-base)}}@media (min-width: 768px) and (max-width: 1023px){.container{max-width:var(--container-md);padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media (min-width: 1024px) and (max-width: 1439px){.container{max-width:var(--container-lg);padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}@media (min-width: 1440px){.container{max-width:var(--container-xl);padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl)}}.row{display:flex;flex-wrap:wrap;margin-left:calc(var(--spacing-base) * -.5);margin-right:calc(var(--spacing-base) * -.5)}.col{flex:1 0 0%;padding-left:calc(var(--spacing-base) * .5);padding-right:calc(var(--spacing-base) * .5)}.col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%;padding-left:calc(var(--spacing-base) * .5);padding-right:calc(var(--spacing-base) * .5)}@media (min-width: 280px) and (max-width: 767px){.col-sm-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}}@media (min-width: 768px) and (max-width: 1023px){.col-md-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}}@media (min-width: 1024px) and (max-width: 1439px){.col-lg-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}}@media (min-width: 1440px){.col-xl-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}}.col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%;padding-left:calc(var(--spacing-base) * .5);padding-right:calc(var(--spacing-base) * .5)}@media (min-width: 280px) and (max-width: 767px){.col-sm-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}}@media (min-width: 768px) and (max-width: 1023px){.col-md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}}@media (min-width: 1024px) and (max-width: 1439px){.col-lg-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}}@media (min-width: 1440px){.col-xl-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}}.col-3{flex:0 0 25%;max-width:25%;padding-left:calc(var(--spacing-base) * .5);padding-right:calc(var(--spacing-base) * .5)}@media (min-width: 280px) and (max-width: 767px){.col-sm-3{flex:0 0 25%;max-width:25%}}@media (min-width: 768px) and (max-width: 1023px){.col-md-3{flex:0 0 25%;max-width:25%}}@media (min-width: 1024px) and (max-width: 1439px){.col-lg-3{flex:0 0 25%;max-width:25%}}@media (min-width: 1440px){.col-xl-3{flex:0 0 25%;max-width:25%}}.col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%;padding-left:calc(var(--spacing-base) * .5);padding-right:calc(var(--spacing-base) * .5)}@media (min-width: 280px) and (max-width: 767px){.col-sm-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}}@media (min-width: 768px) and (max-width: 1023px){.col-md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}}@media (min-width: 1024px) and (max-width: 1439px){.col-lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}}@media (min-width: 1440px){.col-xl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}}.col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%;padding-left:calc(var(--spacing-base) * .5);padding-right:calc(var(--spacing-base) * .5)}@media (min-width: 280px) and (max-width: 767px){.col-sm-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}}@media (min-width: 768px) and (max-width: 1023px){.col-md-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}}@media (min-width: 1024px) and (max-width: 1439px){.col-lg-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}}@media (min-width: 1440px){.col-xl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}}.col-6{flex:0 0 50%;max-width:50%;padding-left:calc(var(--spacing-base) * .5);padding-right:calc(var(--spacing-base) * .5)}@media (min-width: 280px) and (max-width: 767px){.col-sm-6{flex:0 0 50%;max-width:50%}}@media (min-width: 768px) and (max-width: 1023px){.col-md-6{flex:0 0 50%;max-width:50%}}@media (min-width: 1024px) and (max-width: 1439px){.col-lg-6{flex:0 0 50%;max-width:50%}}@media (min-width: 1440px){.col-xl-6{flex:0 0 50%;max-width:50%}}.col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%;padding-left:calc(var(--spacing-base) * .5);padding-right:calc(var(--spacing-base) * .5)}@media (min-width: 280px) and (max-width: 767px){.col-sm-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}}@media (min-width: 768px) and (max-width: 1023px){.col-md-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}}@media (min-width: 1024px) and (max-width: 1439px){.col-lg-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}}@media (min-width: 1440px){.col-xl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}}.col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%;padding-left:calc(var(--spacing-base) * .5);padding-right:calc(var(--spacing-base) * .5)}@media (min-width: 280px) and (max-width: 767px){.col-sm-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}}@media (min-width: 768px) and (max-width: 1023px){.col-md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}}@media (min-width: 1024px) and (max-width: 1439px){.col-lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}}@media (min-width: 1440px){.col-xl-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}}.col-9{flex:0 0 75%;max-width:75%;padding-left:calc(var(--spacing-base) * .5);padding-right:calc(var(--spacing-base) * .5)}@media (min-width: 280px) and (max-width: 767px){.col-sm-9{flex:0 0 75%;max-width:75%}}@media (min-width: 768px) and (max-width: 1023px){.col-md-9{flex:0 0 75%;max-width:75%}}@media (min-width: 1024px) and (max-width: 1439px){.col-lg-9{flex:0 0 75%;max-width:75%}}@media (min-width: 1440px){.col-xl-9{flex:0 0 75%;max-width:75%}}.col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%;padding-left:calc(var(--spacing-base) * .5);padding-right:calc(var(--spacing-base) * .5)}@media (min-width: 280px) and (max-width: 767px){.col-sm-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}}@media (min-width: 768px) and (max-width: 1023px){.col-md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}}@media (min-width: 1024px) and (max-width: 1439px){.col-lg-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}}@media (min-width: 1440px){.col-xl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}}.col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%;padding-left:calc(var(--spacing-base) * .5);padding-right:calc(var(--spacing-base) * .5)}@media (min-width: 280px) and (max-width: 767px){.col-sm-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}}@media (min-width: 768px) and (max-width: 1023px){.col-md-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}}@media (min-width: 1024px) and (max-width: 1439px){.col-lg-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}}@media (min-width: 1440px){.col-xl-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}}.col-12{flex:0 0 100%;max-width:100%;padding-left:calc(var(--spacing-base) * .5);padding-right:calc(var(--spacing-base) * .5)}@media (min-width: 280px) and (max-width: 767px){.col-sm-12{flex:0 0 100%;max-width:100%}}@media (min-width: 768px) and (max-width: 1023px){.col-md-12{flex:0 0 100%;max-width:100%}}@media (min-width: 1024px) and (max-width: 1439px){.col-lg-12{flex:0 0 100%;max-width:100%}}@media (min-width: 1440px){.col-xl-12{flex:0 0 100%;max-width:100%}}@media (max-width: 279px){.fold-closed-hidden{display:none!important}.fold-closed-visible{display:block!important}}@media (min-width: 280px) and (max-width: 499px){.fold-open-hidden{display:none!important}.fold-open-visible{display:block!important}}@media (min-width: 500px) and (max-width: 799px){.fold-tablet-hidden{display:none!important}.fold-tablet-visible{display:block!important}}.connect-container,.checkin-container,.classes-container,.forums-container,.home-container,.store-container{background:linear-gradient(to bottom right,#ecf7ff,#e5f2ff)!important;padding:var(--spacing-base);box-sizing:border-box}@media (max-width: 279px){.connect-container,.checkin-container,.classes-container,.forums-container,.home-container,.store-container{padding:var(--spacing-sm)}}@media (min-width: 280px) and (max-width: 767px){.connect-container,.checkin-container,.classes-container,.forums-container,.home-container,.store-container{padding:var(--spacing-base)}}@media (min-width: 768px) and (max-width: 1023px){.connect-container,.checkin-container,.classes-container,.forums-container,.home-container,.store-container{padding:var(--spacing-lg)}}@media (min-width: 1024px) and (max-width: 1439px){.connect-container,.checkin-container,.classes-container,.forums-container,.home-container,.store-container{padding:var(--spacing-xl)}}@media (min-width: 1440px){.connect-container,.checkin-container,.classes-container,.forums-container,.home-container,.store-container{padding:var(--spacing-2xl)}}.content-card,.mood-card,.journal-card,.class-card,.forum-card,.store-item{background-color:#fff;border-radius:12px;padding:var(--spacing-base);margin-bottom:var(--spacing-base);box-shadow:0 3px 15px #0000000a,0 1px 5px #00000005;transition:transform .3s ease,box-shadow .3s ease}@media (max-width: 279px){.content-card,.mood-card,.journal-card,.class-card,.forum-card,.store-item{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);border-radius:8px}}@media (min-width: 280px) and (max-width: 767px){.content-card,.mood-card,.journal-card,.class-card,.forum-card,.store-item{padding:var(--spacing-base);margin-bottom:var(--spacing-base);border-radius:10px}}@media (min-width: 768px) and (max-width: 1023px){.content-card,.mood-card,.journal-card,.class-card,.forum-card,.store-item{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-radius:12px}}@media (min-width: 1024px) and (max-width: 1439px){.content-card,.mood-card,.journal-card,.class-card,.forum-card,.store-item{padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);border-radius:16px}}@media (min-width: 1440px){.content-card,.mood-card,.journal-card,.class-card,.forum-card,.store-item{padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);border-radius:20px}}.buddy-section{background:linear-gradient(to bottom right,#e7f7e7,#dff3df)!important;border:1px solid #c9e7c9;border-radius:16px;padding:20px 16px;margin-bottom:16px;box-shadow:0 3px 15px #0000000a,0 1px 5px #00000005;transition:transform .3s ease,box-shadow .3s ease}.tabs-system{background:linear-gradient(to bottom right,#e5f3ff,#daeeff)!important;border:1px solid #c7e0f5;border-radius:16px;margin-bottom:16px;box-shadow:0 3px 15px #0000000a,0 1px 5px #00000005;transition:transform .3s ease,box-shadow .3s ease}.mood-container{background-color:#f9f9fd;border-radius:12px;padding:12px}.journal-container{background-color:#fdfcf7;border-radius:12px;padding:12px}#chat-tab .whatsapp-card{background:linear-gradient(to bottom right,#e8f8e8,#dff2df)!important}#call-tab .call-card{background:linear-gradient(to bottom right,#e0f0ff,#d6ebff)!important}#ai-tab .ai-card{background:linear-gradient(to bottom right,#fff0e0,#ffecd6)!important}#therapist-tab .therapist-card{background:linear-gradient(to bottom right,#f3e9ff,#ebdeff)!important}:root{--primary-color: #F27141;--primary-light: #FF9D74;--primary-dark: #D55B2B;--accent-color: #2D85C5;--text-primary: #333333;--text-secondary: #666666;--background-light: #F9FBFD;--card-background: #FFFFFF}.page-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm);text-align:center;line-height:1.2}@media (max-width: 279px){.page-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}}@media (min-width: 280px) and (max-width: 767px){.page-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}}@media (min-width: 768px) and (max-width: 1023px){.page-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-base)}}@media (min-width: 1024px) and (max-width: 1439px){.page-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg)}}@media (min-width: 1440px){.page-title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-xl)}}.page-description{font-size:var(--font-size-base);color:var(--text-secondary);text-align:center;margin-bottom:var(--spacing-lg);line-height:1.6}@media (max-width: 279px){.page-description{font-size:var(--font-size-sm);margin-bottom:var(--spacing-base);line-height:1.4}}@media (min-width: 280px) and (max-width: 767px){.page-description{font-size:var(--font-size-base);margin-bottom:var(--spacing-base);line-height:1.5}}@media (min-width: 768px) and (max-width: 1023px){.page-description{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);line-height:1.6}}@media (min-width: 1024px) and (max-width: 1439px){.page-description{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xl);line-height:1.7}}@media (min-width: 1440px){.page-description{font-size:var(--font-size-xl);margin-bottom:var(--spacing-2xl);line-height:1.8}}.content-card{background:linear-gradient(to bottom right,#fff,#f9fdff)!important;border-radius:12px;box-shadow:0 3px 15px #0000000a,0 1px 3px #00000008;margin-bottom:20px;padding:20px;border:1px solid rgba(200,220,240,.3);transition:all .3s ease-in-out}.content-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000000f}.app-icon-large{width:120px;height:120px;border-radius:22px;box-shadow:0 4px 8px #0000001a}.video-container{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;margin-bottom:var(--spacing-base);position:relative;padding-top:56.25%}@media (max-width: 279px){.video-container{border-radius:8px;margin-bottom:var(--spacing-sm);padding-top:60%}}@media (min-width: 280px) and (max-width: 767px){.video-container{border-radius:10px;margin-bottom:var(--spacing-base);padding-top:56.25%}}@media (min-width: 768px) and (max-width: 1023px){.video-container{border-radius:12px;margin-bottom:var(--spacing-lg);padding-top:56.25%}}@media (min-width: 1024px) and (max-width: 1439px){.video-container{border-radius:16px;margin-bottom:var(--spacing-xl);padding-top:56.25%}}@media (min-width: 1440px){.video-container{border-radius:20px;margin-bottom:var(--spacing-2xl);padding-top:56.25%}}.video-container video,.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-placeholder{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;margin-bottom:var(--spacing-base);position:relative;padding-top:56.25%;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));display:flex;align-items:center;justify-content:center;color:#fff}@media (max-width: 279px){.video-placeholder{border-radius:8px;margin-bottom:var(--spacing-sm);padding-top:60%}}@media (min-width: 280px) and (max-width: 767px){.video-placeholder{border-radius:10px;margin-bottom:var(--spacing-base);padding-top:56.25%}}@media (min-width: 768px) and (max-width: 1023px){.video-placeholder{border-radius:12px;margin-bottom:var(--spacing-lg);padding-top:56.25%}}@media (min-width: 1024px) and (max-width: 1439px){.video-placeholder{border-radius:16px;margin-bottom:var(--spacing-xl);padding-top:56.25%}}@media (min-width: 1440px){.video-placeholder{border-radius:20px;margin-bottom:var(--spacing-2xl);padding-top:56.25%}}.video-placeholder .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-4xl);z-index:2}@media (max-width: 279px){.video-placeholder .play-icon{font-size:var(--font-size-2xl)}}@media (min-width: 280px) and (max-width: 767px){.video-placeholder .play-icon{font-size:var(--font-size-3xl)}}@media (min-width: 768px) and (max-width: 1023px){.video-placeholder .play-icon{font-size:var(--font-size-4xl)}}@media (min-width: 1024px) and (max-width: 1439px){.video-placeholder .play-icon{font-size:4rem}}@media (min-width: 1440px){.video-placeholder .play-icon{font-size:5rem}}.video-placeholder .placeholder-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;text-align:center;font-size:var(--font-size-base);font-weight:500;margin-top:2.5rem}@media (max-width: 279px){.video-placeholder .placeholder-text{font-size:var(--font-size-sm);width:90%;margin-top:1.5rem}}@media (min-width: 280px) and (max-width: 767px){.video-placeholder .placeholder-text{font-size:var(--font-size-base);width:85%;margin-top:2rem}}@media (min-width: 768px) and (max-width: 1023px){.video-placeholder .placeholder-text{font-size:var(--font-size-lg);width:80%;margin-top:2.5rem}}@media (min-width: 1024px) and (max-width: 1439px){.video-placeholder .placeholder-text{font-size:var(--font-size-xl);width:75%;margin-top:3rem}}@media (min-width: 1440px){.video-placeholder .placeholder-text{font-size:var(--font-size-2xl);width:70%;margin-top:3.5rem}}.mood-container{display:flex;justify-content:space-around;margin:1.5rem 0}.mood-option{display:flex;flex-direction:column;align-items:center;cursor:pointer}.mood-option .mood-emoji{font-size:2.5rem;margin-bottom:.5rem;transition:transform .2s}.mood-option .mood-label{font-size:.8rem;color:var(--text-secondary)}.mood-option.selected .mood-emoji{transform:scale(1.2)}.mood-option.selected .mood-label{color:var(--primary-color);font-weight:500}.text-primary{color:var(--primary-color)}.text-accent{color:var(--accent-color)}.font-medium-custom{font-weight:500}.overflow-hidden{overflow:hidden}