@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Outfit:wght@300;400;500;700&display=swap";:root{--color-primary: #8FBC8F;--color-primary-light: #C1E1C1;--color-primary-dark: #556B2F;--color-secondary: #F5DEB3;--color-secondary-light: #FFF8DC;--color-text-main: #2F4F4F;--color-text-sub: #696969;--color-text-light: #F0FFF0;--color-bg-main: #FFFAF0;--color-bg-card: #FFFFFF;--color-bg-glass: rgba(255, 255, 255, .6);--color-accent: #E9967A;--color-error: #CD5C5C;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(143, 188, 143, .15);--shadow-md: 0 4px 16px rgba(143, 188, 143, .2);--shadow-lg: 0 8px 30px rgba(143, 188, 143, .25);--font-main: "Noto Sans KR", sans-serif;--font-logo: "Outfit", sans-serif}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-main);background-color:var(--color-bg-main);color:var(--color-text-main);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;color:var(--color-text-main);font-family:var(--font-logo)}a{text-decoration:none;color:inherit}button{font-family:var(--font-main);border:none;cursor:pointer}ul,ol{margin:0;padding:0;list-style:none}.glass-panel{background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:var(--shadow-sm);border-radius:var(--radius-md)}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-md);text-align:center}.hide-date-icon::-webkit-calendar-picker-indicator{background:transparent;color:transparent;cursor:pointer;height:auto;inset:0;position:absolute;width:auto}.hide-select-arrow{-webkit-appearance:none;-moz-appearance:none;appearance:none}.hide-select-arrow::-ms-expand{display:none}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.react-calendar-wrapper{width:100%;min-height:500px}.react-calendar-custom{width:100%!important;background:transparent!important;border:none!important;font-family:var(--font-body)!important}.react-calendar__navigation{display:flex;margin-bottom:1.5rem!important;height:44px!important}.react-calendar__navigation button{min-width:44px;background:none;font-size:1.25rem!important;font-weight:700!important;color:var(--color-text-main)!important;border-radius:9999px;transition:background-color .2s}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#f3f4f6}.react-calendar__navigation__label{flex-grow:1;pointer-events:none}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font-weight:700!important;font-size:.75rem;color:#9ca3af;margin-bottom:.5rem}.react-calendar__month-view__weekdays__weekday{padding:.5rem 0!important}.react-calendar__month-view__weekdays__weekday abbr{text-decoration:none}.react-calendar__tile{max-width:100%!important;aspect-ratio:1 / 1;display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:.25rem!important;background:transparent!important;border-radius:.75rem!important;font-size:.875rem;font-weight:500;color:var(--color-text-main);transition:all .2s;position:relative;overflow:visible!important}.tile-inner{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible}.cert-popup{display:none;position:absolute;bottom:80%;left:50%;transform:translate(-50%);width:140px;height:140px;background-color:#fff;border:2px solid var(--color-primary);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:100;overflow:hidden;pointer-events:none}.cert-popup img{width:100%;height:100%;object-fit:cover}.react-calendar__tile:hover .cert-popup{display:block;animation:popup-fade-in .2s ease-out}@keyframes popup-fade-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.react-calendar__tile:enabled:hover{background-color:#f9fafb!important}.react-calendar__month-view__days__day--neighboringMonth{color:#d1d5db!important}.tile-today{background-color:var(--color-primary)!important;color:var(--color-bg-dark)!important;box-shadow:0 4px 6px -1px #88d27666;transform:scale(1.05);z-index:10}.tile-today:hover{transform:scale(1.1)}.today-badge{position:absolute;bottom:4px;font-size:10px;line-height:1;font-weight:700}.today-day-text{font-size:1.125rem;font-weight:800;margin-bottom:2px}.tile-certified{background-color:#eaf3e7!important;color:var(--color-primary)!important;font-weight:700;position:relative}.certified-icon{font-size:1.25rem!important}.tile-range{background-color:#88d2761a!important;border-radius:0!important}.tile-range.tile-range-start{border-top-left-radius:.75rem!important;border-bottom-left-radius:.75rem!important}.tile-range.tile-range-end{border-top-right-radius:.75rem!important;border-bottom-right-radius:.75rem!important}.react-calendar__tile--active{background:var(--color-primary)!important;color:#fff!important}.tile-certified .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 700,"GRAD" 0,"opsz" 24}.challenge-page{--color-primary: #88d276;--color-primary-hover: #6fc25d;--color-bg-light: #f6f8f6;--color-bg-dark: #354f38;--color-text-main: #111812;--color-text-muted: #4b5563;--color-card-light: #ffffff;--color-card-dark: #354f38;--font-display: "Lexend", sans-serif;--font-body: "Noto Sans KR", sans-serif;width:100%;min-height:100vh;background-color:var(--color-bg-light);color:var(--color-text-main);font-family:var(--font-body)}.home-container{max-width:1280px;margin:0 auto;padding:2rem 1rem;display:flex;flex-direction:column;gap:2.5rem}@media(min-width:640px){.home-container{padding:2rem 2.5rem}}.icon-btn{display:flex;align-items:center;justify-content:center;border-radius:9999px;padding:.5rem;transition:background-color .2s;border:none;background:transparent;cursor:pointer}.icon-btn:hover{background-color:#0000000d}.home-hero{display:flex;flex-direction:column;gap:1.5rem;align-items:flex-start}@media(min-width:768px){.home-hero{flex-direction:row;justify-content:space-between;align-items:flex-end}}.hero-title{font-family:var(--font-display);font-size:2.25rem;font-weight:900;line-height:1.1;letter-spacing:-.025em;margin-bottom:.75rem}@media(min-width:768px){.hero-title{font-size:2.5rem}}.hero-desc{font-size:1.125rem;color:var(--color-text-muted);font-weight:400}.btn-new-challenge{background-color:var(--color-primary);color:var(--color-bg-dark);font-weight:700;padding:.75rem 1.5rem;border-radius:.75rem;display:flex;align-items:center;gap:.5rem;transition:transform .2s,background-color .2s;box-shadow:0 4px 6px -1px #88d27633;border:none;cursor:pointer}.btn-new-challenge:hover{background-color:var(--color-primary-hover);transform:scale(1.05)}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:1024px){.dashboard-grid{grid-template-columns:1fr 2fr}}.stats-card{background-color:var(--color-card-light);border-radius:1.5rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d;border:1px solid #eaf3e7;display:flex;flex-direction:column;justify-content:space-between}.stats-title{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.stat-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:var(--color-bg-light);border-radius:1rem;margin-bottom:1rem}.stat-info{display:flex;flex-direction:column}.stat-label{font-size:.875rem;color:#6b7280}.stat-value{font-size:1.875rem;font-weight:900;color:var(--color-text-main)}.stat-icon{font-size:2.25rem}.quote-divider{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #f3f4f6;text-align:center}.quote-text{font-size:.875rem;font-style:italic;color:#6b7280}.calendar-container{background-color:var(--color-card-light);border-radius:1.5rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d;border:1px solid #eaf3e7}.section-header{display:flex;flex-direction:column;gap:1rem;border-bottom:1px solid #eaf3e7;padding-bottom:1rem}@media(min-width:768px){.section-header{flex-direction:row;justify-content:space-between;align-items:center}}.section-title{font-size:1.5rem;font-weight:700}.filter-group{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:background-color .2s}.filter-btn.active{background-color:var(--color-primary);color:var(--color-bg-dark);font-weight:700;box-shadow:0 1px 2px #0000000d}.filter-btn.inactive{background-color:#eaf3e7;color:var(--color-text-main)}.filter-btn.inactive:hover{background-color:#e5e7eb}.challenges-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.challenges-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.challenges-grid{grid-template-columns:repeat(3,1fr)}}.challenge-card{background-color:var(--color-card-light);border-radius:1.5rem;overflow:hidden;box-shadow:0 1px 2px #0000000d;border:1px solid #eaf3e7;display:flex;flex-direction:column;transition:box-shadow .3s,transform .3s;position:relative}.challenge-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-4px)}.card-image-wrapper{position:relative;height:12rem;overflow:hidden}.card-image{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .5s}.challenge-card:hover .card-image{transform:scale(1.1)}.status-badge{position:absolute;top:1rem;left:1rem;z-index:10;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:.25rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-badge.progress{background-color:#ffffffe6;color:var(--color-primary)}.status-badge.upcoming{background-color:#dbeafee6;color:#2563eb}.status-badge.completed{background-color:#f3f4f6e6;color:#4b5563}.card-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.card-title{font-size:1.25rem;font-weight:700;color:var(--color-text-main);transition:color .2s}.challenge-card:hover .card-title{color:var(--color-primary)}.category-tag{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:.5rem}.tag-relax{background-color:#f3e8ff;color:#9333ea}.tag-energy{background-color:#fef9c3;color:#ca8a04}.tag-focus{background-color:#ccfbf1;color:#0d9488}.tag-calm{background-color:#fef3c7;color:#d97706}.card-desc{font-size:.95rem;color:#4b5563;line-height:1.6;margin-bottom:1.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-weight:400}.card-meta-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;margin-bottom:1rem;font-weight:500}.progress-info{display:flex;justify-content:space-between;font-size:.75rem;font-weight:700;color:#9ca3af;margin-bottom:.25rem}.progress-bar-bg{width:100%;height:.625rem;background-color:#f3f4f6;border-radius:9999px;margin-bottom:1rem}.progress-bar-fill{height:100%;border-radius:9999px;background-color:var(--color-primary)}.btn-card-action{width:100%;padding:.75rem;border-radius:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none;cursor:pointer;transition:background-color .2s}.btn-card-primary{background-color:var(--color-primary);color:var(--color-bg-dark)}.btn-card-primary:hover{background-color:var(--color-primary-hover)}.btn-card-outline{border:2px solid var(--color-primary);background:transparent;color:var(--color-text-main)}.btn-card-outline:hover{background-color:#88d2761a}.btn-card-secondary{background-color:#f3f4f6;color:var(--color-text-main)}.btn-card-secondary:hover{background-color:#e5e7eb}.intro-page{--intro-primary: #88d276;--intro-primary-hover: #6fc25d;--intro-bg-light: #f6f8f6;--intro-bg-white: #ffffff;--intro-text-main: #111812;--intro-text-sub: #4b5563;--intro-bg-dark: #354f38;--intro-font-display: "Lexend", sans-serif;--intro-font-sans: "Lexend", "Noto Sans KR", sans-serif;font-family:var(--intro-font-sans);color:var(--intro-text-main);background-color:var(--intro-bg-light);width:100%;min-height:100vh;display:flex;flex-direction:column}html{scroll-behavior:smooth}.intro-container{max-width:1280px;margin:0 auto;padding:0 1.5rem;width:100%}.intro-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;padding:0 1.5rem;height:2.5rem;font-weight:700;font-size:.875rem;transition:all .2s;cursor:pointer;border:none;text-decoration:none}.intro-btn-primary{background-color:var(--intro-primary);color:#000;box-shadow:0 1px 2px #0000000d}.intro-btn-primary:hover{background-color:var(--intro-primary-hover);transform:scale(1.02)}.intro-btn-outline{background-color:#fff;border:1px solid #e5e7eb;color:var(--intro-text-main)}.intro-btn-outline:hover{background-color:#f9fafb}.intro-section{padding:4rem 1rem;scroll-margin-top:80px}@media(min-width:768px){.intro-section{padding:6rem 2.5rem}}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.intro-header{position:sticky;top:0;z-index:50;background-color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #f0f4f1;padding:1rem 1.5rem}.intro-header-content{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.intro-logo{display:flex;align-items:center;gap:.75rem;color:#000;text-decoration:none}.intro-logo svg{width:2rem;height:2rem;color:var(--intro-primary)}.intro-nav{display:none}@media(min-width:768px){.intro-nav{display:flex;gap:2rem}}.intro-nav a{font-size:.875rem;font-weight:500;color:var(--intro-text-main);transition:color .2s}.intro-nav a:hover{color:var(--intro-primary)}.hero-wrapper{display:flex;flex-direction:column-reverse;gap:2.5rem;align-items:center}@media(min-width:768px){.hero-wrapper{flex-direction:row}}.hero-text{flex:1;display:flex;flex-direction:column;gap:1.5rem}.hero-tag{color:var(--intro-primary);font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:.875rem;display:block;margin-bottom:1rem}.hero-title{font-family:var(--intro-font-display);font-size:2.25rem;font-weight:900;line-height:1.1;letter-spacing:-.025em;color:#111812}@media(min-width:768px){.hero-title{font-size:3rem}}@media(min-width:1024px){.hero-title{font-size:3.75rem}}.hero-desc{font-size:1rem;color:var(--intro-text-sub);line-height:1.625;max-width:600px}.hero-image-container{flex:1;width:100%}.hero-image{width:100%;aspect-ratio:4/3;border-radius:1.5rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;background-color:#f3f4f6}.bg-cover{width:100%;height:100%;background-size:cover;background-position:center}.philosophy-section{background-color:#fff}.section-header{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:3rem;gap:1rem}.core-values-tag{background-color:#88d27633;color:var(--intro-primary);padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.section-title{font-size:1.875rem;font-weight:900;line-height:1.2}.cards-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.cards-grid{grid-template-columns:repeat(3,1fr)}}.phil-card{display:flex;flex-direction:column;gap:1rem;border:1px solid #f3f4f6;background-color:var(--intro-bg-light);padding:2rem;border-radius:1rem;transition:box-shadow .2s}.phil-card:hover{box-shadow:0 10px 15px -3px #0000001a}.icon-circle{width:3rem;height:3rem;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;color:var(--intro-primary);box-shadow:0 1px 2px #0000000d}.programs-wrapper{position:relative;width:100%}.programs-scroll{display:flex;overflow-x:auto;gap:1.5rem;padding-bottom:2rem;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;border-radius:50%;background-color:#fff;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:10;transition:all .2s;color:var(--intro-text-main)}.scroll-btn:hover{background-color:#f9fafb;color:var(--intro-primary);transform:translateY(-50%) scale(1.1)}.scroll-btn-left{left:-1.5rem}.scroll-btn-right{right:-1.5rem}@media(max-width:768px){.scroll-btn-left{left:-.5rem}.scroll-btn-right{right:-.5rem}}.programs-scroll::-webkit-scrollbar{display:none}.program-card{flex:none;width:300px;scroll-snap-align:center;cursor:pointer}@media(min-width:768px){.program-card{width:380px}}.program-img-wrapper{width:100%;aspect-ratio:4/3;border-radius:1rem;overflow:hidden;background-color:#f3f4f6;position:relative;margin-bottom:1rem}.program-img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s}.program-card:hover .program-img{transform:scale(1.1)}.program-title{font-size:1.25rem;font-weight:700;margin-bottom:.25rem;transition:color .2s}.program-card:hover .program-title{color:var(--intro-primary)}.testimonials-section{background-color:#e8f5e9}.testimonial-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.testimonial-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.testimonial-grid{grid-template-columns:repeat(3,1fr)}}.test-card{background-color:#fff;padding:1.5rem;border-radius:1rem;display:flex;flex-direction:column;gap:1rem;text-align:left}.stars{color:var(--intro-primary);display:flex;gap:.25rem}.user-profile{display:flex;align-items:center;gap:.75rem;margin-top:auto}.user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background-color:#e5e7eb;background-size:cover}.cta-container{max-width:960px;margin:0 auto;background-color:var(--intro-bg-dark);border-radius:1.5rem;overflow:hidden;position:relative;text-align:center;padding:4rem 1.5rem}.cta-bg-glow{position:absolute;top:0;right:0;width:16rem;height:16rem;background-color:#88d27633;border-radius:50%;filter:blur(64px);transform:translate(50%,-50%)}.cta-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:2rem}.cta-title{color:#fff;font-size:2rem;font-weight:900}@media(min-width:768px){.cta-title{font-size:2.25rem}}.cta-text{color:#d1d5db;font-size:1rem;line-height:1.6}.intro-footer{background-color:#fff;border-top:1px solid #f0f4f1;padding-top:4rem;padding-bottom:2rem}.footer-top{display:flex;flex-direction:column;gap:2.5rem;margin-bottom:2.5rem}@media(min-width:768px){.footer-top{flex-direction:row;justify-content:space-between}}.footer-brand{display:flex;flex-direction:column;gap:1.5rem;flex:1}.footer-links-grid{display:flex;justify-content:flex-start;gap:2rem;flex:1}@media(min-width:768px){.footer-links-grid{justify-content:flex-end}}.footer-col h3{font-size:.875rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem;color:#111812}.footer-col a,.footer-col p{color:#6b7280;font-size:.875rem;display:block;margin-bottom:.5rem;text-decoration:none;transition:color .2s}.footer-col p,.footer-col a{display:flex;align-items:center;gap:.5rem}.footer-col a:hover{color:var(--intro-primary)}.footer-bottom{border-top:1px solid #f3f4f6;padding-top:2rem;display:flex;flex-direction:column;gap:1rem;align-items:center}@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-bottom p,.footer-bottom a{font-size:.75rem;color:#9ca3af}.store-page{animation:fadeIn .5s ease-in-out}.store-hero{position:relative;min-height:400px;border-radius:var(--radius-md);overflow:hidden;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:var(--spacing-xl);background-color:var(--color-secondary-light)}.store-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0009,#0000 50%);z-index:1}.store-hero-content{position:relative;z-index:2;padding:var(--spacing-xl);max-width:700px;color:#fff}.store-hero-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-primary);color:#fff;font-size:.75rem;font-weight:700;border-radius:var(--radius-full);text-transform:uppercase;margin-bottom:var(--spacing-md)}.store-hero-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md);font-family:var(--font-logo);color:#fff}.store-hero-desc{font-size:1.125rem;color:#e5e7eb;margin-bottom:var(--spacing-lg)}.store-btn-primary{background-color:var(--color-primary);color:#fff;font-weight:700;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:var(--spacing-sm);transition:all .2s}.store-btn-primary:hover{background-color:var(--color-primary-dark);opacity:.9}.store-categories{margin-bottom:var(--spacing-xl)}.store-categories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.store-categories-list{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:var(--spacing-xs);scrollbar-width:none}.store-categories-list::-webkit-scrollbar{display:none}.store-cat-btn{height:40px;padding:0 var(--spacing-lg);border-radius:var(--radius-full);font-weight:500;white-space:nowrap;transition:all .2s;display:flex;align-items:center;justify-content:center;border:1px solid transparent}.store-cat-btn.active{background-color:var(--color-primary);color:#fff}.store-cat-btn.inactive{background-color:var(--color-bg-card);border-color:#e5e7eb;color:var(--color-text-main)}.store-cat-btn.inactive:hover{background-color:var(--color-bg-main)}.store-section-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-lg);padding:0 var(--spacing-xs)}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-lg);margin-bottom:4rem}.store-card{background-color:var(--color-bg-card);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .2s;display:flex;flex-direction:column;border:1px solid transparent}.store-card:hover{box-shadow:var(--shadow-md);border-color:#8fbc8f4d;transform:translateY(-2px)}.store-card-image{position:relative;width:100%;aspect-ratio:1/1;background-size:contain;background-repeat:no-repeat;background-position:center;background-origin:content-box;padding:10px;background-color:#fff}.store-card-badge{position:absolute;top:12px;left:12px;padding:4px 8px;background-color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;font-size:10px;font-weight:700;color:var(--color-primary);text-transform:uppercase;border:1px solid rgba(143,188,143,.2)}.store-card-love{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background-color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;color:#9ca3af;border:none;cursor:pointer;transition:color .2s}.store-card-love:hover{color:var(--color-error)}.store-card-content{padding:var(--spacing-md);display:flex;flex-direction:column;flex:1;gap:var(--spacing-sm)}.store-card-header{display:flex;justify-content:space-between;align-items:flex-start}.store-card-title{font-weight:700;font-size:1rem;line-height:1.4}.store-card-price{color:var(--color-primary);font-weight:700;white-space:nowrap}.store-card-desc{font-size:.875rem;color:var(--color-text-sub);display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.store-card-actions{display:flex;gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-sm)}.store-btn-buy{flex:1;background-color:var(--color-primary);color:#fff;font-size:.875rem;font-weight:700;height:40px;border-radius:var(--radius-sm);transition:opacity .2s}.store-btn-buy:hover{opacity:.9}.store-btn-cart{width:40px;height:40px;background-color:var(--color-bg-main);color:var(--color-text-main);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background-color .2s}.store-btn-cart:hover{background-color:#e5e7eb}.store-safety{background-color:#8fbc8f0d;border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:4rem;border:1px solid rgba(143,188,143,.1)}.store-safety-header{text-align:center;margin-bottom:var(--spacing-xl)}.store-safety-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.store-safety-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm)}.store-safety-icon{width:64px;height:64px;background-color:var(--color-bg-card);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:32px;box-shadow:var(--shadow-sm)}.store-testimonial{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:4rem}@media(min-width:768px){.store-testimonial{flex-direction:row;align-items:center}}.store-testimonial-content{flex:1}.store-review-box{background-color:var(--color-bg-card);padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font-style:italic;color:var(--color-text-sub);border-left:4px solid var(--color-primary)}.store-review-author{margin-top:var(--spacing-md);font-weight:700;font-size:.875rem;font-style:normal;color:var(--color-text-main)}.store-testimonial-images{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.store-image-box{background-color:#e5e7eb;border-radius:var(--radius-sm);overflow:hidden;position:relative;padding-top:100%}.store-bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.product-list-page{animation:fadeIn .5s ease-in-out}.product-list-container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md);width:100%}.product-list-header{margin-bottom:var(--spacing-xl)}.breadcrumbs{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:#9ca3af;margin-bottom:var(--spacing-sm)}.breadcrumbs a:hover{color:var(--color-primary)}.page-title{font-family:var(--font-logo);font-size:1.875rem;font-weight:700;margin-bottom:var(--spacing-sm)}.page-desc{color:var(--color-text-sub);font-size:.9rem;max-width:600px;line-height:1.6}.content-wrapper{display:flex;flex-direction:column;gap:2.5rem}@media(min-width:1024px){.content-wrapper{flex-direction:row}}.sidebar{width:100%;flex-shrink:0}@media(min-width:1024px){.sidebar{width:250px}}.filter-section{margin-bottom:var(--spacing-xl)}.filter-title{font-size:1rem;font-weight:700;margin-bottom:var(--spacing-md);display:flex;justify-content:space-between;align-items:center;cursor:pointer}.filter-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:.875rem;color:var(--color-text-sub);transition:color .2s}.checkbox-label:hover{color:var(--color-primary)}.filter-checkbox{width:1rem;height:1rem;border-radius:.25rem;border:1px solid #d1d5db;accent-color:var(--color-primary)}input[type=range]{width:100%;accent-color:var(--color-primary);cursor:pointer}.safe-guide-box{background-color:#88d2761a;border:1px solid rgba(136,210,118,.2);border-radius:var(--radius-md);padding:var(--spacing-md)}.safe-guide-title{color:var(--color-primary);font-size:.75rem;font-weight:700;margin-bottom:var(--spacing-xs)}.safe-guide-subtitle{font-size:.875rem;font-weight:700;margin-bottom:var(--spacing-xs)}.safe-guide-desc{font-size:.75rem;color:var(--color-text-sub);margin-bottom:var(--spacing-md)}.safe-guide-link{font-size:.75rem;font-weight:700;color:var(--color-primary);display:flex;align-items:center;gap:4px}.main-content{flex:1}.sort-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-md);border-bottom:1px solid #f3f4f6;margin-bottom:var(--spacing-lg)}.product-count{font-size:.875rem;color:var(--color-text-sub)}.product-count strong{color:var(--color-primary)}.sort-select{border:none;background:transparent;font-size:.875rem;font-weight:500;color:var(--color-text-main);cursor:pointer;outline:none}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-lg);margin-bottom:4rem}.product-card{background-color:var(--color-bg-card);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .2s;display:flex;flex-direction:column;border:1px solid transparent}.product-card:hover{box-shadow:var(--shadow-md);border-color:#8fbc8f4d;transform:translateY(-2px)}.product-img-wrapper{position:relative;width:100%;padding-top:100%;background-color:#fff}.product-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;padding:10px;transition:transform .5s}.product-card:hover .product-img{transform:scale(1.1)}.badge-new{position:absolute;top:12px;left:12px;background-color:#2d9cdb;color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:4px;text-transform:uppercase}.badge-best{position:absolute;top:12px;left:12px;background-color:var(--color-primary);color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:4px;text-transform:uppercase}.badge-sale{position:absolute;top:12px;left:12px;background-color:#fb923c;color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:4px;text-transform:uppercase}.btn-fav{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background-color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;color:#9ca3af;border:none;cursor:pointer;transition:color .2s;z-index:2}.btn-fav:hover{color:var(--color-error)}.hover-overlay{position:absolute;inset:0;background:#0000000d;opacity:0;transition:opacity .2s;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--spacing-md)}.product-card:hover .hover-overlay{opacity:1}.overlay-actions{display:flex;gap:var(--spacing-sm)}.btn-overlay{flex:1;padding:.75rem;border-radius:var(--radius-sm);font-weight:700;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;box-shadow:0 4px 6px -1px #0000001a;transition:transform .1s}.btn-overlay:active{transform:scale(.98)}.btn-white{background-color:#fff;color:var(--color-text-main)}.btn-white:hover{background-color:#f9fafb}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark)}.card-details{padding:var(--spacing-md);display:flex;flex-direction:column;gap:4px}.product-cat{font-size:.75rem;color:#9ca3af}.product-title{font-size:1rem;font-weight:700;color:var(--color-text-main);transition:color .2s}.product-card:hover .product-title{color:var(--color-primary)}.rating{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#9ca3af}.stars{display:flex;color:#facc15}.price-row{font-size:1.125rem;font-weight:700;margin-top:4px;display:flex;align-items:center;gap:8px}.original-price{font-size:.875rem;color:#9ca3af;text-decoration:line-through;font-weight:400}.discount-price{color:var(--color-error)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);margin-top:4rem}.page-btn{width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-sub);transition:all .2s}.page-btn:hover{background-color:#f9fafb}.page-btn.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:700}.product-detail-page{animation:fadeIn .5s ease-in-out;padding-bottom:4rem}.product-detail-container{max-width:1200px;margin:0 auto;padding:var(--spacing-md);width:100%}.breadcrumbs{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:#9ca3af;margin-bottom:var(--spacing-lg)}.breadcrumbs a{color:#63886f;text-decoration:none;font-weight:500}.breadcrumbs a:hover{text-decoration:underline}.product-hero{display:grid;grid-template-columns:1fr;gap:3rem;margin-top:1rem}@media(min-width:1024px){.product-hero{grid-template-columns:1fr 1fr}}.product-gallery{display:flex;flex-direction:column;gap:1rem}.main-image-wrapper{width:100%;aspect-ratio:4/5;background-color:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb}.main-image{width:80%;height:80%;object-fit:contain}.thumbnail-list{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem}.thumbnail{width:6rem;height:6rem;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;background-color:#fff;overflow:hidden;flex-shrink:0;transition:all .2s}.thumbnail.active{border-color:var(--color-primary)}.thumbnail:hover{border-color:#19e65e80}.thumbnail img{width:100%;height:100%;object-fit:cover}.product-info{display:flex;flex-direction:column;gap:1.5rem}.product-subtitle{font-size:.875rem;color:var(--color-primary);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.product-title-large{font-family:var(--font-logo);font-size:2.25rem;font-weight:900;line-height:1.2;color:var(--color-text-main)}.product-desc-short{font-size:1.125rem;color:#63886f;line-height:1.6}.price-box{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.current-price{font-size:1.875rem;font-weight:700;color:var(--color-text-main)}.discount-tag{background-color:#f0f4f2;color:var(--color-primary);font-size:.875rem;font-weight:700;padding:.25rem .75rem;border-radius:var(--radius-md)}.benefits-section{margin-top:1rem}.section-label{font-size:.875rem;font-weight:700;color:var(--color-text-main);margin-bottom:.75rem}.chips-container{display:flex;flex-wrap:wrap;gap:.75rem}.benefit-chip{display:flex;align-items:center;gap:.5rem;padding:0 1rem;height:2.5rem;background-color:#19e65e1a;border:1px solid rgba(25,230,94,.2);border-radius:var(--radius-md);color:var(--color-text-main);font-size:.875rem;font-weight:500}.chip-icon{font-size:1.125rem;color:var(--color-primary)}.ingredients-box{border-top:1px solid #f0f4f2;border-bottom:1px solid #f0f4f2;padding:1rem 0}.ingredients-text{font-size:.875rem;color:#63886f}.actions-area{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.quantity-row{display:flex;align-items:center;gap:1.5rem}.quantity-selector{display:flex;align-items:center;border:1px solid #f0f4f2;border-radius:var(--radius-md);overflow:hidden}.qty-btn{width:2.5rem;height:2.5rem;display:flex;justify-content:center;align-items:center;background:transparent;border:none;cursor:pointer;font-size:1.25rem;color:var(--color-text-main)}.qty-btn:hover{background-color:#f0f4f2}.qty-value{width:3rem;text-align:center;font-weight:700}.stock-text{font-size:.875rem;color:#63886f}.buttons-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn-cart{height:3.5rem;border-radius:var(--radius-md);background-color:#f0f4f2;color:var(--color-text-main);font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none;cursor:pointer;transition:all .2s}.btn-cart:hover{background-color:#e0e8e2}.btn-buy{height:3.5rem;border-radius:var(--radius-md);background-color:var(--color-primary);color:#112116;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #19e65e33}.btn-buy:hover{filter:brightness(1.1);transform:translateY(-1px)}.details-tabs{margin-top:5rem}.tabs-header{display:flex;gap:2rem;border-bottom:1px solid #f0f4f2;margin-bottom:2.5rem}.tab-btn{padding-bottom:1rem;font-size:1.125rem;font-weight:500;color:#63886f;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s}.tab-btn:hover{color:var(--color-text-main)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:700}.tab-content{animation:fadeIn .3s ease-out}.content-grid{display:grid;grid-template-columns:1fr;gap:3rem}@media(min-width:1024px){.content-grid{grid-template-columns:2fr 1fr}}.detail-section h3{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.highlight-box{background-color:#19e65e0d;border:1px solid rgba(25,230,94,.1);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem}.highlight-box p{line-height:1.7;margin-bottom:1.5rem}.step-cards{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.step-cards{grid-template-columns:1fr 1fr}}.step-card{background-color:#fff;padding:1.25rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid #f0f4f2}.step-title{color:var(--color-primary);font-weight:700;margin-bottom:.5rem}.step-desc{font-size:.875rem;color:#63886f}.info-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background-color:#f9fafb;border-radius:var(--radius-sm)}.trust-badge-box{background-color:#f0f4f2;padding:1.5rem;border-radius:var(--radius-lg);margin-bottom:2rem}.trust-badge-box h4{font-weight:700;margin-bottom:1rem}.trust-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}.trust-item{display:flex;gap:.75rem}.badge-icon{color:var(--color-primary)}.badge-text p:first-child{font-size:.875rem;font-weight:700}.badge-text p:last-child{font-size:.75rem;color:#63886f}.usage-list,.caution-list{list-style:disc;padding-left:1.5rem;line-height:1.8;color:var(--color-text-main)}