*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-background: #f8f9fb;--color-background-secondary: #ffffff;--color-text-primary: #111418;--color-text-secondary: #5f6b7a;--color-accent: #0a84ff;--color-accent-secondary: #22c55e;--color-accent-tertiary: #f59e0b;--color-divider: rgba(0, 0, 0, .08);--color-glass-bg: rgba(255, 255, 255, .7);--color-glass-border: rgba(255, 255, 255, .9);--color-shadow: rgba(0, 0, 0, .08);--color-shadow-medium: rgba(0, 0, 0, .12);--color-shadow-strong: rgba(0, 0, 0, .18);--color-card-hover-bg: rgba(10, 132, 255, .06);--color-hero-text: #ffffff;--max-width: 1120px;--bg-color: var(--color-background);--surface-color: var(--color-background-secondary);--primary-text-color: var(--color-text-primary);--secondary-text-color: var(--color-text-secondary);--accent-color: var(--color-accent);--divider-color: var(--color-divider);--glass-bg: var(--color-glass-bg);--glass-border-color: var(--color-glass-border);--shadow-color-dark: var(--color-shadow);--shadow-color-darker: rgba(0, 0, 0, .16);--card-hover-bg: var(--color-card-hover-bg);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--font-serif: "Playfair Display", Georgia, serif;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px;--elev-1: 0 6px 20px var(--shadow-color-dark);--elev-2: 0 10px 30px var(--shadow-color-darker)}html{scroll-behavior:smooth;scroll-padding-top:120px}body{font-family:var(--font-sans);font-weight:400;color:var(--primary-text-color);background-color:var(--bg-color);background-image:radial-gradient(1400px 900px at 25% -10%,#0a84ff1f,#0a84ff00 60%),radial-gradient(1400px 900px at 80% 100%,#22c55e1a,#22c55e00 55%),radial-gradient(1200px 800px at 50% 50%,#f59e0b0d,#f59e0b00 70%);min-height:100vh;line-height:1.75;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#root{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh}.bg-ornaments{position:fixed;top:-10%;right:-10%;bottom:-10%;left:-10%;pointer-events:none;overflow:hidden;z-index:-2}.blob{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(50px);opacity:.35;transform:translateZ(0);animation:float 32s ease-in-out infinite;will-change:transform;contain:layout style paint}.blob-a{background:#0a84ff40;top:-5%;left:-5%}.blob-b{background:#108c5a38;bottom:-10%;right:-10%;animation-duration:36s}.blob-c{background:#ffb8002e;top:30%;right:10%;animation-duration:40s}@keyframes float{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(10px,-20px,0) scale(1.03)}}.wave-divider{position:absolute;bottom:-1px;left:0;right:0;color:#000}@media (prefers-color-scheme: dark){.wave-divider{color:#fff}}.site-nav{position:sticky;top:0;z-index:10;width:100%;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);background:color-mix(in srgb,var(--surface-color) 80%,transparent);border-bottom:1px solid var(--hairline-color)}.nav-inner{max-width:var(--max-width);margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:100%;position:relative}.nav-links{display:flex;gap:.5rem;list-style:none;flex-wrap:wrap;align-items:center;justify-content:center;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex:1;margin:0;padding:0}.nav-links::-webkit-scrollbar{display:none}.nav-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.nav-link{display:inline-block;padding:.6rem 1rem;border-radius:12px;color:var(--primary-text-color);text-decoration:none;transition:all .2s ease;white-space:nowrap;font-size:.925rem;font-weight:500;flex-shrink:0}.nav-link:hover{background:var(--card-hover-bg);transform:translateY(-1px)}.nav-link.active{background:var(--accent-color);color:#fff}.nav-link:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.home-nav-link{background:linear-gradient(135deg,var(--accent-color) 0%,#108c7e 100%);color:#fff!important;font-weight:600}.home-nav-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.home-nav-link.active{background:linear-gradient(135deg,var(--accent-color) 0%,#108c7e 100%);color:#fff!important}.theme-toggle{background:var(--glass-bg);border:2px solid var(--hairline-color);border-radius:16px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-shrink:0;padding:0;box-shadow:0 4px 12px #00000014}.theme-toggle:hover{transform:scale(1.12);box-shadow:0 8px 24px #00000026;border-color:var(--accent-color)}.theme-toggle:active{transform:scale(.95)}.toggle-icon{font-size:28px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);line-height:1;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.theme-toggle.light .toggle-icon{background:#000;color:gold;box-shadow:0 4px 12px #0006}.theme-toggle.dark .toggle-icon{background:#fff;color:gold;box-shadow:0 4px 12px #0003}.theme-toggle:hover .toggle-icon{transform:rotate(20deg) scale(1.05)}.whatsapp-nav-link{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff!important;font-weight:600;border-radius:20px;padding:.45rem .85rem;transition:all .3s ease;white-space:nowrap;font-size:.875rem}.whatsapp-nav-link:hover{transform:translateY(-2px);box-shadow:0 8px 25px #25d3664d;background:linear-gradient(135deg,#25d366,#128c7e)!important}.whatsapp-nav-link:active{transform:translateY(0)}.hero-section{width:100%;min-height:clamp(400px,50vh,600px);max-height:600px;position:relative;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;margin-bottom:4rem;padding:3rem 1rem;scroll-margin-top:120px}.hero-image-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}.hero-image-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#00000073,#0000001a 30%,#0000 65%);z-index:1}.hero-image{width:100%;height:100%;object-fit:cover;transform-origin:center;animation:zoomIn 28s ease-in-out infinite alternate;will-change:transform;backface-visibility:hidden}@keyframes zoomIn{0%{transform:scaleZ(1)}to{transform:scale3d(1.06,1.06,1)}}.hero-text{padding:1.5rem 2rem;max-width:800px;z-index:2;width:100%}.hero-text h1{font-family:var(--font-serif);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:.2px;text-shadow:0 4px 8px rgba(0,0,0,.8),0 8px 16px rgba(0,0,0,.4);color:#fff;animation:fadeInUp 1s ease-out forwards;opacity:0;line-height:1.2;margin-bottom:.5rem}.hero-text .subtitle{font-size:clamp(.95rem,2.5vw,1.2rem);font-weight:500;font-style:italic;text-shadow:0 2px 4px rgba(0,0,0,.9),0 4px 8px rgba(0,0,0,.5);color:#fff;animation:fadeInUp 1s ease-out .3s forwards;opacity:0;margin:.25rem 0;line-height:1.5}.hero-inner-content{background:#00000040;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:1.5rem;position:relative;max-width:90%;margin:0 auto}.hero-inner-content:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);border-radius:17px;z-index:-1}.hero-subtitle-group{margin:1rem 0;padding:.875rem 1.25rem;background:#00000059;border:1px solid rgba(255,255,255,.25);border-radius:12px;position:relative}.hero-subtitle-group:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#fff3,#ffffff0d);border-radius:13px;z-index:-1}.hero-subtitle-group .subtitle:first-child{margin-bottom:.5rem}.content-section{contain:style paint}#meetings{contain:none!important;overflow:visible!important}.glass-container{contain:style}.step-card,.testimonial-card,.resource-card,.meeting-card{contain:style paint}@media (prefers-reduced-motion: no-preference){.glass-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}@media (max-width: 768px){.glass-container{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--glass-bg)}}.gpu-accelerated{transform:translateZ(0);will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.hero-section,.site-nav,.scroll-top{isolation:isolate}.floating-particles,.shooting-stars,.floating-flowers{contain:strict;will-change:transform}*{transition-property:transform,opacity,background-color,border-color,color}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.carousel-track{transition:none!important}.intersection-animate{opacity:1!important;transform:none!important}}.slide-in-visible{opacity:1;transform:translateZ(0);transition:opacity .4s ease-out,transform .4s ease-out}.slide-in-hidden{opacity:0;transform:translate3d(0,20px,0);transition:opacity .4s ease-out,transform .4s ease-out}.hero-subtitle-group .subtitle:last-child{margin-bottom:0}.hero-meeting-info{margin-top:1rem;display:flex;flex-direction:column;gap:.375rem}.hero-meeting-info .meeting-type{font-size:clamp(.875rem,2vw,1rem);font-weight:600;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.8),0 4px 8px rgba(0,0,0,.5)}.hero-meeting-info .meeting-schedule{font-size:clamp(.875rem,2vw,1rem);font-weight:500;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.8),0 4px 8px rgba(0,0,0,.5)}@media (max-width: 768px){.hero-section{min-height:clamp(350px,45vh,500px);max-height:500px;padding:2rem 1rem}.hero-text{padding:1rem;max-width:95%}.hero-text h1{font-size:clamp(1.75rem,6vw,2.5rem);margin-bottom:.5rem}.hero-text .subtitle{font-size:clamp(.875rem,3vw,1.1rem)}.hero-inner-content{padding:1.25rem;max-width:95%}.hero-subtitle-group{padding:.75rem 1rem;margin:.875rem 0}.hero-meeting-info{margin-top:.875rem;gap:.25rem}.hero-meeting-info .meeting-type,.hero-meeting-info .meeting-schedule{font-size:clamp(.8rem,2.5vw,.95rem)}}@media (max-width: 480px){.hero-section{min-height:clamp(320px,40vh,450px);max-height:450px;padding:1.5rem .75rem}.hero-text{padding:.75rem;max-width:98%}.hero-text h1{font-size:clamp(1.5rem,7vw,2rem)}.hero-text .subtitle{font-size:clamp(.8rem,3.5vw,1rem)}.hero-inner-content{padding:1rem;max-width:98%}.hero-subtitle-group{padding:.625rem .875rem;margin:.75rem 0}.hero-meeting-info{gap:.25rem}.floating-flowers,.shooting-stars,.scroll-top{display:none!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}main{width:100%;padding:0 clamp(.75rem,3vw,2rem);max-width:var(--max-width);overflow-x:hidden}.carousel{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem}.shadcn-carousel{position:relative}.shadcn-carousel-viewport{overflow:hidden;border-radius:var(--radius-md)}.shadcn-carousel-container{display:flex;will-change:transform}.shadcn-carousel-content{display:contents}.shadcn-carousel-item{flex:0 0 100%;padding:.5rem}.shadcn-carousel-prev,.shadcn-carousel-next{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:999px;border:1px solid var(--hairline-color);cursor:pointer;background:color-mix(in srgb,var(--surface-color) 85%,transparent);color:var(--primary-text-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 18px var(--color-shadow)}.shadcn-carousel-prev:hover,.shadcn-carousel-next:hover{background:var(--card-hover-bg)}.shadcn-carousel-prev:active,.shadcn-carousel-next:active{transform:translateY(-50%) scale(.98)}.shadcn-carousel-prev{left:8px}.shadcn-carousel-next{right:8px}.carousel-viewport{overflow:hidden;border-radius:var(--radius-md)}.carousel-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;transition:transform .4s cubic-bezier(.25,.46,.45,.94);will-change:transform}.carousel-slide{padding:1rem}.reflection-quote{margin:0;padding:2rem 2.25rem;font-size:1.25rem;line-height:1.85;font-style:italic;background:color-mix(in srgb,var(--card-hover-bg) 60%,transparent);border:1px solid var(--glass-border-color);border-radius:var(--radius-md);box-shadow:0 6px 22px var(--color-shadow)}.carousel-nav{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff;background:var(--brand-gradient);border:0;width:40px;height:40px;border-radius:999px;display:grid;place-items:center;box-shadow:var(--brand-glow);cursor:pointer}.carousel-nav:hover{transform:translate3d(0,-1px,0)}.carousel-nav:active{transform:translateZ(0)}.carousel-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.dot{width:8px;height:8px;border-radius:999px;border:0;background:color-mix(in srgb,var(--secondary-text-color) 40%,transparent);cursor:pointer;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.dot.active{background:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 25%,transparent);transform:scale(1.2)}.content-section{margin-bottom:3rem;scroll-margin-top:120px}.glass-container{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid var(--glass-border-color);box-shadow:var(--elev-1);position:relative;overflow:hidden}.meeting-card.glass-container{overflow:visible!important}.glass-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);pointer-events:none}.content-section.glass-container{padding:clamp(1.5rem,4vw,2.5rem);margin-bottom:2.5rem}h2{font-size:clamp(2rem,4.5vw,2.75rem);font-weight:700;margin-bottom:1.5rem;font-family:var(--font-serif);color:var(--primary-text-color);letter-spacing:-.02em;line-height:1.2}.content-section+.content-section{margin-top:1rem}#steps,#meetings,#tools{margin-bottom:4rem}#meetings{overflow:visible}#crisis,#meeting-prep{margin-bottom:1.5rem}#gallery{margin-bottom:2.5rem}footer{margin-top:3rem;margin-bottom:1rem}.section-title{text-align:center;margin-bottom:3rem;padding-bottom:.75rem;border-bottom:2px solid var(--divider-color);display:inline-block;position:relative;left:50%;transform:translate(-50%)}p{font-size:clamp(1rem,2.5vw,1.125rem);color:var(--secondary-text-color);margin-bottom:1.5rem;max-width:68ch;line-height:1.8}p:last-of-type{margin-bottom:0}.preamble-content-with-decoration{display:flex;flex-direction:column;gap:2rem}.preamble-decoration{display:flex;justify-content:center;align-items:center;height:80px}.preamble-content{display:flex;align-items:center;gap:2.5rem}.preamble-text{flex:1.2}.preamble-illustration{flex:0 0 120px;display:flex;align-items:center;justify-content:center}#preamble .ghibli-image-container{flex:.8}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:2rem}.values-grid-four{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media (max-width: 768px){.values-grid-four{grid-template-columns:1fr}}.step-card{padding:clamp(1.25rem,4vw,2.5rem);display:flex;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.step-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);background:linear-gradient(135deg,#0a84ff1a,#22c55e1a);opacity:0;transition:opacity .4s ease;pointer-events:none}.step-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 60px var(--color-shadow-strong)}.step-card:hover:after{opacity:1}.step-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.step-icon{width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-sm);background:linear-gradient(180deg,#ffffffd9,#ffffffb3);border:1px solid var(--hairline-color);padding:8px;display:grid;place-items:center;transition:all .3s ease}[data-theme=light] .step-icon{background:linear-gradient(135deg,#0ea5e926,#22c55e26);border:2px solid rgba(14,165,233,.3);box-shadow:0 0 15px #0ea5e94d,0 0 30px #22c55e33,inset 0 0 15px #fff6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=light] .step-card:hover .step-icon{background:linear-gradient(135deg,#0ea5e940,#22c55e40);border-color:#0ea5e980;box-shadow:0 0 20px #0ea5e966,0 0 40px #22c55e4d,inset 0 0 20px #ffffff80;transform:scale(1.08) translateY(-2px)}[data-theme=dark] .step-icon{background:linear-gradient(135deg,#0ea5e940,#22c55e40);border:2px solid rgba(14,165,233,.5);box-shadow:0 0 20px #0ea5e966,0 0 40px #22c55e33,inset 0 0 20px #ffffff1a;filter:brightness(1.8) contrast(1.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .step-card:hover .step-icon{background:linear-gradient(135deg,#0ea5e966,#22c55e66);border-color:#0ea5e9cc;box-shadow:0 0 30px #0ea5e999,0 0 50px #22c55e4d,inset 0 0 30px #ffffff26;transform:scale(1.08) translateY(-2px);filter:brightness(2) contrast(1.4)}[data-theme=dark] .step-icon img{filter:brightness(2) contrast(1.2) saturate(1.3);opacity:.95}[data-theme=light] .step-icon img{filter:brightness(1.1) contrast(1.1) saturate(1.1);opacity:.9}.step-number{font-weight:700;color:var(--accent-color);font-size:1.2rem}.step-text{font-size:1.0625rem;line-height:1.85;color:var(--secondary-text-color);position:relative;z-index:1}.prayer-content{display:flex;gap:2.5rem;align-items:center}.prayer-content.reverse{flex-direction:row-reverse}.prayer-part+.prayer-part{margin-top:3rem}.prayer-text{flex:1}.ghibli-image-container{flex:.8}.ghibli-image{width:100%;border-radius:var(--radius-md);box-shadow:0 8px 25px #00000026;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}.ghibli-image:hover{transform:scale(1.03);box-shadow:0 12px 38px #0000002e}blockquote{font-style:italic;font-size:1.3rem;line-height:1.85;margin:0 0 2rem;padding:2rem 2.5rem;border-left:5px solid var(--accent-color);background:linear-gradient(135deg,#0a84ff0d,#22c55e08);border-radius:0 16px 16px 0;box-shadow:0 4px 12px var(--color-shadow);position:relative}blockquote:before{content:'"';position:absolute;top:.5rem;left:.75rem;font-size:4rem;line-height:1;color:#0a84ff26;font-family:Georgia,serif}footer{width:100%;max-width:var(--max-width);margin:3rem 0 1rem;padding:1.5rem;text-align:center;font-size:.9rem;color:var(--secondary-text-color)}footer a{color:var(--accent-color);text-decoration:none}footer a:hover{text-decoration:underline}.scroll-top{position:fixed;right:2rem;top:50%;transform:translateY(-50%);width:80px;height:80px;border-radius:20px;border:1px solid var(--hairline-color);background:var(--surface-color);color:var(--primary-text-color);box-shadow:var(--elev-1);display:grid;place-items:center;font-size:2rem;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease,background-color .25s ease;z-index:998}.scroll-top.visible{opacity:1;transform:translateY(-50%);pointer-events:auto}.scroll-top:hover{background:color-mix(in srgb,var(--surface-color) 90%,var(--card-hover-bg));transform:translateY(-50%) scale(1.1)}:where(a,button,[tabindex],input,textarea,select):focus-visible{outline:2px solid var(--accent-color);outline-offset:3px;border-radius:8px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.hero-image{animation:none}.hero-text h1,.hero-text .subtitle{animation:none;opacity:1}.blob{animation:none}}@media (prefers-color-scheme: dark){:root{--color-background: #0b0c0f;--color-background-secondary: #111318;--color-text-primary: #e8eaed;--color-text-secondary: #b0b7c3;--color-accent: #3b9eff;--color-accent-secondary: #34d399;--color-accent-tertiary: #fbbf24;--color-divider: rgba(255, 255, 255, .08);--color-glass-bg: rgba(17, 19, 24, .65);--color-glass-border: rgba(255, 255, 255, .1);--color-shadow: rgba(0, 0, 0, .5);--color-shadow-medium: rgba(0, 0, 0, .6);--color-shadow-strong: rgba(0, 0, 0, .7);--color-card-hover-bg: rgba(59, 158, 255, .12);--color-hero-text: #ffffff;--bg-color: var(--color-background);--surface-color: var(--color-background-secondary);--primary-text-color: var(--color-text-primary);--secondary-text-color: var(--color-text-secondary);--accent-color: var(--color-accent);--divider-color: var(--color-divider);--hairline-color: rgba(255, 255, 255, .08);--shadow-color-dark: var(--color-shadow);--shadow-color-darker: rgba(0, 0, 0, .7);--glass-bg: var(--color-glass-bg);--glass-border-color: var(--color-glass-border);--card-hover-bg: var(--color-card-hover-bg)}body{background:radial-gradient(1400px 900px at 25% -10%,#3b9eff26,#3b9eff00 60%),radial-gradient(1400px 900px at 80% 100%,#34d3991f,#34d39900 55%),radial-gradient(1200px 800px at 50% 50%,#fbbf240f,#fbbf2400 70%),var(--bg-color)}.site-nav{background:color-mix(in srgb,var(--surface-color) 60%,transparent)}.step-icon{background:linear-gradient(180deg,#282c36d9,#282c3699)}.scroll-top{background:#161821;color:#e8eaed;border-color:#ffffff14}blockquote{background-color:#ffffff0a}}@media (max-width: 900px){.preamble-content-with-decoration{gap:1.5rem}.preamble-decoration{height:60px}.preamble-content{flex-direction:column;gap:2rem}.preamble-illustration{order:-1;margin-bottom:1rem}}@media (max-width: 768px){main{padding:0 1rem}.hero-section{height:50vh}.prayer-content,.prayer-content.reverse{flex-direction:column}.ghibli-image-container{width:100%;max-width:400px}}.meetings-grid{display:flex;justify-content:center;align-items:center;gap:1.25rem;overflow:visible;padding:3rem .5rem 2rem}.meeting-card{padding:3rem 3.5rem 3.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);max-width:900px;width:100%;position:relative;overflow:visible!important;display:flex;flex-direction:column;align-items:center;text-align:center}.meeting-card.glass-container:before{display:none}.meeting-head{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.meeting-day{font-weight:700;letter-spacing:.3px;font-size:1.2rem;order:1}.meeting-type{font-size:1rem;color:var(--secondary-text-color)}.meeting-time{font-size:3.5rem;font-weight:800;margin-bottom:2rem;color:var(--primary-text-color);letter-spacing:-1px}.meeting-desc{color:var(--secondary-text-color);font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.featured-meeting{background:linear-gradient(135deg,#0ea5e926,#22c55e26)!important;border:2px solid rgba(14,165,233,.5)!important;box-shadow:0 0 30px #0ea5e966,0 0 50px #22c55e33,0 8px 32px #0003,0 16px 40px #00000040!important;position:relative;overflow:visible;animation:pulse-glow 3s ease-in-out infinite}.featured-meeting:before{content:"⭐ EVERY DAY";position:absolute;top:8px;right:16px;background:linear-gradient(135deg,#1ea7ff,#0a84ff);color:#fff;font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:12px;letter-spacing:.5px;box-shadow:0 6px 16px #0a84ff8c,0 0 24px #0a84ff59;border:1px solid rgba(255,255,255,.2);text-shadow:0 1px 2px rgba(0,0,0,.25);z-index:20;pointer-events:none}.meeting-badge-top{position:absolute;top:8px;right:20px;background:linear-gradient(135deg,#1ea7ff,#0a84ff);color:#fff;font-size:.75rem;font-weight:800;padding:6px 14px;border-radius:12px;letter-spacing:.5px;box-shadow:0 6px 16px #0a84ff8c,0 0 24px #0a84ff59;border:1px solid rgba(255,255,255,.2);text-shadow:0 1px 2px rgba(0,0,0,.25);z-index:999;pointer-events:none;white-space:nowrap;transform:translateY(0)}.featured-meeting .meeting-day{color:#0ea5e9!important;font-size:1.1rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;background:linear-gradient(135deg,#0ea5e933,#0ea5e91a);padding:8px 20px;border-radius:12px;border:1px solid rgba(14,165,233,.3);order:1}.featured-meeting .meeting-time{color:var(--primary-text-color)!important;font-size:4rem;font-weight:900;background:linear-gradient(135deg,#0ea5e9,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2.5rem;letter-spacing:-2px;line-height:1}.featured-meeting .meeting-type{background:linear-gradient(135deg,#22c55e40,#22c55e26)!important;color:#22c55e!important;padding:8px 20px;border-radius:12px;font-weight:700;border:1px solid rgba(34,197,94,.4);font-size:1rem;order:2;margin-top:0}.featured-meeting .meeting-desc{font-size:1.05rem;color:var(--primary-text-color)!important;opacity:.85}.zoom-join-btn{display:inline-flex;align-items:center;justify-content:center;gap:.875rem;background:linear-gradient(135deg,#2d8cff,#06f);color:#fff;font-weight:700;font-size:1.4rem;padding:2rem 4rem;border-radius:20px;text-decoration:none;transition:all .3s ease;box-shadow:0 10px 30px #2d8cff73,0 5px 15px #0066ff59;border:2px solid rgba(255,255,255,.25);margin-top:1.5rem;min-height:75px;text-align:center;width:100%;max-width:400px}.zoom-join-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 32px #2d8cff99,0 6px 16px #06f6;background:linear-gradient(135deg,#3d9cff,#1076ff)}.zoom-join-btn:active{transform:translateY(-1px) scale(1.01)}.featured-meeting:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 0 40px #0ea5e999,0 0 70px #22c55e4d,0 12px 48px #0000004d,0 20px 50px #00000059!important}@keyframes pulse-glow{0%,to{box-shadow:0 0 30px #0ea5e966,0 0 50px #22c55e33,0 8px 32px #0003,0 16px 40px #00000040}50%{box-shadow:0 0 40px #0ea5e999,0 0 70px #22c55e66,0 8px 32px #0003,0 16px 40px #00000040}}.join-form{display:grid;gap:1rem}.form-row{display:grid;gap:.4rem}.form-row label{font-size:.95rem;color:var(--secondary-text-color)}.form-row input,.form-row textarea{width:100%;padding:.8rem 1rem;border-radius:12px;border:1px solid var(--hairline-color);background:var(--surface-color);color:var(--primary-text-color);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.form-row input::placeholder,.form-row textarea::placeholder{color:color-mix(in srgb,var(--secondary-text-color) 70%,transparent)}.form-row input:focus,.form-row textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 25%,transparent)}.form-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.btn-primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:linear-gradient(135deg,var(--accent-color),#0066d9);color:#fff;padding:1rem 2rem;border-radius:16px;font-weight:700;font-size:1.0625rem;box-shadow:0 8px 24px #0a84ff4d,0 2px 6px #0a84ff33;transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px #0a84ff66,0 4px 12px #0a84ff4d}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(-1px) scale(.98)}.form-status{font-size:.95rem}.form-status.success{color:#16a34a}.form-status.error{color:#dc2626}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:20}.confetti-piece{position:absolute;top:-10px;left:calc(2% + (var(--i) * 4%));width:8px;height:14px;background:hsl(calc(var(--i) * 15),90%,60%);border-radius:2px;opacity:.9;transform:translateY(-20px) rotate(0);animation:confetti-fall 1.6s ease-in forwards,confetti-spin 1.6s ease-in-out forwards}@keyframes confetti-fall{to{transform:translateY(110vh) rotate(360deg)}}@keyframes confetti-spin{50%{transform:translateY(55vh) rotate(180deg)}}.btn-whatsapp{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:16px;border:none;background:linear-gradient(135deg,#25d366,#1ebe5a);color:#fff;text-decoration:none;font-weight:700;font-size:1.0625rem;box-shadow:0 8px 24px #25d3664d,0 2px 6px #25d36633;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.btn-whatsapp:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.btn-whatsapp:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px #25d36666,0 4px 12px #25d3664d}.btn-whatsapp:hover:before{opacity:1}.btn-whatsapp:active{transform:translateY(-1px) scale(.98)}.wa-icon{font-size:1.2rem;line-height:1}.wa-embed{display:inline-block;width:clamp(160px,35vw,320px);aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;box-shadow:0 10px 28px #0000002e;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease;margin:1rem 0 1.25rem;border:1px solid var(--hairline-color);background:var(--surface-color)}.wa-embed img{width:100%;height:100%;object-fit:cover;display:block}.wa-embed:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 40px #00000038}.wa-section{text-align:center}.wa-cta{display:grid;justify-items:center;gap:1rem}.wa-embed img{object-position:center}:root{--animation-fast: .2s;--animation-normal: .3s;--animation-slow: .6s;--animation-spring: cubic-bezier(.175, .885, .32, 1.275)}.floating-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;width:2px;height:2px;background:var(--color-accent);border-radius:50%;opacity:.3;animation:float var(--animation-slow) infinite linear;animation-delay:calc(var(--i) * .1s)}@keyframes float{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-10vh) translate(calc(var(--i) * 10px));opacity:0}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100px) translateY(50px) scale(.95)}to{opacity:1;transform:translate(0) translateY(0) scale(1)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100px) translateY(50px) scale(.95)}to{opacity:1;transform:translate(0) translateY(0) scale(1)}}.content-section{opacity:1;transform:none;transition:all .8s cubic-bezier(.25,.46,.45,.94)}.content-section:nth-child(2n),.content-section:nth-child(odd){transform:none}.content-section.slide-in-visible{opacity:1!important;transform:none!important}.prayer-content{opacity:0;transition:all .8s cubic-bezier(.25,.46,.45,.94)}.prayer-content:nth-child(odd){transform:translate(-80px) translateY(30px)}.prayer-content:nth-child(2n){transform:translate(80px) translateY(30px)}.prayer-content.slide-in-visible{opacity:1!important;transform:translate(0) translateY(0)!important}.step-card{opacity:0;transform:translateY(40px) scale(.95);transition:all .6s cubic-bezier(.25,.46,.45,.94)}.step-card:nth-child(3n+1){transform:translate(-60px) translateY(40px) scale(.95)}.step-card:nth-child(3n+2){transform:translateY(60px) scale(.95)}.step-card:nth-child(3n){transform:translate(60px) translateY(40px) scale(.95)}.step-card.slide-in-visible{opacity:1!important;transform:translate(0) translateY(0) scale(1)!important}.meeting-card{opacity:0;transform:translateY(50px) scale(.9);transition:all .7s cubic-bezier(.25,.46,.45,.94)}.meeting-card.slide-in-visible{opacity:1!important;transform:translateY(0) scale(1)!important}.hero-text h1,.hero-text .subtitle{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.hero-text h1{transition-delay:.2s}.hero-text .subtitle{transition-delay:.5s}.hero-text.slide-in-visible h1,.hero-text.slide-in-visible .subtitle{opacity:1!important;transform:translateY(0)!important}.glass-container{opacity:1;transform:none;transition:all .6s cubic-bezier(.25,.46,.45,.94)}.glass-container.slide-in-visible{opacity:1!important;transform:none!important}.preamble-content{opacity:0;transition:all .8s cubic-bezier(.25,.46,.45,.94)}.preamble-content:nth-child(odd){transform:translate(-50px) translateY(20px)}.preamble-content:nth-child(2n){transform:translate(50px) translateY(20px)}.preamble-content.slide-in-visible{opacity:1!important;transform:translate(0) translateY(0)!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate3d(-50px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate3d(50px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideUp{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translateZ(0)}}.image-gallery{margin:3rem 0}.gallery-title{text-align:center;font-size:1.5rem;margin-bottom:2rem;color:var(--color-text-primary)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.gallery-item{position:relative;border-radius:var(--border-radius-lg);overflow:hidden;aspect-ratio:4/3;cursor:pointer;transition:transform var(--animation-normal) var(--animation-spring)}.gallery-item:hover{transform:translate3d(0,-8px,0) scale(1.02)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform var(--animation-slow) ease}.gallery-item:hover img{transform:scale(1.1)}.gallery-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:1.5rem;transform:translate3d(0,100%,0);transition:transform var(--animation-normal) ease;will-change:transform}.gallery-item:hover .gallery-overlay{transform:translateZ(0)}.gallery-caption{color:#fff;font-size:.9rem;font-weight:500}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:nowrap}.nav-links{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.nav-right{display:flex;align-items:center;gap:1rem;flex-shrink:0}.whatsapp-nav-link{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff!important;font-weight:600;border-radius:20px;padding:.5rem 1rem;transition:all var(--animation-normal) ease}.whatsapp-nav-link:hover{transform:translate3d(0,-2px,0);box-shadow:0 8px 25px #25d3664d}.nav-link{padding:.5rem 1rem;border-radius:var(--border-radius-sm);transition:all var(--animation-normal) ease;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--animation-slow) ease}.nav-link:hover:before{left:100%}.scroll-top{transition:all var(--animation-normal) var(--animation-spring)}.scroll-top.visible{transform:scale(1);opacity:1}.scroll-top:hover{transform:scale(1.1);box-shadow:0 8px 25px var(--color-shadow)}*{transition:color var(--animation-normal) ease,background-color var(--animation-normal) ease,border-color var(--animation-normal) ease}.glass-container{transition:backdrop-filter var(--animation-normal) ease,background-color var(--animation-normal) ease,border-color var(--animation-normal) ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #007aff4d}.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 8px 25px #25d3664d}.step-card:hover,.meeting-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px var(--color-shadow)}.mobile-menu-toggle{display:none}@media (max-width: 768px){.nav-inner{padding:.5rem;gap:.4rem;justify-content:space-between;flex-wrap:nowrap!important;width:100%}.nav-links{display:flex;gap:.4rem;flex-wrap:nowrap;padding:0;flex:1 1 auto;align-items:center;justify-content:flex-start}.nav-link{display:none!important}.nav-link.whatsapp-nav-link,.nav-link[href="#meetings"]{display:flex!important;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;padding:.6rem 1rem;border-radius:12px;flex:1 1 auto;white-space:nowrap;box-shadow:0 2px 8px #00000026;transition:all .2s ease}.nav-link[href="#meetings"]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important}.nav-link[href="#meetings"]:hover{background:linear-gradient(135deg,#5568d3,#653a91);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.nav-link.whatsapp-nav-link{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff!important}.nav-link.whatsapp-nav-link:hover{background:linear-gradient(135deg,#20ba5a,#0e7068);transform:translateY(-1px);box-shadow:0 4px 12px #25d3664d}.nav-right{display:flex;gap:.4rem;flex:0 0 auto;align-items:center;justify-content:flex-end}.btn-login,.btn-dashboard{padding:.6rem .7rem;font-size:.85rem;font-weight:600;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;white-space:nowrap;box-shadow:0 2px 8px #00000026}.theme-toggle{width:44px;height:44px;flex-shrink:0}}img[data-src]{filter:blur(10px);transition:filter .3s}img[data-src].loaded{filter:blur(0)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.testimonial-card{padding:2rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid var(--glass-border-color);transition:all .3s ease}.testimonial-card:hover{transform:translate3d(0,-5px,0);box-shadow:0 12px 40px var(--color-shadow)}.testimonial-quote{font-style:italic;font-size:1.1rem;line-height:1.8;color:var(--secondary-text-color);margin-bottom:1.5rem}.testimonial-author{font-weight:600;color:var(--accent-color);text-align:right}.testimonial-meta{font-size:.9rem;color:var(--secondary-text-color);text-align:right;opacity:.7}.meeting-countdown-header{text-align:center;margin-bottom:2.5rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#667eea14,#f093fb14);border-radius:14px;border:1.5px solid transparent;border-image:linear-gradient(135deg,#667eea33,#f093fb33) 1;box-shadow:0 8px 24px #667eea0f}.countdown-intro{margin:0;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px;text-transform:uppercase}.meeting-countdown{display:flex;justify-content:center;gap:1.5rem;margin:2.5rem 0;flex-wrap:wrap}.countdown-item{text-align:center;padding:2rem 2.5rem;background:linear-gradient(135deg,#667eea14,#f093fb14);border-radius:16px;border:1.5px solid rgba(102,126,234,.2);min-width:140px;transition:all .3s ease;box-shadow:0 8px 24px #667eea14}.countdown-item:hover{transform:translateY(-4px);box-shadow:0 12px 32px #667eea26;border-color:#667eea4d}.countdown-value{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.5rem}.countdown-label{font-size:.95rem;color:var(--secondary-text-color);text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-top:.75rem}.resources-container{width:100%}.resources-section{margin-bottom:3rem}.resources-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem;max-width:900px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.resources-grid{grid-template-columns:1fr}}.resource-card{padding:2rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid var(--glass-border-color);transition:all .3s ease}.resource-card:hover{transform:translate3d(0,-5px,0);box-shadow:0 12px 40px var(--color-shadow)}.resource-title{font-size:1.25rem;font-weight:700;color:var(--primary-text-color);margin-bottom:1rem}.resource-description{font-size:1rem;color:var(--secondary-text-color);line-height:1.6;margin-bottom:1rem}.resource-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-color);text-decoration:none;font-weight:600;transition:all .2s ease}.resource-link:hover{transform:translate(5px)}.substance-highlight{background:linear-gradient(135deg,#0a84ff26,#22c55e1f);padding:.2rem .5rem;border-radius:6px;font-weight:600;color:var(--accent-color);border:1px solid rgba(10,132,255,.2);transition:all .3s ease;display:inline-block;margin:0 2px}.substance-highlight:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0a84ff33;background:linear-gradient(135deg,#0a84ff33,#22c55e26)}.checkin-form{display:grid;gap:1.5rem;max-width:500px;margin:2rem auto}.checkin-stats{display:flex;justify-content:space-around;padding:2rem;background:var(--glass-bg);border-radius:var(--radius-lg);border:1px solid var(--glass-border-color);margin-bottom:2rem}.stat-item{text-align:center}.stat-value{font-size:2rem;font-weight:700;color:var(--accent-color)}.stat-label{font-size:.875rem;color:var(--secondary-text-color);text-transform:uppercase;letter-spacing:.5px}.crisis-banner{background:linear-gradient(135deg,#ef44441a,#dc26260d);border:2px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:2rem;margin:2rem 0;text-align:center}.crisis-title{font-size:1.5rem;font-weight:700;color:#dc2626;margin-bottom:1rem}.crisis-content{font-size:1.125rem;color:var(--primary-text-color);line-height:1.8}.crisis-link{display:inline-block;margin-top:1rem;padding:1rem 2rem;background:#dc2626;color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:700;transition:all .3s ease}.crisis-link:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 8px 25px #dc26264d}.milestone-calculator{max-width:700px;margin:2rem auto;padding:0;background:transparent;border-radius:var(--radius-lg);position:relative}.milestone-header{text-align:center;margin-bottom:2rem;padding:2rem 2rem 0}.milestone-icon{font-size:3rem;margin-bottom:1rem;display:block;animation:gentle-float 3s ease-in-out infinite}.milestone-title{font-size:2rem;font-weight:600;background:linear-gradient(135deg,#0ea5e9,#22c55e,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.milestone-form{background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group{display:flex;flex-direction:column;gap:1rem}.milestone-label{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:500;color:var(--primary-text-color)}.milestone-date-input{padding:1rem 1.5rem;font-size:1.125rem;border:2px solid var(--glass-border-color);border-radius:var(--radius-md);background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--primary-text-color);transition:all .3s ease;font-family:inherit}.milestone-date-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #0a84ff1a;background:#ffffff14}.milestone-display{background:linear-gradient(135deg,#0a84ff26,#22c55e26,#8b5cf61a);border:1px solid var(--glass-border-color);border-radius:var(--radius-lg);padding:2.5rem 2rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden;transition:all .5s ease}.milestone-display:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0ea5e9,#22c55e,#8b5cf6);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.milestone-display.celebrating{animation:milestone-celebration .6s ease;transform:scale(1.02)}.milestone-hero{text-align:center;margin-bottom:2rem}.milestone-days-container{margin-bottom:1.5rem}.milestone-days{font-size:4rem;font-weight:800;background:linear-gradient(135deg,#0ea5e9,#22c55e,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.milestone-days-label{font-size:1.25rem;font-weight:500;color:var(--secondary-text-color);text-transform:uppercase;letter-spacing:1px}.milestone-progress{max-width:400px;margin:0 auto}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#0ea5e9,#22c55e);border-radius:4px;transition:width 1s ease-out;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.milestone-message{text-align:center;font-size:1.25rem;font-weight:500;color:var(--primary-text-color);margin:2rem 0;padding:1.5rem;background:#ffffff0d;border-radius:var(--radius-md);border-left:4px solid var(--accent-color)}.milestone-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;margin:2rem 0}.milestone-stat{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;background:#ffffff0d;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.milestone-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#0ea5e9,#22c55e,#8b5cf6)}.milestone-stat:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0a84ff33;background:#ffffff14}.stat-icon{font-size:2rem;margin-bottom:.75rem}.stat-content{text-align:center}.milestone-stat .stat-value{font-size:2.25rem;font-weight:700;color:var(--accent-color);line-height:1;margin-bottom:.25rem}.milestone-stat .stat-label{font-size:.875rem;color:var(--secondary-text-color);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.milestone-encouragement{text-align:center;margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.encouragement-text{font-size:1.125rem;font-style:italic;color:var(--secondary-text-color);margin-bottom:1rem;font-weight:400}.milestone-celebration{min-height:1.5rem}.celebration-animation{font-size:2rem;animation:celebration-bounce .8s ease-in-out}.milestone-placeholder{text-align:center;padding:3rem 2rem;background:var(--glass-bg);border:2px dashed var(--glass-border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes milestone-celebration{0%{transform:scale(1)}50%{transform:scale(1.05) rotate(1deg)}to{transform:scale(1.02)}}@keyframes celebration-bounce{0%,to{transform:scale(1) translateY(0)}25%{transform:scale(1.2) translateY(-10px)}50%{transform:scale(1.1) translateY(-5px)}75%{transform:scale(1.15) translateY(-8px)}}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gentle-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.milestone-calculator{margin:1rem}.milestone-header{padding:1.5rem 1rem 0}.milestone-title{font-size:1.75rem}.milestone-form{padding:1.5rem}.milestone-display{padding:2rem 1.5rem}.milestone-days{font-size:3rem}.milestone-breakdown{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem}.milestone-stat{padding:1rem .75rem}.milestone-stat .stat-value{font-size:1.75rem}.milestone-message{font-size:1.125rem;padding:1.25rem}}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.lightbox.active{opacity:1;pointer-events:auto}.lightbox-content{max-width:90%;max-height:90%;position:relative}.lightbox-image{width:100%;height:auto;border-radius:var(--radius-lg)}.lightbox-close{position:absolute;top:-3rem;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:.5rem 1rem}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;font-size:2rem;padding:1rem;cursor:pointer;border-radius:50%;transition:all .3s ease}.lightbox-nav:hover{background:#ffffff4d}.lightbox-nav.prev{left:-5rem}.lightbox-nav.next{right:-5rem}.swipe-indicator{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);color:var(--secondary-text-color);font-size:.875rem;opacity:.6;display:flex;align-items:center;gap:.5rem}@media (max-width: 900px){.nav-inner{flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.nav-links{order:2;width:100%;flex-wrap:wrap}.nav-right{order:1;margin-left:auto}.testimonials-grid{grid-template-columns:1fr}.meeting-countdown{gap:.75rem}.countdown-item{min-width:80px;padding:1rem}.countdown-value{font-size:2rem}.lightbox-nav.prev{left:1rem}.lightbox-nav.next{right:1rem}}@media (max-width: 768px){.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.floating-particles{display:none}.floating-flowers,.shooting-stars,.scroll-top{display:none!important}.nav-link,.btn-primary,.btn-whatsapp,.btn-login,.btn-dashboard,.zoom-join-btn{min-height:44px;padding:.75rem 1.25rem}.nav-links{gap:.75rem}body{font-size:16px}.step-card,.meeting-card,.testimonial-card,.resource-card{transition:transform .2s ease,box-shadow .2s ease}.glass-container{box-shadow:0 4px 12px var(--color-shadow)}.content-section{padding:1.5rem 1rem;margin-left:0;margin-right:0}.content-section.glass-container{padding:clamp(1rem,3vw,1.5rem)}main{padding:0 .75rem}.meeting-card{padding:2rem 1.5rem}.meeting-countdown{flex-wrap:wrap;gap:.5rem;justify-content:center}.countdown-item{min-width:80px;padding:1rem .75rem}.countdown-value{font-size:2rem}.countdown-label{font-size:.8rem}.tools-grid,.resource-grid,.step-grid{gap:1rem}.steps-grid{gap:1.5rem}.btn-primary,.btn-whatsapp,.zoom-join-btn{font-size:1rem;padding:.875rem 1.5rem;min-height:48px}.form-row input,.form-row textarea{font-size:16px;padding:.875rem 1rem;min-height:48px}.gallery-grid{gap:.875rem}h2{font-size:clamp(1.5rem,5vw,2rem)}h3{font-size:clamp(1.25rem,4vw,1.5rem)}.step-card:hover,.meeting-card:hover,.resource-card:hover{transform:translateY(-2px)}.nav-inner{padding:.75rem}.testimonial-card{padding:1.5rem}.resource-card{padding:1.25rem}.preamble-content{flex-direction:column;gap:1.5rem}.preamble-illustration{flex:0 0 80px}}@media (max-width: 480px){main{padding:0 .5rem}.content-section,.content-section.glass-container{padding:1rem .75rem}.meeting-card{padding:1.5rem 1rem}.countdown-item{min-width:70px;padding:.875rem .5rem}.countdown-value{font-size:1.75rem}.countdown-label{font-size:.75rem}.steps-grid{gap:1rem}.btn-primary,.btn-whatsapp,.zoom-join-btn{font-size:.95rem;padding:.75rem 1.25rem}.gallery-grid{grid-template-columns:1fr;gap:.75rem}h2{font-size:clamp(1.35rem,5.5vw,1.75rem)}h3{font-size:clamp(1.15rem,4.5vw,1.35rem)}.hero-text h1{font-size:clamp(1.5rem,7vw,2rem)}.step-card-header{gap:.75rem}.wa-embed{width:clamp(140px,40vw,200px)}.preamble-content{gap:1rem}.preamble-illustration{flex:0 0 60px}.step-card:hover,.meeting-card:hover,.resource-card:hover,.testimonial-card:hover{transform:none}}@media (max-width: 768px){@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}img{image-rendering:auto}.glass-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-primary,.btn-whatsapp{box-shadow:0 4px 12px #0003}.particle,.floating-flowers,.shooting-stars{display:none}}*{-webkit-tap-highlight-color:rgba(10,132,255,.1);tap-highlight-color:rgba(10,132,255,.1)}body{-webkit-overflow-scrolling:touch}@media (max-width: 768px){.content-section,.step-card,.meeting-card{will-change:auto}}[data-theme=dark]{--color-background: #0b0c0f;--color-background-secondary: #111318;--color-text-primary: #e8eaed;--color-text-secondary: #b0b7c3;--color-accent: #0a84ff;--color-divider: rgba(255, 255, 255, .08);--color-glass-bg: rgba(17, 19, 24, .55);--color-glass-border: rgba(255, 255, 255, .08);--color-shadow: rgba(0, 0, 0, .5);--color-card-hover-bg: rgba(10, 132, 255, .1);--color-hero-text: #ffffff;--bg-color: var(--color-background);--surface-color: var(--color-background-secondary);--primary-text-color: var(--color-text-primary);--secondary-text-color: var(--color-text-secondary);--accent-color: var(--color-accent);--divider-color: var(--color-divider);--hairline-color: rgba(255, 255, 255, .08);--shadow-color-dark: var(--color-shadow);--shadow-color-darker: rgba(0, 0, 0, .7);--glass-bg: var(--color-glass-bg);--glass-border-color: var(--color-glass-border);--card-hover-bg: var(--color-card-hover-bg)}[data-theme=light]{--color-background: #f5f6f7;--color-background-secondary: #ffffff;--color-text-primary: #111418;--color-text-secondary: #5f6b7a;--color-accent: #0a84ff;--color-divider: rgba(0, 0, 0, .08);--color-glass-bg: rgba(255, 255, 255, .6);--color-glass-border: rgba(255, 255, 255, .8);--color-shadow: rgba(0, 0, 0, .08);--color-card-hover-bg: rgba(10, 132, 255, .06);--bg-color: var(--color-background);--surface-color: var(--color-background-secondary);--primary-text-color: var(--color-text-primary);--secondary-text-color: var(--color-text-secondary);--accent-color: var(--color-accent);--divider-color: var(--color-divider);--hairline-color: rgba(0, 0, 0, .08);--glass-bg: var(--color-glass-bg);--glass-border-color: var(--color-glass-border);--shadow-color-dark: var(--color-shadow);--shadow-color-darker: rgba(0, 0, 0, .16);--card-hover-bg: var(--color-card-hover-bg)}[data-theme=light] body{background-color:#f5f6f7;background-image:radial-gradient(1200px 800px at 20% -10%,#eaf2ff,#eaf2ff00 60%),radial-gradient(1200px 800px at 120% 10%,#e8fff6,#e8fff600 55%)}[data-theme=dark] body{background-color:#0b0c0f;background-image:radial-gradient(1200px 800px at 20% -10%,#225ab42e,#225ab400 60%),radial-gradient(1200px 800px at 120% 10%,#108c5a2e,#108c5a00 55%)}:root{--hairline-color: rgba(0, 0, 0, .08);--brand-gradient: linear-gradient(135deg, #0ea5e9 0%, #22c55e 100%);--brand-glow: 0 10px 28px rgba(14,165,233,.16), 0 6px 18px rgba(34,197,94,.12)}[data-theme=dark]{--brand-gradient: linear-gradient(135deg, #22c55e 0%, #0ea5e9 100%);--brand-glow: 0 10px 28px rgba(14,165,233,.1), 0 6px 18px rgba(34,197,94,.1)}.section-title{border-bottom:none;position:relative}.section-title:after{content:"";display:block;width:120px;height:4px;margin:.75rem auto 0;border-radius:999px;background:var(--brand-gradient);box-shadow:var(--brand-glow)}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:3px;border-radius:2px;background:transparent;transform:scaleX(0);transform-origin:center;transition:transform .25s ease,background .25s ease}.nav-link:hover:after,.nav-link.active:after{background:var(--brand-gradient);transform:scaleX(1)}.step-number{background:color-mix(in srgb,var(--accent-color) 14%,transparent);color:var(--accent-color);padding:.25rem .65rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent-color) 30%,transparent);font-size:.85rem;letter-spacing:.3px}.meeting-day{background:color-mix(in srgb,var(--accent-color) 16%,transparent);color:var(--accent-color);padding:.2rem .5rem;border-radius:8px;font-weight:600}.meeting-type{background:color-mix(in srgb,var(--secondary-text-color) 12%,transparent);padding:.15rem .5rem;border-radius:8px;font-size:.85rem}blockquote{border-left:none;background:color-mix(in srgb,var(--card-hover-bg) 70%,transparent);position:relative;padding-left:3rem}blockquote:before{content:"“";position:absolute;top:.2rem;left:.75rem;font-size:3rem;line-height:1;color:color-mix(in srgb,var(--accent-color) 55%,transparent);opacity:.25;font-family:Georgia,serif}.hero-text{box-shadow:var(--brand-glow);border:1px solid rgba(255,255,255,.2)}.glass-container{background:color-mix(in srgb,var(--glass-bg) 96%,transparent)}@supports selector(::-webkit-scrollbar){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--secondary-text-color) 35%,transparent);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--secondary-text-color) 50%,transparent);background-clip:padding-box}::-webkit-scrollbar-track{background:color-mix(in srgb,var(--surface-color) 70%,transparent)}}.sparkle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,#ffd700cc,#ffdf0066);border-radius:50%;animation:sparkle-twinkle 2s ease-in-out infinite;pointer-events:none;z-index:3}@keyframes sparkle-twinkle{0%,to{opacity:0;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1.5) rotate(180deg)}}.floating-flowers{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.flower{position:absolute;font-size:1.5rem;opacity:.6;animation:drift-flower var(--duration) linear infinite;animation-delay:var(--delay);transform-origin:center;left:var(--x-start);top:var(--y-start);transform:scale(var(--scale)) rotate(0)}@keyframes drift-flower{0%{transform:scale(var(--scale)) rotate(0) translateY(0) translate(0);opacity:0}10%{opacity:.6}50%{transform:scale(var(--scale)) rotate(180deg) translateY(-100px) translate(50px);opacity:.8}90%{opacity:.3}to{transform:scale(var(--scale)) rotate(360deg) translateY(-200px) translate(100px);opacity:0}}.shooting-stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:hidden}.star{position:absolute;width:8px;height:8px;background:radial-gradient(circle,#fff,#ffd700cc,#ffdf0066);border-radius:50%;box-shadow:0 0 15px #ffffffe6,0 0 30px #ffd700b3,0 0 45px #ffdf0066;animation-delay:var(--delay);opacity:0}.star.left-to-right{animation:shoot-left-to-right 2s ease-out forwards}.star.right-to-left{animation:shoot-right-to-left 2s ease-out forwards}.star.bottom-to-top{animation:shoot-bottom-to-top 2s ease-out forwards}.star.top-to-bottom{animation:shoot-top-to-bottom 2s ease-out forwards}@keyframes shoot-left-to-right{0%{opacity:0;transform:translate(-100px) translateY(50vh) scale(.3)}10%{opacity:1}50%{opacity:1;box-shadow:0 0 25px #fff,0 0 50px #ffd700e6,0 0 75px #ffdf0099}to{opacity:0;transform:translate(calc(100vw + 100px)) translateY(30vh) scale(2)}}@keyframes shoot-right-to-left{0%{opacity:0;transform:translate(calc(100vw + 100px)) translateY(40vh) scale(.3)}10%{opacity:1}50%{opacity:1;box-shadow:0 0 25px #fff,0 0 50px #ffd700e6,0 0 75px #ffdf0099}to{opacity:0;transform:translate(-100px) translateY(60vh) scale(2)}}@keyframes shoot-bottom-to-top{0%{opacity:0;transform:translate(30vw) translateY(calc(100vh + 100px)) scale(.3)}10%{opacity:1}50%{opacity:1;box-shadow:0 0 25px #fff,0 0 50px #ffd700e6,0 0 75px #ffdf0099}to{opacity:0;transform:translate(70vw) translateY(-100px) scale(2)}}@keyframes shoot-top-to-bottom{0%{opacity:0;transform:translate(60vw) translateY(-100px) scale(.3)}10%{opacity:1}50%{opacity:1;box-shadow:0 0 25px #fff,0 0 50px #ffd700e6,0 0 75px #ffdf0099}to{opacity:0;transform:translate(40vw) translateY(calc(100vh + 100px)) scale(2)}}.decorative-lotus{display:flex;align-items:center;justify-content:center;width:80px;height:80px;color:var(--accent-color);opacity:.8;transition:all .4s ease}.decorative-lotus:hover{transform:scale(1.1);opacity:1}.lotus-svg{width:100%;height:100%;filter:drop-shadow(0 4px 8px rgba(10,132,255,.2))}.lotus-petals{animation:lotus-breathe 4s ease-in-out infinite}@keyframes lotus-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.mandala-pattern{display:flex;align-items:center;justify-content:center;width:120px;height:120px;color:var(--accent-color);opacity:.7;transition:all .5s ease}.mandala-pattern:hover{transform:rotate(15deg) scale(1.05);opacity:.9}.mandala-svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(10,132,255,.15))}.mandala-layers{animation:mandala-rotate 20s linear infinite}@keyframes mandala-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zen-circles{display:flex;align-items:center;justify-content:center;width:100px;height:100px;color:var(--accent-secondary);opacity:.8;transition:all .4s ease}.zen-circles:hover{transform:scale(1.1);opacity:1}.zen-svg{width:100%;height:100%;filter:drop-shadow(0 4px 8px rgba(34,197,94,.2))}.zen-rings{animation:zen-pulse 3s ease-in-out infinite}@keyframes zen-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.peace-dove{display:flex;align-items:center;justify-content:center;width:90px;height:90px;color:var(--accent-tertiary);opacity:.7;transition:all .4s ease}.peace-dove:hover{transform:scale(1.1) translateY(-5px);opacity:.9}.dove-svg{width:100%;height:100%;filter:drop-shadow(0 4px 8px rgba(245,158,11,.2))}.dove-silhouette{animation:dove-float 4s ease-in-out infinite}@keyframes dove-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.spiritual-waves{display:flex;align-items:center;justify-content:center;width:200px;height:60px;color:var(--accent-color);opacity:.6;transition:all .4s ease;margin:1rem 0}.spiritual-waves:hover{opacity:.8;transform:scale(1.02)}.waves-svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(10,132,255,.15))}.wave-layers{animation:waves-flow 6s ease-in-out infinite}@keyframes waves-flow{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.about-content-with-illustration{display:flex;align-items:center;gap:3rem}.about-illustration{flex:0 0 200px;display:flex;align-items:center;justify-content:center}.values-content-with-decorations{display:flex;align-items:center;gap:2rem}.values-decoration-left,.values-decoration-right{flex:0 0 100px;display:flex;align-items:center;justify-content:center}.getting-started-content{display:flex;align-items:center;gap:3rem}.getting-started-illustration{flex:0 0 150px;display:flex;align-items:center;justify-content:center}.faq-content-with-illustration{display:flex;align-items:center;gap:3rem}.faq-illustration{flex:0 0 150px;display:flex;align-items:center;justify-content:center}.hero-section:before{content:"";position:absolute;top:20%;left:10%;width:60px;height:60px;background:radial-gradient(circle,rgba(255,255,255,.1),transparent);border-radius:50%;animation:hero-float-1 8s ease-in-out infinite;pointer-events:none;z-index:1}.hero-section:after{content:"";position:absolute;top:60%;right:15%;width:40px;height:40px;background:radial-gradient(circle,rgba(255,255,255,.08),transparent);border-radius:50%;animation:hero-float-2 6s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes hero-float-1{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}@keyframes hero-float-2{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(15px) scale(.9)}}.steps-grid:before{content:"";position:absolute;top:-50px;left:-50px;width:100px;height:100px;background:radial-gradient(circle,rgba(10,132,255,.05),transparent);border-radius:50%;pointer-events:none;z-index:-1}.steps-grid:after{content:"";position:absolute;bottom:-30px;right:-30px;width:80px;height:80px;background:radial-gradient(circle,rgba(34,197,94,.05),transparent);border-radius:50%;pointer-events:none;z-index:-1}@media (max-width: 900px){.about-content-with-illustration{flex-direction:column;text-align:center}.about-illustration{order:-1;margin-bottom:1rem}.values-content-with-decorations{flex-direction:column;gap:1.5rem}.values-decoration-left,.values-decoration-right{order:-1}.getting-started-content{flex-direction:column;text-align:center}.getting-started-illustration{order:-1;margin-bottom:1rem}.faq-content-with-illustration{flex-direction:column;text-align:center}.faq-illustration{order:-1;margin-bottom:1rem}}@media (max-width: 768px){.about-illustration{flex:0 0 150px}.mandala-pattern{width:100px;height:100px}.decorative-lotus{width:60px;height:60px}.zen-circles{width:80px;height:80px}.peace-dove{width:70px;height:70px}.spiritual-waves{width:150px;height:50px}.faq-illustration{flex:0 0 120px}}.btn-login,.btn-dashboard{padding:.625rem 1.25rem;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.btn-login{background:linear-gradient(135deg,var(--color-accent) 0%,#0066cc 100%);color:#fff;box-shadow:0 4px 12px #0a84ff33}.btn-login:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0a84ff4d}.btn-dashboard{background:linear-gradient(135deg,var(--color-accent-secondary) 0%,#16a34a 100%);color:#fff;box-shadow:0 4px 12px #22c55e33}.btn-dashboard:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e4d}.btn-login:active,.btn-dashboard:active{transform:translateY(0)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .3s ease}.modal-content{position:relative;max-width:1400px;max-height:90vh;width:100%;overflow-y:auto;background:transparent;border-radius:var(--radius-lg);animation:slideUp .4s ease}.modal-close{position:fixed;top:1.5rem;right:1.5rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);width:3rem;height:3rem;border-radius:50%;font-size:1.75rem;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;z-index:2001;box-shadow:0 8px 24px #0000004d}.modal-close:hover{background:#ffffff40;transform:rotate(90deg) scale(1.1)}.modal-close:active{transform:rotate(90deg) scale(.95)}[data-theme=dark] .btn-login{box-shadow:0 4px 12px #0a84ff4d}[data-theme=dark] .btn-login:hover{box-shadow:0 6px 20px #0a84ff66}[data-theme=dark] .btn-dashboard{box-shadow:0 4px 12px #22c55e4d}[data-theme=dark] .btn-dashboard:hover{box-shadow:0 6px 20px #22c55e66}@media (max-width: 768px){.btn-login,.btn-dashboard{padding:.5rem 1rem;font-size:.85rem}.modal-close{top:1rem;right:1rem;width:2.5rem;height:2.5rem;font-size:1.5rem}.modal-content{max-height:95vh}}.animated-counter{transition:transform .2s ease}.progress-circle{position:relative;display:flex;align-items:center;justify-content:center}.progress-circle-svg{transform:rotate(-90deg)}.progress-circle-bg{opacity:.2}.progress-circle-progress{transition:stroke-dashoffset .5s ease-in-out}.progress-circle-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-text{font-size:1.5rem;font-weight:700;color:var(--primary-text-color)}.progress-text span{font-size:1.2rem;opacity:.8}.progress-label{font-size:.9rem;opacity:.7;margin-top:.25rem}.step-journey{padding:2rem 0;overflow-x:hidden}.step-progress-header{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;flex-wrap:wrap;justify-content:center}.progress-summary h3{margin:0 0 .5rem;font-size:1.5rem;color:var(--primary-text-color)}.progress-summary p{margin:0;opacity:.8}.step-wheel{position:relative;width:min(420px,95vw);height:min(420px,95vw);max-width:420px;max-height:420px;margin:0 auto;border-radius:50%;background:radial-gradient(circle at center,var(--glass-bg) 30%,transparent 70%);contain:layout style;will-change:auto;padding:10px}.step-wheel-item{position:absolute;width:56px;height:56px;cursor:pointer;transform-origin:center;left:50%;top:50%;margin-left:-28px;margin-top:-28px;transform:translate(calc(cos(var(--angle)) * var(--radius)),calc(sin(var(--angle)) * var(--radius)));-webkit-tap-highlight-color:transparent;touch-action:manipulation}.step-wheel-button{width:100%;height:100%;border-radius:50%;background:var(--glass-bg);border:3px solid var(--glass-border-color);display:flex;align-items:center;justify-content:center;position:relative;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;font-weight:700;font-size:1.1rem;color:var(--primary-text-color);box-shadow:0 2px 8px #0000001a}.step-wheel-item:hover .step-wheel-button{transform:scale(1.15);background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 4px 12px #0a84ff4d}.step-wheel-item:active .step-wheel-button{transform:scale(1.05)}.step-wheel-item.completed .step-wheel-button{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff;box-shadow:0 4px 12px #10b98166}.step-wheel-item.next-step .step-wheel-button{border-color:var(--accent-color);border-width:3px;animation:pulse-border 2s ease-in-out infinite;box-shadow:0 0 #0a84ff66}@keyframes pulse-border{0%,to{box-shadow:0 0 #0a84ff66}50%{box-shadow:0 0 0 8px #0a84ff00}}.step-wheel-item.locked-step{opacity:.3;cursor:not-allowed;pointer-events:none}.step-wheel-item.locked-step .step-wheel-button{background:var(--glass-bg);border-color:var(--glass-border-color)}.step-number{position:relative;z-index:1}.step-check{position:absolute;top:-6px;right:-6px;background:#10b981;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.9rem;border:2px solid var(--color-background);font-weight:700;box-shadow:0 2px 6px #0003}.step-tooltip{position:absolute;bottom:60px;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:.75rem;border-radius:8px;font-size:.85rem;min-width:200px;opacity:0;pointer-events:none;transition:all .3s ease;z-index:1000;box-shadow:0 10px 25px -3px #0000001a}.step-wheel-item:hover .step-tooltip{opacity:1;pointer-events:auto;bottom:70px}.step-tooltip strong{display:block;margin-bottom:.5rem;color:var(--accent-color)}.community-stats{text-align:center;margin-bottom:2rem}.community-stats h3{margin-bottom:1.5rem;font-size:1.5rem;color:var(--primary-text-color)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.stat-card{padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:transform .3s ease}.stat-card:hover{transform:translate3d(0,-2px,0)}.stat-icon{font-size:2rem;line-height:1}.stat-content{text-align:left;flex:1}.stat-value{font-size:1.8rem;font-weight:700;color:var(--primary-text-color);margin-bottom:.25rem}.stat-label{font-size:.9rem;opacity:.8}.quote-of-day{text-align:center;padding:2rem;margin-bottom:2rem}.quote-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.quote-icon{font-size:1.5rem}.quote-header h3{margin:0;font-size:1.3rem;color:var(--primary-text-color)}.daily-quote{font-size:1.2rem;font-style:italic;line-height:1.6;margin:1.5rem 0;color:var(--secondary-text-color)}.quote-author{font-size:1rem;font-weight:500;color:var(--accent-color)}.achievement-badges{padding:1.5rem 0;overflow-x:hidden;width:100%;max-width:100%}.achievement-badges h3{margin-bottom:1.5rem;text-align:center;color:var(--primary-text-color)}.badges-earned{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:1rem;margin-bottom:2rem}.badge{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--glass-bg);border-radius:12px;border:1px solid var(--glass-border-color);transition:all .3s ease;max-width:100%;box-sizing:border-box}.badge.earned{background:linear-gradient(135deg,rgba(16,185,129,.15),var(--glass-bg));border-color:#10b981}.badge.next{opacity:.7;border-style:dashed}.badge:hover{transform:translate3d(0,-2px,0);box-shadow:0 10px 25px -3px #0000001a}.badge-icon{font-size:2rem;line-height:1}.badge-info{flex:1}.badge-name{font-weight:700;font-size:1.1rem;color:var(--primary-text-color);margin-bottom:.25rem}.badge-description{font-size:.9rem;opacity:.8}.next-badge{margin-top:2rem}.next-badge h4{margin-bottom:1rem;text-align:center;color:var(--secondary-text-color)}.no-badges-yet{text-align:center;padding:2rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:12px;margin-bottom:1.5rem}.no-badges-yet p{font-size:1.1rem;color:var(--secondary-text-color);margin:0}.upcoming-badges{margin-top:2rem}.upcoming-badges h4{margin-bottom:1rem;text-align:center;color:var(--primary-text-color);font-size:1.2rem}.roadmap-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:1rem}.badge.roadmap{opacity:.6;border-style:dashed;border-color:var(--color-divider);transition:all .3s ease;position:relative}.badge.roadmap:hover{opacity:.8;transform:translate3d(0,-1px,0)}.badge.clickable{background:none;border:1px dashed var(--color-divider);cursor:pointer;text-align:left;-webkit-tap-highlight-color:rgba(10,132,255,.2);touch-action:manipulation;user-select:none;-webkit-user-select:none}.badge.clickable:hover{opacity:1;border-color:var(--accent-color);background:linear-gradient(135deg,rgba(10,132,255,.05),var(--glass-bg));transform:translate3d(0,-2px,0)}.badge.clickable:active{transform:translateZ(0);background:linear-gradient(135deg,rgba(10,132,255,.15),var(--glass-bg));border-color:var(--accent-color)}.badge.roadmap.next-milestone{opacity:.85;border-style:solid;border-color:var(--accent-color);background:linear-gradient(135deg,rgba(10,132,255,.08),var(--glass-bg))}.badge.roadmap.next-milestone:before{content:"NEXT";position:absolute;top:-8px;right:-8px;background:var(--accent-color);color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px;line-height:1;z-index:1}.badge.locked{opacity:.4;cursor:not-allowed;pointer-events:none;position:relative}.badge.locked:hover{opacity:.4;transform:none}.badge-lock{position:absolute;top:50%;right:1rem;transform:translateY(-50%);font-size:1.5rem;opacity:.6}.restart-section{text-align:center;margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#ef444408,#dc262605);border-radius:16px;border:1px solid rgba(239,68,68,.15)}.restart-button{background:linear-gradient(135deg,#ef444426,#dc26261a);border:2px solid rgba(239,68,68,.4);color:#ef4444;padding:1rem 2rem;border-radius:12px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;min-width:200px;justify-content:center}.restart-button:hover{background:linear-gradient(135deg,#ef444440,#dc262626);border-color:#ef444499;transform:translateY(-2px);box-shadow:0 6px 20px #ef444440}.restart-button:active{transform:translateY(0);box-shadow:0 2px 8px #ef444433}.restart-message{font-size:.95rem;color:var(--secondary-text-color);margin-top:1rem;margin-bottom:0;font-style:italic;line-height:1.6;text-align:center;font-weight:700}.badge-instructions{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:2rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#0a84ff0d,#667eea08);border-radius:12px;border:1px solid rgba(10,132,255,.15)}.instruction-icon{font-size:1.5rem;flex-shrink:0}.instruction-text{font-size:.95rem;color:var(--primary-text-color);margin:0;line-height:1.5;text-align:left}.badge-countdown{font-size:.8rem;color:var(--accent-color);font-weight:500;margin-top:.25rem}.badge-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;overflow-y:auto;-webkit-tap-highlight-color:transparent;touch-action:auto}.badge-confirm-dialog{background:#1a1d24;border:2px solid #667eea;border-radius:16px;padding:2rem;width:90%;max-width:min(400px,calc(100vw - 2rem));text-align:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 60px #000c,0 0 0 1px #667eea80;position:relative;margin:auto;z-index:10001;pointer-events:auto;touch-action:auto}[data-theme=light] .badge-confirm-dialog{background:#fff;border:2px solid #667eea;box-shadow:0 20px 60px #0000004d,0 0 0 1px #667eea80}.badge-confirm-dialog h4{margin:0 0 1rem;color:#fff;font-size:1.3rem;font-weight:700}[data-theme=light] .badge-confirm-dialog h4{color:#111418}.badge-confirm-dialog p{margin:0 0 1.5rem;color:#e8eaed;line-height:1.5;font-size:1rem}[data-theme=light] .badge-confirm-dialog p{color:#111418}.badge-confirm-dialog strong{color:#667eea;font-weight:700}.confirm-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.confirm-buttons button{padding:1rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-size:1rem;min-height:48px;flex:1;min-width:120px;position:relative;z-index:10002;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:rgba(102,126,234,.3);user-select:none;-webkit-user-select:none}.confirm-buttons .btn-primary{background:linear-gradient(135deg,#0a84ff,#0066d9);color:#fff!important;box-shadow:0 4px 12px #0a84ff4d}.confirm-buttons .btn-primary:hover{background:linear-gradient(135deg,#0066d9,#0056b3);transform:translateY(-2px);box-shadow:0 6px 16px #0a84ff66}.confirm-buttons .btn-primary:active{transform:scale(.98);background:linear-gradient(135deg,#0056b3,#004494)}.confirm-buttons .btn-secondary{background:#8080804d;color:#fff!important;border:2px solid rgba(128,128,128,.5)}[data-theme=light] .confirm-buttons .btn-secondary{color:#111418!important;background:#80808026}.confirm-buttons .btn-secondary:hover{background:#80808066;transform:translateY(-2px)}.confirm-buttons .btn-secondary:active{transform:scale(.98);background:#80808080}@media (max-width: 768px){.achievement-badges{padding:1rem .5rem;width:100%}.badges-earned,.roadmap-badges{grid-template-columns:1fr;gap:.875rem;width:100%}.badge{padding:1rem .875rem;width:100%;max-width:100%;box-sizing:border-box}.confirm-buttons button{width:100%;min-height:48px;font-size:1rem}.badge-confirm-dialog{margin:0;padding:1.5rem;width:calc(100% - 2rem);max-width:calc(100vw - 2rem);box-sizing:border-box}.badge-confirm-dialog h4{font-size:1.25rem}.badge-confirm-dialog p{font-size:.95rem}.badge-confirm-overlay{padding:1rem;align-items:center}.confirm-buttons{flex-direction:column;gap:.75rem}.confirm-buttons button{width:100%;flex:none}.restart-section{padding:1.5rem 1rem;margin-top:2rem}.restart-button{min-width:auto;width:100%;max-width:280px;padding:.875rem 1.5rem;font-size:1rem}.restart-message{font-size:.9rem;text-align:center;font-weight:700}.badge-instructions{flex-direction:column;padding:1rem;text-align:center}.instruction-text{text-align:center;font-size:.9rem}.badge.clickable{min-height:80px;padding:1rem .875rem;transition:all .2s ease;width:100%}.badge.clickable:active{transform:scale(.98);background:linear-gradient(135deg,rgba(10,132,255,.2),var(--glass-bg));border-color:var(--accent-color);box-shadow:0 4px 12px #0a84ff33}.badge.clickable:after{content:"👆";position:absolute;top:.5rem;right:.5rem;font-size:1.2rem;opacity:.6;animation:tap-pulse 2s ease-in-out infinite}@keyframes tap-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:.9}}.badge-icon{font-size:2.25rem;flex-shrink:0}.badge-info{flex:1;min-width:0;overflow:hidden}.badge-name{font-size:1.05rem;word-wrap:break-word}.badge-description{font-size:.9rem;word-wrap:break-word}.badge-countdown{font-size:.85rem}.upcoming-badges h4{font-size:1.1rem;padding:0 .5rem}.no-badges-yet{margin:0 .5rem 1.5rem}}@media (max-width: 480px){.achievement-badges{padding:.75rem .25rem}.badge{padding:.875rem .75rem;gap:.75rem}.badge-icon{font-size:2rem}.badge-name{font-size:1rem}.badge-description{font-size:.85rem}.badge-countdown{font-size:.8rem}.badge.clickable{min-height:72px;padding:.875rem .75rem}.badge-confirm-dialog{padding:1.25rem 1rem;width:calc(100% - 1rem)}.badge-confirm-dialog h4{font-size:1.15rem}.badge-confirm-dialog p{font-size:.9rem}.confirm-buttons button{padding:.875rem 1.25rem;font-size:.95rem}}.craving-log-container{max-width:900px;margin:0 auto}.log-header-premium{background:linear-gradient(135deg,#ef444426,#f973161a,#22c55e1a);border:1px solid var(--glass-border-color);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.log-header-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ef4444,#f59e0b,#22c55e);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.log-icon-title{display:flex;align-items:center;gap:1.5rem;flex:1;min-width:300px}.log-icon{font-size:3rem;animation:gentle-float 3s ease-in-out infinite}.log-title-content{flex:1}.log-title{font-size:2.25rem;font-weight:700;background:linear-gradient(135deg,#ef4444,#f59e0b,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;line-height:1.2}.log-subtitle{font-size:1.125rem;color:var(--secondary-text-color);margin:0;font-weight:400;line-height:1.5}.log-toggle-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:var(--radius-lg);font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ef44444d}.log-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.btn-toggle-icon{font-size:1.5rem;font-weight:800}.add-craving-form-premium{background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.craving-form-group{margin-bottom:1.75rem}.craving-form-group label{display:block;font-size:1.125rem;font-weight:600;color:var(--primary-text-color);margin-bottom:.75rem}.craving-select,.craving-input{width:100%;padding:1rem 1.5rem;font-size:1.125rem;border:2px solid var(--glass-border-color);border-radius:var(--radius-md);background:#ffffff0d;color:var(--primary-text-color);font-family:inherit;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.craving-select:focus,.craving-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;background:#ffffff14}.intensity-container{display:grid;grid-template-columns:1fr 120px;gap:1.5rem;align-items:center}.intensity-slider{width:100%;height:8px;border-radius:4px;background:linear-gradient(90deg,#ef4444,#f59e0b,#22c55e);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.intensity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #ef4444;cursor:pointer;box-shadow:0 2px 8px #0003;transition:all .3s ease}.intensity-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #ef44444d}.intensity-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #ef4444;cursor:pointer;box-shadow:0 2px 8px #0003;transition:all .3s ease}.intensity-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #ef44444d}.intensity-display{text-align:center;padding:1rem;background:#ef44441a;border-radius:var(--radius-md);border:1px solid rgba(239,68,68,.2)}.intensity-value{display:block;font-size:2rem;font-weight:800;color:#ef4444;margin-bottom:.25rem}.intensity-label{display:block;font-size:.875rem;color:var(--secondary-text-color);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.craving-submit-btn{width:100%;padding:1.25rem 2rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:var(--radius-lg);font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 4px 15px #ef44444d}.craving-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.craving-history-section{margin-top:2rem}.craving-empty-state{text-align:center;padding:3rem 2rem;background:var(--glass-bg);border:2px dashed var(--glass-border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.empty-icon{font-size:3rem;margin-bottom:1.5rem;display:block;opacity:.7;animation:gentle-pulse 2s ease-in-out infinite}.empty-message{font-size:1.125rem;color:var(--secondary-text-color);line-height:1.6;margin:0 auto;max-width:400px}.craving-list-premium{display:grid;gap:1.25rem}.craving-entry-premium{background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:var(--radius-lg);padding:1.75rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .3s ease;position:relative;overflow:hidden}.craving-entry-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#ef4444,transparent);opacity:.3}.craving-entry-premium.resisted:before{background:linear-gradient(90deg,transparent,#22c55e,transparent);opacity:.5}.craving-entry-premium.resisted:hover{border-color:#22c55e4d;box-shadow:0 8px 25px #22c55e1a}.craving-entry-premium.used:before{background:linear-gradient(90deg,transparent,#ef4444,transparent);opacity:.5}.craving-entry-premium.used:hover{border-color:#ef44444d;box-shadow:0 8px 25px #ef44441a}.craving-entry-premium.ongoing:before{background:linear-gradient(90deg,transparent,#f59e0b,transparent);opacity:.5}.craving-entry-premium.ongoing:hover{border-color:#f59e0b4d;box-shadow:0 8px 25px #f59e0b1a}.craving-entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.substance-badge{display:inline-block;padding:.5rem 1.25rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-weight:600;font-size:.95rem}.craving-entry-premium.resisted .substance-badge{background:#22c55e26;border-color:#22c55e4d;color:#22c55e}.craving-date-premium{font-size:.95rem;color:var(--secondary-text-color);font-weight:500}.craving-entry-body{display:grid;gap:1rem}.craving-stat{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:1rem;padding:.75rem 1rem;background:#ffffff08;border-radius:var(--radius-md)}.stat-icon{font-size:1.25rem}.stat-label{font-size:.875rem;color:var(--secondary-text-color);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.stat-value{font-size:1rem;color:var(--primary-text-color);font-weight:600;text-align:right}.outcome-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--radius-md);font-weight:600;font-size:1rem;margin-top:.5rem}.outcome-resisted{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.outcome-used{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.outcome-ongoing{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}@media (max-width: 768px){.log-header-premium{flex-direction:column;align-items:stretch;text-align:center}.log-icon-title{flex-direction:column;text-align:center}.log-title{font-size:1.875rem}.log-toggle-btn{width:100%;justify-content:center}.add-craving-form-premium{padding:1.5rem}.intensity-container{grid-template-columns:1fr;gap:1rem}.craving-entry-premium{padding:1.25rem}.craving-stat{grid-template-columns:1fr;gap:.5rem}.stat-value{text-align:left}}.meeting-prep-container{max-width:900px;margin:0 auto;position:relative}.prep-header{background:linear-gradient(135deg,#0a84ff1a,#22c55e1a,#8b5cf61a);border:1px solid var(--glass-border-color);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden}.prep-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0ea5e9,#22c55e,#8b5cf6);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.prep-title-section{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.prep-icon{font-size:3rem;animation:gentle-float 3s ease-in-out infinite}.prep-title-content{flex:1}.prep-title{font-size:2.25rem;font-weight:700;background:linear-gradient(135deg,#0ea5e9,#22c55e,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;line-height:1.2}.prep-subtitle{font-size:1.25rem;color:var(--secondary-text-color);margin:0;font-weight:400;line-height:1.5}.prep-progress-section{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.progress-info{flex:1;min-width:200px}.progress-text{display:block;font-size:1rem;color:var(--secondary-text-color);margin-bottom:.75rem;font-weight:500}.progress-bar-prep{width:100%;height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden;position:relative}.progress-fill-prep{height:100%;background:linear-gradient(90deg,#0ea5e9,#22c55e,#8b5cf6);border-radius:5px;transition:width .8s ease-out;position:relative}.progress-fill-prep:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}.prep-ready-badge{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1rem 1.5rem;border-radius:var(--radius-lg);font-weight:600;box-shadow:0 4px 12px #10b9814d;animation:gentle-pulse 2s ease-in-out infinite}.ready-icon{font-size:1.25rem}.prep-content{position:relative}.prep-questions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2.5rem}.prep-question-card{background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:var(--radius-lg);padding:2rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .3s ease;position:relative;overflow:hidden}.prep-question-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(10,132,255,.3),transparent);opacity:0;transition:opacity .3s ease}.prep-question-card:hover:before{opacity:1}.prep-question-card.answered{border-color:#22c55e66;background:linear-gradient(135deg,rgba(34,197,94,.08),var(--glass-bg))}.prep-question-card.answered:before{background:linear-gradient(90deg,#22c55e,#10b981,#22c55e);opacity:1}.prep-question-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0a84ff26;border-color:#0a84ff4d}.question-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.question-icon-section{display:flex;align-items:center;gap:1rem}.question-icon{font-size:2rem;padding:.75rem;background:#ffffff1a;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.2)}.prep-question-card.answered .question-icon{background:#22c55e33;border-color:#22c55e4d}.question-category{font-size:.875rem;color:var(--accent-color);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.clear-response-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;border-radius:var(--radius-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1rem}.clear-response-btn:hover{background:#ef444433;transform:scale(1.1)}.question-content{position:relative}.question-text{display:block;font-size:1.25rem;font-weight:600;color:var(--primary-text-color);margin-bottom:1rem;line-height:1.4}.prep-textarea{width:100%;padding:1.25rem;border:2px solid var(--glass-border-color);border-radius:var(--radius-md);background:#ffffff0d;color:var(--primary-text-color);font-family:inherit;font-size:1rem;line-height:1.6;resize:vertical;min-height:100px;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.prep-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #0a84ff1a;background:#ffffff14}.prep-textarea::placeholder{color:var(--secondary-text-color);opacity:.6}.question-meta{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.word-count{font-size:.875rem;color:var(--secondary-text-color);opacity:.8}.completion-check{font-size:.875rem;color:#10b981;font-weight:600;display:flex;align-items:center;gap:.25rem}.prep-actions{display:flex;justify-content:space-between;align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:var(--radius-lg);padding:1.5rem 2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap;gap:1.5rem}.prep-actions-left{display:flex;gap:1rem}.clear-all-btn{display:flex;align-items:center;gap:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.875rem 1.25rem;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.95rem}.clear-all-btn:hover:not(:disabled){background:#ef444433;transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.clear-all-btn:disabled{opacity:.4;cursor:not-allowed}.btn-icon{font-size:1rem}.prep-actions-right{flex:1;display:flex;justify-content:flex-end}.preparation-tips{display:flex;align-items:center;gap:.75rem;max-width:400px}.tip-icon{font-size:1.25rem;flex-shrink:0}.tip-text{font-size:.95rem;color:var(--secondary-text-color);line-height:1.5;opacity:.8}.meeting-readiness-summary{background:linear-gradient(135deg,#22c55e26,#10b9811a);border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-lg);padding:2.5rem;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden}.meeting-readiness-summary:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#22c55e,#10b981,#22c55e);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.summary-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.summary-icon{font-size:2.5rem;animation:gentle-pulse 2s ease-in-out infinite}.summary-header h4{font-size:1.75rem;font-weight:700;color:var(--primary-text-color);margin:0}.summary-content p{font-size:1.125rem;color:var(--secondary-text-color);margin:0 0 1.5rem;line-height:1.6}.encouragement{font-size:1.125rem;font-style:italic;color:var(--primary-text-color);font-weight:500;padding:1.5rem;background:#ffffff0d;border-radius:var(--radius-md);border-left:4px solid #22c55e;margin:0}@media (max-width: 768px){.meeting-prep-container{margin:0 1rem}.prep-header{padding:1.5rem}.prep-title-section{flex-direction:column;text-align:center;gap:1rem}.prep-title{font-size:1.875rem}.prep-progress-section{flex-direction:column;gap:1.5rem}.prep-questions-grid{grid-template-columns:1fr;gap:1.5rem}.prep-question-card{padding:1.5rem}.question-header{flex-direction:column;gap:1rem;align-items:flex-start}.question-icon-section{width:100%;justify-content:space-between}.prep-actions{flex-direction:column;align-items:stretch;text-align:center}.prep-actions-right{justify-content:center}.meeting-readiness-summary{padding:2rem 1.5rem}.summary-header{flex-direction:column;gap:.5rem}.summary-header h4{font-size:1.5rem}}.craving-log{max-width:800px;margin:0 auto}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.log-header h3{margin:0;color:var(--primary-text-color)}.add-craving-form{margin-bottom:2rem;padding:1.5rem}.form-row{margin-bottom:1rem}.form-row label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--primary-text-color)}.form-row input,.form-row select{width:100%;padding:.75rem;border:1px solid var(--glass-border-color);border-radius:8px;background:var(--glass-bg);color:var(--primary-text-color);font-family:inherit}.form-row input:focus,.form-row select:focus{outline:none;border-color:var(--accent-color)}.intensity-label{display:block;margin-top:.5rem;font-size:.9rem;opacity:.8}.empty-state{text-align:center;padding:3rem 1rem;opacity:.8;font-style:italic}.craving-list{margin-bottom:1rem}.craving-entry{padding:1.5rem;margin-bottom:1rem;border-left:4px solid var(--glass-border-color)}.craving-entry.resisted{border-left-color:#10b981}.craving-entry.used{border-left-color:#ef4444}.craving-entry.ongoing{border-left-color:#f59e0b}.craving-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.craving-date{font-size:.9rem;opacity:.7}.craving-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;font-size:.9rem}.craving-details>div{padding:.25rem 0}.outcome.resisted{color:#10b981;font-weight:500}.outcome.used{color:#ef4444;font-weight:500}.outcome.ongoing{color:#f59e0b;font-weight:500}.recovery-calculator-container{max-width:900px;margin:0 auto;position:relative}.calc-header{background:linear-gradient(135deg,#22c55e26,#10b9811a,#0a84ff1a);border:1px solid var(--glass-border-color);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden}.calc-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#22c55e,#10b981,#0ea5e9);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.calc-icon-title{display:flex;align-items:center;gap:1.5rem}.calc-icon{font-size:3rem;animation:gentle-float 3s ease-in-out infinite}.calc-title-content{flex:1}.calc-title{font-size:2.25rem;font-weight:700;background:linear-gradient(135deg,#22c55e,#10b981,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;line-height:1.2}.calc-subtitle{font-size:1.125rem;color:var(--secondary-text-color);margin:0;font-weight:400;line-height:1.5}.calc-inputs-section{background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.calc-form-group{margin-bottom:1.5rem}.calc-form-group:last-of-type{margin-bottom:2rem}.calc-form-label{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;color:var(--primary-text-color);margin-bottom:.75rem}.label-icon{font-size:1.25rem}.input-wrapper{display:flex;align-items:center;position:relative}.currency-symbol{position:absolute;left:1.25rem;font-size:1.25rem;font-weight:600;color:#22c55e;pointer-events:none}.calc-currency-input{width:100%;padding:1rem 1.5rem 1rem 2.75rem;font-size:1.125rem;border:2px solid var(--glass-border-color);border-radius:var(--radius-md);background:#ffffff0d;color:var(--primary-text-color);font-family:inherit;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.calc-currency-input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a;background:#ffffff14}.calc-date-input{width:100%;padding:1rem 1.5rem;font-size:1.125rem;border:2px solid var(--glass-border-color);border-radius:var(--radius-md);background:#ffffff0d;color:var(--primary-text-color);font-family:inherit;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.calc-date-input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0a84ff1a;background:#ffffff14}.calc-button{width:100%;padding:1.25rem 2rem;background:linear-gradient(135deg,#22c55e,#10b981);color:#fff;border:none;border-radius:var(--radius-lg);font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 4px 15px #22c55e4d}.calc-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #22c55e66}.calc-button:active{transform:translateY(0)}.btn-calc-icon{font-size:1.25rem}.calc-results{background:linear-gradient(135deg,#22c55e26,#10b9811a);border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-lg);padding:2.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden}.calc-results:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#22c55e,#10b981,#22c55e);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.results-header-premium{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:2px solid rgba(255,255,255,.1)}.results-icon{font-size:3rem;animation:gentle-pulse 2s ease-in-out infinite}.results-text h4{font-size:2rem;font-weight:700;color:var(--primary-text-color);margin:0 0 .5rem}.results-days{font-size:1.125rem;color:var(--secondary-text-color);margin:0;font-weight:500}.savings-grid-premium{display:grid;grid-template-columns:repeat(2,1fr);max-width:500px;margin:0 auto 2.5rem;gap:1.5rem}.saving-item-premium{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:1.5rem 1rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.saving-item-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#22c55e,transparent);opacity:0;transition:opacity .3s ease}.saving-item-premium:hover{transform:translateY(-4px);box-shadow:0 8px 25px #22c55e33;border-color:#22c55e4d;background:#22c55e0d}.saving-item-premium:hover:before{opacity:1}.saving-icon{font-size:2rem;margin-bottom:.75rem;display:block}.saving-amount{font-size:1.875rem;font-weight:800;background:linear-gradient(135deg,#22c55e,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;line-height:1}.saving-label{font-size:.95rem;color:var(--secondary-text-color);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.savings-ideas-premium{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:2rem}.ideas-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.ideas-icon{font-size:1.5rem}.savings-ideas-premium h5{font-size:1.25rem;font-weight:700;color:var(--primary-text-color);margin:0}.ideas-list{display:grid;gap:1rem}.idea-item{display:flex;align-items:flex-start;gap:1rem;padding:.75rem 1rem;background:#ffffff08;border-radius:var(--radius-md);transition:all .3s ease}.idea-item:hover{background:#22c55e1a;transform:translate(4px)}.idea-check{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.idea-item span:last-child{font-size:1rem;color:var(--secondary-text-color);line-height:1.5}.calc-placeholder{text-align:center;padding:3rem 2rem;background:var(--glass-bg);border:2px dashed var(--glass-border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.placeholder-icon{font-size:3rem;margin-bottom:1.5rem;display:block;opacity:.7;animation:gentle-pulse 2s ease-in-out infinite}.placeholder-text{font-size:1.125rem;color:var(--secondary-text-color);line-height:1.6;max-width:400px;margin:0 auto}@media (max-width: 768px){.recovery-calculator-container{margin:0 1rem}.calc-header{padding:1.5rem}.calc-icon-title{flex-direction:column;text-align:center;gap:1rem}.calc-title{font-size:1.875rem}.calc-inputs-section{padding:1.5rem}.calc-results{padding:2rem 1.5rem}.results-header-premium{flex-direction:column;text-align:center;border-bottom:2px solid rgba(255,255,255,.1)}.results-text h4{font-size:1.75rem}.savings-grid-premium{gap:1rem}.saving-item-premium{padding:1.25rem .75rem}.saving-amount{font-size:1.5rem}.savings-ideas-premium{padding:1.5rem}.calc-placeholder{padding:2rem 1rem}}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:2rem}.tool-section{min-height:400px}.app-notification{position:fixed;top:20px;right:20px;max-width:350px;background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:12px;padding:1rem;box-shadow:0 10px 25px -3px #0000001a;z-index:10000;transform:translate(100%);transition:transform .3s ease}.app-notification.show{transform:translate(0)}.notification-content strong{display:block;margin-bottom:.5rem;color:var(--primary-text-color)}.notification-content p{margin:0;opacity:.8;font-size:.9rem}.step-card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;cursor:pointer;overflow:hidden;position:relative;will-change:transform}.step-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--accent-color),.2),transparent);transition:transform .6s ease;will-change:transform}.step-card:hover:before{transform:translate(200%)}.step-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 25px 50px -12px #00000040;border-color:var(--accent-color)}.step-card:hover .step-icon{transform:rotate(360deg) scale(1.1)}.step-icon{transition:transform .5s ease;will-change:transform}[data-theme=dark]{--tooltip-bg: rgba(255, 255, 255, .9);--tooltip-text: black}[data-theme=dark] .step-tooltip{background:#ffffffe6;color:#000}@media (max-width: 768px){.step-journey{padding:1rem 0}.step-wheel{width:min(380px,95vw);height:min(380px,95vw);padding:5px}.step-wheel-item{width:48px;height:48px;margin-left:-24px;margin-top:-24px}.step-wheel-button{font-size:1rem;border-width:2.5px}.step-check{width:20px;height:20px;font-size:.75rem;top:-4px;right:-4px}.step-tooltip{display:none}.step-progress-header{flex-direction:column;text-align:center;gap:1.5rem;margin-bottom:2rem}.progress-circle{transform:scale(.9)}.progress-summary h3{font-size:1.3rem}.progress-summary p{font-size:.9rem}}@media (max-width: 480px){.step-wheel{width:min(340px,95vw);height:min(340px,95vw)}.step-wheel-item{width:44px;height:44px;margin-left:-22px;margin-top:-22px}.step-wheel-button{font-size:.95rem;border-width:2px}.step-check{width:18px;height:18px;font-size:.7rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.stat-card{padding:1rem}.stat-icon,.stat-value{font-size:1.5rem}.stat-label{font-size:.85rem}.tools-grid{grid-template-columns:1fr;gap:1.5rem}.emergency-resources{width:300px}.savings-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.badges-earned{grid-template-columns:1fr;gap:.75rem}.badge{padding:.875rem}.badge-icon{font-size:1.75rem}.badge-name{font-size:1rem}.badge-description{font-size:.85rem}}@media (max-width: 480px){.step-wheel{width:min(280px,90vw);height:min(280px,90vw)}.step-wheel-item{width:36px;height:36px;margin-left:-18px;margin-top:-18px}.step-wheel-button{font-size:.85rem}.step-check{width:18px;height:18px;font-size:.7rem;top:-4px;right:-4px}.step-tooltip{display:none}.emergency-resources{width:280px;right:-20px}.stats-grid{grid-template-columns:1fr}.progress-circle{transform:scale(.85)}.progress-text{font-size:1.25rem}.progress-label{font-size:.8rem}}.serenity-cards{max-width:900px;margin:0 auto;text-align:center}.serenity-cards h3{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#0ea5e9,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.serenity-subtitle{font-size:1.125rem;color:var(--secondary-text-color);margin-bottom:2rem;font-weight:400;line-height:1.5}.serenity-card-container{position:relative;display:flex;align-items:center;justify-content:center;gap:1.5rem;margin:2rem 0 1.5rem}.serenity-card{background:linear-gradient(135deg,#0a84ff1a,#8b5cf61a);border:1px solid var(--glass-border-color);padding:3rem 2.5rem;border-radius:var(--radius-lg);min-height:320px;display:flex;flex-direction:column;justify-content:center;position:relative;box-shadow:0 10px 40px #0000001a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);flex:1;max-width:600px}.serenity-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0ea5e9,#8b5cf6);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.card-number{position:absolute;top:1rem;right:1.5rem;font-size:.9rem;font-weight:600;color:var(--accent-color);text-transform:uppercase;letter-spacing:.5px}.card-title{font-size:2rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#0ea5e9,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;letter-spacing:-.02em}.card-quote{font-size:1.1875rem;font-style:italic;margin:1.25rem auto 1.5rem;line-height:1.8;max-width:100%;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);padding:1.5rem 1.5rem 1.5rem 3rem;position:relative;color:var(--primary-text-color)}.card-quote:before{content:"“";position:absolute;top:.75rem;left:1rem;font-size:3rem;background:linear-gradient(135deg,#0ea5e9,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.4;line-height:1}.card-reflection{font-size:1.0625rem;line-height:1.7;margin-top:1rem;color:var(--secondary-text-color);font-weight:400}.card-nav{background:linear-gradient(135deg,#0ea5e9,#8b5cf6);color:#fff;border:none;width:56px;height:56px;border-radius:50%;font-size:2rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0a84ff4d;flex-shrink:0}.card-nav:hover{transform:scale(1.15) translateY(-2px);box-shadow:0 12px 36px #0a84ff66}.card-nav:active{transform:scale(1.08)}.card-dots{display:flex;gap:.75rem;justify-content:center;margin-top:2rem}.dot{width:12px;height:12px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.dot.active{background:linear-gradient(135deg,#0ea5e9,#8b5cf6);transform:scale(1.4);box-shadow:0 0 12px #0a84ff66}.dot:hover{background:#0a84ff99;transform:scale(1.2)}.daily-challenges{max-width:700px;margin:0 auto;padding:2rem;background:var(--glass-bg);border-radius:var(--radius-lg);border:1px solid var(--glass-border-color);box-shadow:0 4px 12px var(--color-shadow)}.challenges-header{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1.5rem;position:relative}.challenges-header h3{margin:0;font-size:1.75rem;font-weight:700;color:var(--primary-text-color)}.challenges-progress{display:flex;align-items:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.challenges-subtitle{text-align:center;opacity:.75;margin-bottom:2rem;font-size:1rem;color:var(--secondary-text-color)}.challenges-list{display:flex;flex-direction:column;gap:1rem}.challenge-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#ffffff80;border-radius:16px;border:2px solid transparent;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.challenge-item:active{transform:scale(.98)}.challenge-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(var(--accent-color),.05),transparent);opacity:0;transition:opacity .3s ease}.challenge-item:hover{transform:translate3d(0,-3px,0);box-shadow:0 8px 20px #0000001f;border-color:var(--accent-color)}.challenge-item:hover:before{opacity:1}.challenge-item.completed{background:linear-gradient(135deg,#10b98126,#10b9810d);border-color:#10b981}.challenge-item.completed:before{background:linear-gradient(135deg,rgba(16,185,129,.1),transparent);opacity:1}.challenge-icon{font-size:2.5rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.challenge-content{flex:1}.challenge-title{font-weight:700;margin-bottom:.375rem;color:var(--primary-text-color);font-size:1.05rem}.challenge-description{font-size:.9rem;opacity:.75;color:var(--secondary-text-color);line-height:1.5}.challenge-check{width:36px;height:36px;border-radius:50%;border:2.5px solid #d1d5db;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#10b981;transition:all .3s ease;background:#fff;flex-shrink:0}.challenge-item:hover .challenge-check{border-color:var(--accent-color);transform:scale(1.1)}.challenge-item.completed .challenge-check{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #10b9814d}.challenges-complete{text-align:center;padding:2.5rem;margin-top:2rem;background:linear-gradient(135deg,#10b98133,#10b9810d);border-radius:16px;border:2px solid #10b981;box-shadow:0 4px 20px #10b98126}.challenges-complete p{font-size:1.125rem;font-weight:600;color:var(--primary-text-color);margin:0}.celebration-emoji{font-size:4rem;display:block;margin-bottom:1rem;animation:bounce .6s ease infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.community-wall{max-width:700px;margin:0 auto}.wall-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1.5rem}.wall-header h3{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.5px}.wall-header .btn-secondary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.85rem 1.75rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #667eea59;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.wall-header .btn-secondary:hover{background:linear-gradient(135deg,#764ba2,#f093fb);transform:translateY(-2px);box-shadow:0 10px 28px #667eea73}.wall-header .btn-secondary:active{transform:translateY(0);box-shadow:0 4px 12px #667eea4d}.wall-subtitle{text-align:center;opacity:.75;margin-bottom:2rem;font-size:1.05rem;color:var(--secondary-text-color);font-weight:500}.post-form{padding:2rem;margin-bottom:2.5rem;border:2px solid transparent;background:linear-gradient(#ffffff0d,#ffffff05),linear-gradient(135deg,#667eea1a,#f093fb1a);border-image:linear-gradient(135deg,#667eea4d,#f093fb4d) 1;box-shadow:0 8px 32px #667eea14;transition:all .3s ease}.post-form:hover{box-shadow:0 12px 40px #667eea1f;border-color:#667eea4d}.post-form textarea{width:100%;padding:1.25rem;border:1.5px solid rgba(102,126,234,.2);border-radius:12px;background:#ffffff08;color:var(--primary-text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;resize:vertical;margin-bottom:1.5rem;font-size:1rem;line-height:1.6;transition:all .3s ease}.post-form textarea::placeholder{color:#fff6}.post-form textarea:focus{outline:none;border-color:#667eea99;background:#667eea0d;box-shadow:0 0 0 3px #667eea1a}.form-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.anonymous-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none}.anonymous-toggle input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.form-actions{display:flex;align-items:center;gap:1.25rem}.form-actions small{opacity:.7;font-weight:500}.posts-list{display:flex;flex-direction:column;gap:1.5rem}.post-card{padding:1.75rem;border:1px solid transparent;background:linear-gradient(#ffffff0d,#ffffff05),linear-gradient(135deg,#667eea14,#f093fb14);border-image:linear-gradient(135deg,#667eea26,#f093fb26) 1;border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.post-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #667eea26;border-color:#667eea33;background:linear-gradient(#ffffff14,#ffffff08),linear-gradient(135deg,#667eea1f,#f093fb1f)}.post-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.post-avatar{font-size:2rem;line-height:1;flex-shrink:0;animation:float 3s ease-in-out infinite}.post-meta{flex:1;min-width:0}.post-author{font-weight:700;color:var(--primary-text-color);margin-bottom:.35rem;font-size:1.05rem}.post-time{font-size:.85rem;opacity:.6;font-weight:500}.post-message{line-height:1.7;margin-bottom:1.25rem;white-space:pre-wrap;font-size:1.05rem;color:#fffffff2;word-wrap:break-word;overflow-wrap:break-word}.post-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid rgba(102,126,234,.1)}.like-button{background:linear-gradient(135deg,#667eea1a,#f093fb1a);border:1px solid rgba(102,126,234,.15);color:var(--primary-text-color);cursor:pointer;padding:.75rem 1.25rem;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;font-weight:600}.like-button:hover{background:linear-gradient(135deg,#667eea33,#f093fb33);border-color:#667eea4d;transform:scale(1.08);box-shadow:0 4px 12px #667eea26}.empty-state{text-align:center;padding:3rem 2rem;color:#fff9;font-size:1.1rem;font-style:italic}@media (max-width: 768px){.quick-checkin-panel{width:280px;right:-20px}.serenity-cards{padding:0 .5rem}.serenity-cards h3{font-size:2rem}.serenity-subtitle{font-size:1rem;padding:0 1rem}.serenity-card-container{flex-direction:column;gap:1rem}.serenity-card{padding:2rem 1.5rem;min-height:280px}.card-title{font-size:1.5rem}.card-quote{font-size:1rem;padding:1rem 1rem 1rem 2.5rem;line-height:1.6}.card-quote:before{font-size:2.5rem;left:.5rem}.card-reflection{font-size:.95rem}.card-nav{width:48px;height:48px;font-size:1.5rem}.daily-challenges{padding:1.5rem 1rem}.challenges-header{flex-direction:column;text-align:center;gap:1rem}.challenges-header h3{font-size:1.5rem}.challenges-progress{position:static;transform:none}.challenge-item{padding:1rem}.challenge-icon{font-size:2rem}.challenge-title{font-size:1rem}.challenge-description{font-size:.85rem}.quote-of-day{padding:1.5rem}.daily-quote{font-size:1.05rem}.community-stats h3{font-size:1.3rem}.btn-primary,.btn-secondary,.btn-whatsapp,.craving-submit-btn,.log-toggle-btn,.calc-button{min-height:44px;padding:.875rem 1.25rem}.post-card,.challenge-item,.badge,.stat-card{transition:transform .2s ease,box-shadow .2s ease}.wall-header{flex-direction:column;align-items:stretch}.wall-header h3{font-size:1.75rem;text-align:center}.wall-header .btn-secondary{width:100%;justify-content:center}.post-form{padding:1.5rem}.post-card{padding:1.25rem}.post-message{font-size:.95rem}}@media (max-width: 480px){.serenity-cards h3{font-size:1.75rem}.serenity-card{padding:1.5rem 1rem;min-height:260px}.card-title{font-size:1.3rem}.card-quote{font-size:.95rem;padding:.875rem .875rem .875rem 2rem}.card-reflection{font-size:.9rem}.card-nav{width:44px;height:44px;font-size:1.3rem}.daily-challenges{padding:1rem .75rem}.challenges-header h3{font-size:1.3rem}.challenge-icon{font-size:1.75rem}.community-wall{padding:0 .5rem}.wall-header h3{font-size:1.5rem}}.auth-container{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{background:var(--color-background-secondary);border-radius:1.5rem;padding:3rem;max-width:480px;width:100%;box-shadow:0 25px 50px -12px var(--color-shadow-strong);border:1px solid var(--color-glass-border);position:relative;animation:slideUp .4s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-header{text-align:center;margin-bottom:2rem;position:relative}.auth-header h2{font-family:Playfair Display,serif;font-size:2rem;color:var(--color-text-primary);margin-bottom:.5rem}.auth-header p{color:var(--color-text-secondary);font-size:.95rem}.auth-close{position:absolute;top:-1rem;right:-1rem;background:var(--color-glass-bg);border:1px solid var(--color-glass-border);width:2.5rem;height:2.5rem;border-radius:50%;font-size:1.5rem;color:var(--color-text-primary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.auth-close:hover{background:var(--color-card-hover-bg);transform:rotate(90deg)}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--color-text-primary);font-size:.9rem;font-weight:500}.form-group input,.form-group select{padding:.875rem 1rem;background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:.75rem;color:var(--color-text-primary);font-size:1rem;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-accent);background:var(--color-card-hover-bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 25%,transparent)}.form-group input::placeholder{color:var(--color-text-secondary);opacity:.6}.auth-error,.auth-success{padding:.875rem 1rem;border-radius:.75rem;display:flex;align-items:center;gap:.75rem;font-size:.9rem}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.auth-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac}.auth-submit{padding:1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.75rem;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px -5px #3b82f666}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-divider{position:relative;text-align:center;margin:1.5rem 0}.auth-divider:before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:#ffffff1a}.auth-divider span{position:relative;background:var(--color-background-secondary);padding:0 1rem;color:var(--color-text-secondary);font-size:.85rem}.auth-toggle{width:100%;padding:.875rem;background:transparent;border:1px solid var(--color-glass-border);border-radius:.75rem;color:var(--color-accent);font-size:.95rem;cursor:pointer;transition:all .2s}.auth-toggle:hover{background:var(--color-card-hover-bg);border-color:var(--color-accent)}.auth-privacy{text-align:center;color:var(--color-text-secondary);font-size:.8rem;margin-top:1.5rem;line-height:1.5}@media (max-width: 640px){.auth-modal{padding:2rem}.auth-header h2{font-size:1.5rem}}.user-dashboard{background:var(--color-background);padding:1.5rem;max-height:100vh;overflow-y:auto}.user-dashboard.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--color-text-primary)}.spinner-large{width:3rem;height:3rem;border:3px solid color-mix(in srgb,var(--color-accent) 20%,transparent);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}.dashboard-header{max-width:1200px;margin:0 auto 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.user-info h2{font-family:Playfair Display,serif;font-size:1.75rem;color:var(--color-text-primary);margin-bottom:.25rem}.user-email{color:var(--color-text-secondary);font-size:.9rem}.btn-signout{padding:.75rem 1.5rem;background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:.75rem;color:var(--color-text-primary);font-size:.95rem;cursor:pointer;transition:all .2s}.btn-signout:hover{background:#ef44441a;border-color:#ef444480;color:#ef4444}.dashboard-content{max-width:900px;margin:0 auto}.recovery-section{background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:1.25rem;padding:2rem;box-shadow:0 20px 60px -15px #0000004d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap;gap:1rem}.section-header h3{font-family:Playfair Display,serif;font-size:1.75rem;color:var(--color-text-primary);margin-bottom:0;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn-add{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.75rem;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-add:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #3b82f666}.add-progress-form{background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:1rem;padding:1.25rem;margin-bottom:1.25rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--color-text-primary);font-size:.95rem;font-weight:500}.form-group select,.form-group input[type=date]{width:100%;padding:.875rem;background:var(--color-glass-bg);border:1px solid var(--color-glass-border);border-radius:.75rem;color:var(--color-text-primary);font-size:.95rem;transition:all .2s;cursor:pointer}.form-group select:hover,.form-group input[type=date]:hover{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 5%,var(--color-glass-bg))}.form-group select:focus,.form-group input[type=date]:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 10%,transparent)}.date-input-wrapper{position:relative;display:flex;align-items:center;gap:.5rem}.date-picker{flex:1;font-family:inherit}.date-picker::-webkit-calendar-picker-indicator{display:none}.calendar-trigger-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.75rem;padding:.75rem 1rem;font-size:1.25rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:48px;height:48px;flex-shrink:0}.calendar-trigger-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #3b82f666}.calendar-trigger-btn:active{transform:translateY(0)}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-cancel,.btn-submit{flex:1;padding:.875rem;border-radius:.75rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel{background:transparent;border:1px solid var(--color-glass-border);color:var(--color-text-primary)}.btn-cancel:hover:not(:disabled){background:var(--color-glass-bg)}.btn-submit{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px -5px #3b82f666}.btn-cancel:disabled,.btn-submit:disabled{opacity:.5;cursor:not-allowed}.progress-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}@media (max-width: 768px){.progress-grid{grid-template-columns:1fr}}.progress-card{background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid var(--color-glass-border);border-radius:1.25rem;padding:1.75rem;text-align:center;transition:all .3s;position:relative;overflow:visible;margin-top:1.5rem}.progress-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-accent-secondary) 100%);opacity:0;transition:opacity .3s}.progress-card:hover{transform:translateY(-6px);box-shadow:0 25px 50px -12px var(--color-shadow);border-color:var(--color-accent)}.progress-card:hover:before{opacity:1}.progress-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;width:100%}.progress-card-actions{display:flex;gap:.5rem;margin-left:auto}.progress-icon{font-size:2.5rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.badge-icon{font-size:2.5rem;margin-bottom:.75rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.btn-rewind{background:#ff980026;border:1.5px solid rgba(255,152,0,.4);color:#ff9800f2;width:32px;height:32px;border-radius:50%;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1;padding:0;flex-shrink:0}.btn-rewind:hover{background:#ff980040;border-color:#ff9800b3;color:#ff9800;transform:rotate(-90deg) scale(1.1);box-shadow:0 4px 16px #ff98004d}.btn-rewind:active{transform:rotate(-90deg) scale(.95)}.btn-delete{background:#ef444426;border:1.5px solid rgba(239,68,68,.4);color:#ef4444f2;width:32px;height:32px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1;padding:0;flex-shrink:0;font-weight:300}.btn-delete:hover{background:#ef444440;border-color:#ef4444b3;color:#ef4444;transform:scale(1.1);box-shadow:0 4px 16px #ef44444d}.btn-delete:active{transform:scale(.95)}.progress-card h4{font-size:1.2rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1.25rem}.progress-days{margin:1.25rem 0}.days-number{display:block;font-size:3rem;font-weight:700;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.days-label{display:block;font-size:.85rem;color:var(--color-text-secondary);margin-top:.4rem}.progress-badges{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:1rem 0;padding:1rem 1.25rem;background:#ffffff05;border-radius:.75rem;border:1px solid var(--color-glass-border);align-items:center}.mini-badge{font-size:1.75rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .2s ease;cursor:help;position:relative;margin:.25rem}.mini-badge:hover{transform:scale(1.2)}.progress-stats{display:flex;gap:1rem;margin:1rem 0}.stat{flex:1;display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.7rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.btn-checkin{width:100%;padding:.875rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.75rem;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-checkin:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #10b98166}.checked-in{padding:.875rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:.75rem;color:#86efac;font-size:.95rem;font-weight:500}.empty-state{text-align:center;padding:1.5rem 1rem;color:var(--color-text-secondary);font-size:.9rem;font-style:italic;opacity:.7;background:#ffffff05;border:1px dashed var(--color-glass-border);border-radius:.75rem}.complete-sobriety-card{grid-column:1 / -1;background:linear-gradient(145deg,#3b82f61a,#9333ea0d);border:2px solid transparent;border-radius:1.5rem;padding:2.5rem;margin-bottom:2rem;margin-top:1.5rem;position:relative;overflow:visible;animation:celebration-appear .6s ease-out}.complete-sobriety-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1.5rem;padding:2px;background:linear-gradient(90deg,#3b82f6,#60a5fa,#93c5fd,#60a5fa,#3b82f6);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-glow 3s linear infinite}@keyframes border-glow{0%,to{opacity:1}50%{opacity:.6}}@keyframes celebration-appear{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.complete-sobriety-content{text-align:center;position:relative;z-index:1}.celebration-badges{display:flex;justify-content:center;gap:1.25rem;flex-wrap:wrap;margin:1.5rem 0;padding:1.5rem 2rem;background:#3b82f60d;border-radius:1rem;border:1px solid rgba(59,130,246,.2);align-items:center;max-width:100%}.celebration-badge-icon{font-size:2.75rem;filter:drop-shadow(0 4px 12px rgba(59,130,246,.4));transition:transform .3s ease;cursor:help;position:relative;margin:.5rem}.celebration-badge-icon:hover{transform:scale(1.2) rotate(5deg)}.celebration-badge-icon[title],.mini-badge[title]{position:relative}.celebration-badge-icon[title]:hover:after,.mini-badge[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-12px);background:linear-gradient(135deg,#1e1e2dfa,#2d2d41fa);color:#fff;padding:.65rem 1rem;border-radius:.6rem;white-space:nowrap;font-size:.95rem;font-weight:600;z-index:10000;box-shadow:0 6px 20px #00000080;border:1px solid rgba(59,130,246,.5);pointer-events:none;animation:tooltip-appear .2s ease-out;letter-spacing:.02em;min-width:max-content}.celebration-badge-icon[title]:hover:before,.mini-badge[title]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-4px);border:7px solid transparent;border-top-color:#1e1e2dfa;z-index:9999;pointer-events:none;animation:tooltip-appear .2s ease-out}@keyframes tooltip-appear{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(-12px)}}.celebration-icons{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.mini-substance-icon{font-size:1.75rem;filter:drop-shadow(0 4px 8px rgba(59,130,246,.3));animation:float 3s ease-in-out infinite;opacity:.9}.mini-substance-icon:nth-child(2){animation-delay:.3s}.mini-substance-icon:nth-child(3){animation-delay:.6s}.mini-substance-icon:nth-child(4){animation-delay:.9s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.sobriety-title{font-family:Playfair Display,serif;font-size:2rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.sobriety-timer{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:1.5rem 0}.timer-number{font-size:4rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;text-shadow:0 0 30px rgba(59,130,246,.5)}.timer-label{font-size:1rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em}.sobriety-message{color:var(--color-text-secondary);font-size:1.1rem;margin-top:1rem}@media (max-width: 768px){.user-dashboard{padding:1rem}.dashboard-header{margin-bottom:1rem}.user-info h2{font-size:1.5rem}.recovery-section{padding:1.5rem}.section-header{flex-direction:column;align-items:stretch;margin-bottom:1rem}.section-header h3{font-size:1.5rem}.btn-add{width:100%}.empty-state{padding:1.25rem 1rem}.progress-grid{gap:1.25rem;margin-top:1.25rem}.complete-sobriety-card{padding:2rem 1.5rem}.sobriety-title{font-size:1.5rem}.timer-number{font-size:3rem}.celebration-badges{gap:1rem;padding:1rem 1.25rem}.celebration-badge-icon{font-size:2.25rem;margin:.35rem}.mini-badge{font-size:1.5rem}.progress-badges{gap:.75rem;padding:.85rem 1rem}.mini-substance-icon{font-size:1.5rem}.celebration-badge-icon[title]:hover:after,.mini-badge[title]:hover:after{font-size:.85rem;padding:.5rem .85rem}}