:root{--color-bg-base:#fcfaf7;--color-bg-white:#fff;--color-bg-sidebar:#fcf9f6;--color-bg-blush:#fff5f6;--color-charcoal:#1e1e1e;--color-hot-pink:#ff1a75;--color-primary-light:#fff5f6;--color-primary-dark:#e60067;--color-sage-green:#4a6b5d;--color-green-light:#ebf7f2;--color-soft-gold:#f7d070;--color-outline-variant:#f5e6e8;--color-outline:#a0a0a0;--color-surface-container:#fff5f6;--color-surface-low:#fff9fa;--color-surface-highest:#fcd8e2;--color-surface-dim:#f5cbd8;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:32px;--section-gap:80px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-base);color:var(--color-charcoal);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.font-display{font-family:Outfit,sans-serif}.font-serif{font-family:Playfair Display,serif}.font-body{font-family:Inter,sans-serif}.font-handwritten{font-family:Gochi Hand,cursive}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-outline-variant);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-outline)}.hand-drawn-underline{display:inline-block;position:relative}.hand-drawn-underline:after{content:"";background-image:url("data:image/svg+xml,%3Csvg width='200' height='10' viewBox='0 0 200 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8C50 4 150 4 198 8' stroke='%23FF1A75' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;width:100%;height:6px;position:absolute;bottom:-4px;left:0}.hand-drawn-underline-green{display:inline-block;position:relative}.hand-drawn-underline-green:after{content:"";background-image:url("data:image/svg+xml,%3Csvg width='200' height='10' viewBox='0 0 200 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8C50 4 150 4 198 8' stroke='%234A6B5D' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;width:100%;height:6px;position:absolute;bottom:-4px;left:0}.btn-primary{background-color:var(--color-hot-pink);color:var(--color-bg-white);cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-flex}.btn-primary:hover{opacity:.92}.btn-primary:active{transform:scale(.97)}.btn-secondary{color:var(--color-hot-pink);border:1.5px solid var(--color-hot-pink);cursor:pointer;background-color:#0000;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary:hover{background-color:#ff1a750d}.btn-secondary:active{transform:scale(.97)}.doodle-card{background:var(--color-bg-white);border:1px solid #1e1e1e1f;border-radius:16px;flex-direction:column;justify-content:space-between;padding:32px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.doodle-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #ff1a750a}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.site-header{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-b:1px solid var(--color-outline-variant);background-color:#fcfaf7f2;width:100%;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.brand{align-items:center;gap:8px;text-decoration:none;display:flex}.brand-title{color:var(--color-primary-dark);letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.nav-links{align-items:center;gap:32px;display:none}@media (width>=768px){.nav-links{display:flex}}.nav-link{color:var(--color-outline);font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--color-primary-dark)}.nav-join-btn{background-color:var(--color-hot-pink);color:var(--color-bg-white);cursor:pointer;border:none;border-radius:9999px;padding:10px 24px;font-size:.875rem;font-weight:600;transition:opacity .2s;box-shadow:0 1px 2px #0000000d}.nav-join-btn:hover{opacity:.9}.menu-toggle{cursor:pointer;display:block}@media (width>=768px){.menu-toggle{display:none}}.mobile-drawer{border-top:1px solid var(--color-outline-variant);background-color:var(--color-bg-base);flex-direction:column;gap:16px;padding:16px 24px;display:flex}@media (width>=768px){.mobile-drawer{display:none}}.hero-section{flex-direction:column;align-items:center;gap:48px;padding:48px 0 64px;display:flex}@media (width>=768px){.hero-section{flex-direction:row;gap:64px;padding:80px 0 96px}}.hero-content{text-align:center;flex:1}@media (width>=768px){.hero-content{text-align:left}}.hero-eyebrow{color:var(--color-primary-dark);letter-spacing:.15em;text-transform:uppercase;margin-bottom:16px;font-size:.75rem;font-weight:600;display:block}.hero-title{color:var(--color-charcoal);margin-bottom:24px;font-size:1.875rem;font-weight:800;line-height:1.15}@media (width>=768px){.hero-title{font-size:3rem}}.hero-description{color:var(--color-outline);max-width:576px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.6}@media (width>=768px){.hero-description{margin-left:0;margin-right:0;font-size:1.25rem}}.hero-format-summary{color:var(--color-outline);max-width:576px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:.95rem;line-height:1.65}@media (width>=768px){.hero-format-summary{margin-left:0;margin-right:0;font-size:1rem}}.hero-cta-wrapper{flex-direction:column;gap:16px;display:flex}.hero-guarantee{color:var(--color-outline);justify-content:center;align-items:center;gap:8px;font-size:.875rem;display:flex}@media (width>=768px){.hero-guarantee{justify-content:flex-start}}.hero-visual{flex:1;width:100%;max-width:448px;position:relative}@media (width>=768px){.hero-visual{max-width:none}}.visual-backdrop{z-index:-1;background-color:var(--color-surface-low);filter:blur(48px);opacity:.6;border-radius:9999px;width:110%;height:110%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.visual-frame{border:2px solid var(--color-charcoal);background-color:var(--color-bg-white);box-shadow:8px 8px 0px 0px var(--color-charcoal);border-radius:24px;padding:16px;overflow:hidden}.visual-image{border-radius:8px;width:100%;height:auto}.before-section{background-color:var(--color-surface-low);border-top:1px solid var(--color-outline-variant);border-bottom:1px solid var(--color-outline-variant);padding:64px 0}@media (width>=768px){.before-section{padding:80px 0}}.section-title-wrapper{text-align:center;margin-bottom:48px}.section-title{color:var(--color-charcoal);font-size:1.875rem;font-weight:700}@media (width>=768px){.section-title{font-size:2.25rem}}.before-layout{flex-direction:column;align-items:center;gap:48px;margin-bottom:48px;display:flex}@media (width>=1024px){.before-layout{flex-direction:row;align-items:flex-start;gap:64px}}.before-story-column{flex-direction:column;flex:1.2;gap:24px;width:100%;display:flex}.before-visual-column{flex:.8;width:100%;max-width:400px;position:relative}@media (width>=1024px){.before-visual-column{max-width:none;position:sticky;top:120px}}.story-card{background-color:var(--color-bg-white);border:1.5px solid var(--color-charcoal);box-shadow:4px 4px 0px 0px var(--color-charcoal);border-radius:16px;padding:24px}@media (width>=768px){.story-card{padding:32px}}.story-paragraph{color:var(--color-outline);margin-bottom:16px;font-size:1rem;line-height:1.7}.story-paragraph:last-child{margin-bottom:0}.honestly-block{flex-direction:column;gap:12px;margin-top:16px;display:flex}.honestly-title{color:var(--color-charcoal);font-size:1.125rem;font-style:italic;font-weight:700}.question-callout{background-color:var(--color-surface-low);border:1.5px solid var(--color-charcoal);color:var(--color-primary-dark);box-shadow:4px 4px 0px 0px var(--color-charcoal);border-radius:16px;padding:24px;font-size:1.25rem;font-weight:600;line-height:1.5}@media (width>=768px){.question-callout{padding:32px;font-size:1.5rem}}.after-section{background-color:var(--color-bg-white);border-bottom:1px solid var(--color-outline-variant);padding:64px 0}@media (width>=768px){.after-section{padding:80px 0}}.after-layout{flex-direction:column;align-items:center;gap:48px;margin-bottom:48px;display:flex}@media (width>=1024px){.after-layout{flex-direction:row-reverse;align-items:flex-start;gap:64px}}.after-story-column{flex-direction:column;flex:1.2;gap:24px;width:100%;display:flex}.after-visual-column{flex:.8;width:100%;max-width:448px;position:relative}@media (width>=1024px){.after-visual-column{max-width:none;position:sticky;top:120px}}.after-card-green{border:1.5px solid var(--color-charcoal);color:#166534;box-shadow:4px 4px 0px 0px var(--color-charcoal);background-color:#f0fdf4;border-radius:16px;padding:24px;font-size:1.125rem;font-weight:600;line-height:1.6}@media (width>=768px){.after-card-green{padding:32px;font-size:1.25rem}}.after-transition-text{color:var(--color-outline);text-align:center;margin-top:16px;font-size:1.125rem;font-weight:500}@media (width>=1024px){.after-transition-text{text-align:left}}.about-section{background-color:var(--color-bg-sidebar);border-bottom:1px solid var(--color-outline-variant);padding:64px 0}@media (width>=768px){.about-section{padding:80px 0}}.about-layout{flex-direction:column;align-items:center;gap:48px;display:flex}@media (width>=1024px){.about-layout{flex-direction:row;align-items:flex-start;gap:64px}}.about-story-column{flex-direction:column;flex:1.2;width:100%;display:flex}.about-visual-column{flex:.8;justify-content:center;width:100%;max-width:380px;display:flex;position:relative}@media (width>=1024px){.about-visual-column{max-width:none;position:sticky;top:120px}}.about-image-backdrop{aspect-ratio:1;background-color:var(--color-primary-light);filter:blur(32px);opacity:.5;z-index:1;border-radius:9999px;width:100%;max-width:320px;position:absolute}.about-image-frame{z-index:2;border:3px solid var(--color-charcoal);aspect-ratio:1;width:100%;max-width:320px;box-shadow:8px 8px 0px 0px var(--color-hot-pink);background-color:var(--color-bg-white);border-radius:9999px;overflow:hidden}.about-portrait{object-fit:cover;width:100%;height:100%}.quote-callout{border-left:4px solid var(--color-hot-pink);background-color:var(--color-surface-low);color:var(--color-charcoal);border-radius:8px;margin:24px 0;padding:16px 24px;font-size:1.125rem;line-height:1.6}.offer-intro-section{background-color:var(--color-bg-base);border-bottom:1px solid var(--color-outline-variant);padding:64px 0}@media (width>=768px){.offer-intro-section{padding:80px 0}}.offer-intro-text{color:var(--color-outline);max-width:750px;margin:0 auto 40px;font-size:1.125rem;line-height:1.7}@media (width>=768px){.offer-intro-text{font-size:1.35rem}}.offer-mockup-container{max-width:800px;margin:0 auto 48px;position:relative}.offer-mockup-container .visual-frame{box-shadow:10px 10px 0px 0px var(--color-charcoal)}.offer-cta-container{flex-direction:column;align-items:center;margin-top:32px;display:flex}.story-block{align-items:start;gap:16px;margin-bottom:24px;display:flex}.story-icon{-webkit-user-select:none;user-select:none;margin-top:4px;font-size:1.5rem}.story-text{color:var(--color-outline);font-size:1.125rem;line-height:1.8}.highlight-box{color:var(--color-charcoal);background-color:#fce7f3;border-radius:4px;padding:2px 6px;font-family:Inter,sans-serif;font-weight:600}.divider-dashed{border:none;border-top:2px dashed #2d2d2d33;margin:32px 0}.story-outro{color:#2d2d2dcc;margin-bottom:16px;font-size:1rem;line-height:1.8}.before-action-bar{background-color:var(--color-bg-white);border:1px solid #2d2d2d33;border-radius:12px;flex-direction:column;align-items:start;gap:16px;max-width:900px;margin:48px auto 0;padding:24px;display:flex}@media (width>=768px){.before-action-bar{flex-direction:row;justify-content:space-between;align-items:center}}.action-bar-text h4{color:var(--color-charcoal);margin-bottom:4px;font-size:1.125rem;font-weight:600}.action-bar-text p{color:var(--color-outline);font-size:.875rem}.nurturer-section{background-color:var(--color-bg-white);padding:64px 0}@media (width>=768px){.nurturer-section{padding:96px 0}}.nurturer-grid{flex-direction:column;gap:48px;display:flex}@media (width>=1024px){.nurturer-grid{flex-direction:row;align-items:center;gap:64px}}.nurturer-content{flex:1}.badge-green{color:#166534;text-transform:uppercase;letter-spacing:.05em;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:9999px;align-items:center;gap:8px;margin-bottom:24px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.nurturer-quote{color:var(--color-outline);margin-bottom:24px;font-size:1.125rem;line-height:1.8}@media (width>=768px){.nurturer-quote{font-size:1.25rem}}.nurturer-box{background-color:var(--color-bg-base);border:1px solid #2d2d2d33;border-radius:16px;padding:24px}.nurturer-box-title{color:var(--color-charcoal);align-items:center;gap:8px;margin-bottom:12px;font-size:1.125rem;font-weight:600;display:flex}.nurturer-box-text{color:var(--color-outline);margin-bottom:16px;font-size:.875rem;line-height:1.6}.nurturer-quote-highlight{color:#064e3b;font-size:.875rem;font-style:italic;font-weight:500}.nurturer-tools{flex:1;width:100%}.nurturer-tools-title{color:var(--color-charcoal);margin-bottom:8px;font-size:1.25rem;font-weight:700}.nurturer-tools-desc{color:var(--color-outline);margin-bottom:24px;font-size:.875rem}.tool-card{border-radius:12px;gap:16px;margin-bottom:16px;padding:20px;transition:all .2s;display:flex}.tool-card.active{border:2px solid var(--color-charcoal);background-color:var(--color-bg-base);box-shadow:4px 4px 0 0 var(--color-charcoal)}.tool-card.locked{background-color:var(--color-bg-white);opacity:.65;border:1px solid #2d2d2d33}.tool-card-icon{font-size:1.875rem}.tool-card-header{align-items:center;gap:8px;display:flex}.tool-card-title{color:var(--color-charcoal);font-size:1.125rem;font-weight:700}.badge-status{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:.625rem;font-weight:700}.badge-status.active{color:var(--color-hot-pink);background-color:#fce7f3}.badge-status.locked{color:#6b7280;background-color:#f3f4f6}.tool-card-desc{color:var(--color-outline);margin-top:4px;font-size:.75rem}.ecosystem-section{background-color:var(--color-surface-low);border-top:1px solid var(--color-outline-variant);border-bottom:1px solid var(--color-outline-variant);padding:64px 0}@media (width>=768px){.ecosystem-section{padding:96px 0}}.ecosystem-intro{text-align:center;max-width:672px;margin:0 auto 64px}.ecosystem-intro span{color:var(--color-primary-dark);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.ecosystem-intro p{color:var(--color-outline);margin-top:16px;font-size:1rem;line-height:1.6}.ecosystem-grid{grid-template-columns:1fr;gap:32px;display:grid}@media (width>=768px){.ecosystem-grid{grid-template-columns:repeat(3,1fr)}}.part-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.part-icon{font-size:1.875rem}.part-badge{color:var(--color-hot-pink);background-color:#fce7f3;border-radius:9999px;padding:4px 10px;font-size:.75rem;font-weight:700}.part-title{color:var(--color-charcoal);margin-bottom:16px;font-size:1.25rem;font-weight:700}.part-desc{color:var(--color-outline);font-size:.75rem;line-height:1.6}.part-superpower-wrapper{border-top:1px dashed #2d2d2d33;margin-top:24px;padding-top:16px}.superpower-label{text-transform:uppercase;color:var(--color-primary-dark);letter-spacing:.05em;font-size:.625rem;font-weight:700;display:block}.superpower-desc{color:var(--color-charcoal);margin-top:4px;font-size:.875rem;font-weight:600}.steps-section{background-color:var(--color-bg-white);padding:64px 0}@media (width>=768px){.steps-section{padding:96px 0}}.steps-cards-row{grid-template-columns:1fr;gap:32px;width:100%;max-width:1200px;margin:0 auto;padding:0 16px;display:grid}@media (width>=768px){.steps-cards-row{grid-template-columns:repeat(3,1fr)}}.step-card-item{text-align:left;flex-direction:column;justify-content:flex-start;gap:16px;height:100%;padding:32px;display:flex}.step-card-header-row{justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex}.step-number-circle{border:2px solid var(--color-charcoal);background-color:var(--color-bg-base);width:36px;height:36px;color:var(--color-charcoal);border-radius:9999px;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex}.step-card-badge{border:1px solid;border-radius:9999px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.step-card-badge.blue{color:#1e40af;background-color:#eff6ff;border-color:#bfdbfe}.step-card-badge.purple{color:#6b21a8;background-color:#f3e8ff;border-color:#e9d5ff}.step-card-badge.pink{color:var(--color-hot-pink);background-color:#fdf2f8;border-color:#fbcfe8}.step-card-title{color:var(--color-charcoal);font-size:1.25rem;font-weight:700;line-height:1.3}.step-card-desc{color:var(--color-outline);font-size:.875rem;line-height:1.6}.step-details-section{border-bottom:1px solid var(--color-outline-variant);padding:64px 0}@media (width>=768px){.step-details-section{padding:96px 0}}.shift-grid{grid-template-columns:1fr;gap:20px;margin-top:32px;display:grid}@media (width>=768px){.shift-grid{grid-template-columns:repeat(2,1fr);gap:24px}}.shift-item{background-color:var(--color-bg-white);border:1.5px solid var(--color-charcoal);box-shadow:4px 4px 0px 0px var(--color-charcoal);border-radius:16px;align-items:flex-start;gap:16px;padding:20px;display:flex}.shift-item.full-width{grid-column:1/-1}.shift-item p{color:var(--color-charcoal);margin:0;font-size:.95rem;line-height:1.6}.doorways-grid{grid-template-columns:1fr;gap:24px;margin-top:32px;display:grid}@media (width>=768px){.doorways-grid{grid-template-columns:repeat(3,1fr)}}.bonuses-grid{grid-template-columns:1fr;gap:24px;max-width:800px;margin-top:32px;margin-left:auto;margin-right:auto;display:grid}@media (width>=768px){.bonuses-grid{grid-template-columns:repeat(2,1fr)}}.doorway-card{background-color:var(--color-bg-white);border:2px solid var(--color-charcoal);box-shadow:6px 6px 0px 0px var(--color-charcoal);border-radius:20px;flex-direction:column;gap:16px;padding:28px;transition:transform .2s,box-shadow .2s;display:flex}.doorway-card:hover{box-shadow:8px 8px 0px 0px var(--color-charcoal);transform:translate(-2px,-2px)}.doorway-card-header{align-items:center;gap:12px;display:flex}.doorway-card-icon{font-size:1.75rem}.doorway-card-title{color:var(--color-charcoal);margin:0;font-size:1.15rem;font-weight:700}.doorway-card-desc{color:var(--color-outline);margin:0;font-size:.9rem;line-height:1.6}.recap-section{background-color:var(--color-bg-base);border-top:1px solid var(--color-outline-variant);padding:64px 0}@media (width>=768px){.recap-section{padding:96px 0}}.recap-grid{flex-direction:column;gap:24px;max-width:800px;margin:40px auto 0;display:flex}.recap-card{background-color:var(--color-bg-white);border:1.5px solid var(--color-charcoal);box-shadow:4px 4px 0px 0px var(--color-charcoal);border-radius:16px;flex-direction:column;gap:16px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}@media (width>=640px){.recap-card{flex-direction:row;align-items:flex-start;gap:20px;padding:28px}}.recap-card:hover{box-shadow:5px 5px 0px 0px var(--color-charcoal);transform:translate(-1px,-1px)}.recap-card-icon{background-color:var(--color-bg-base);border:1.5px solid var(--color-charcoal);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;line-height:1;display:flex}.recap-card-content{flex-grow:1}.recap-card-title{color:var(--color-charcoal);margin:0 0 8px;font-size:1.15rem;font-weight:700}.recap-card-desc{color:var(--color-charcoal);margin:0;font-size:.925rem;line-height:1.6}.accessibility-banner{background-color:#f5fdf6;border:1.5px dashed #4a654f;border-radius:16px;align-items:flex-start;gap:16px;max-width:800px;margin-top:48px;margin-left:auto;margin-right:auto;padding:24px;display:flex}.accessibility-banner-icon{color:#4a654f;flex-shrink:0;font-size:1.5rem}.accessibility-banner-content h4{color:#1e293b;margin:0 0 6px;font-size:1rem;font-weight:700}.accessibility-banner-content p{color:#475569;margin:0;font-size:.875rem;line-height:1.6}.pricing-section{background-color:var(--color-surface-low);border-top:1px solid var(--color-outline-variant);padding:64px 0}@media (width>=768px){.pricing-section{padding:96px 0}}.pricing-intro{text-align:center;max-width:672px;margin:0 auto 48px}.pricing-card{background-color:var(--color-bg-white);border:2px solid var(--color-charcoal);max-width:448px;box-shadow:8px 8px 0px 0px var(--color-charcoal);text-align:center;border-radius:24px;margin:0 auto;padding:32px;position:relative;overflow:hidden}@media (width>=768px){.pricing-card{padding:48px}}.pricing-sparkle{font-size:1.875rem;animation:3s ease-in-out infinite float-pulse;position:absolute;top:24px;right:24px}.pricing-title-sub{color:var(--color-primary-dark);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:.875rem;font-weight:700;display:block}.price-box{justify-content:center;align-items:baseline;gap:4px;margin:16px 0;display:flex}.price-num{color:var(--color-charcoal);font-size:3rem;font-weight:800}.price-period{color:var(--color-outline);font-size:1.125rem;font-weight:500}.pricing-card-desc{color:var(--color-outline);margin-bottom:24px;font-size:.875rem}.pricing-feature-list{text-align:left;flex-direction:column;gap:16px;margin:32px 0;display:flex}.pricing-feature-item{color:var(--color-charcoal);align-items:start;gap:12px;font-size:.875rem;display:flex}.pricing-feature-check{color:#15803d;font-size:1.125rem;font-weight:700}.pricing-btn{width:100%}.pricing-disclaimer{color:var(--color-outline);margin-top:16px;font-size:.75rem}.pricing-outro-text{text-align:center;color:var(--color-outline);margin-top:48px;font-size:.875rem;font-style:italic}.site-footer{background-color:var(--color-bg-base);border-top:1px solid var(--color-outline-variant);padding:48px 0}.footer-container{flex-direction:column;justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}@media (width>=768px){.footer-container{flex-direction:row}}.footer-brand{align-items:center;gap:8px;display:flex}.footer-text{color:var(--color-outline);text-align:center;font-size:.75rem}@media (width>=768px){.footer-text{text-align:left}}.footer-links{gap:24px;font-size:.75rem;display:flex}.footer-link{color:var(--color-outline);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--color-primary-dark)}.app-layout{width:100vw;height:100vh;min-height:100vh;display:flex;overflow:hidden}.app-sidebar{background-color:var(--color-bg-sidebar);border-right:1px solid var(--color-outline-variant);z-index:50;flex-direction:column;flex-shrink:0;width:320px;height:100vh;transition:width .3s,opacity .3s;display:flex}.app-sidebar.collapsed{opacity:0;pointer-events:none;border-right:none;width:0;overflow:hidden}.sidebar-header{align-items:center;gap:12px;padding:40px 32px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:0 16px 32px;display:flex;overflow-y:auto}.sidebar-menu-btn{color:var(--color-outline);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-menu-btn:hover{background-color:var(--color-surface-container-high);color:var(--color-primary-dark)}.sidebar-menu-btn.active{background-color:var(--color-surface-container-highest);color:var(--color-primary-dark);border-color:#b4006533;font-weight:700;box-shadow:0 0 15px #b400651a}.sidebar-menu-sub{flex-direction:column;gap:4px;margin-top:4px;margin-left:40px;display:flex}.sub-nav-item{color:var(--color-outline);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:8px 16px;font-family:inherit;font-size:.875rem;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.sub-nav-item:hover{background-color:var(--color-surface-container-high);color:var(--color-primary-dark)}.sub-nav-item.active{color:var(--color-primary-dark);font-weight:600}.sub-nav-item.locked{opacity:.5;cursor:not-allowed}.sub-nav-item.locked:hover{color:var(--color-outline);background:0 0}.lock-icon{margin-left:auto;font-size:.75rem}.sidebar-footer{border-top:1px solid var(--color-outline-variant);background-color:var(--color-bg-sidebar);padding:24px}.profile-card{align-items:center;gap:16px;margin-bottom:24px;display:flex}.profile-avatar-wrapper{position:relative}.profile-avatar{object-fit:cover;border:2px solid var(--color-primary-dark);border-radius:9999px;width:48px;height:48px}.profile-badge-online{background-color:var(--color-sage-green);border:2px solid var(--color-bg-sidebar);border-radius:9999px;width:12px;height:12px;position:absolute;bottom:0;right:0}.profile-info p{color:var(--color-charcoal);font-size:.875rem;font-weight:700}.profile-info span{color:var(--color-outline);font-size:.75rem}.btn-signout{border:1px solid var(--color-charcoal);cursor:pointer;background:0 0;border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.btn-signout:hover{background-color:var(--color-charcoal);color:var(--color-bg-white)}.dashboard-main{background-color:var(--color-bg-white);flex:1;height:100vh;overflow-y:auto}.dashboard-header{border-bottom:1px solid var(--color-outline-variant);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40;background-color:#fffc;align-items:center;height:80px;padding:0 48px;display:flex;position:sticky;top:0}.dashboard-welcome{color:var(--color-charcoal);font-size:1.5rem}.dashboard-welcome .user-highlight{color:var(--color-primary-dark);font-style:italic}.dashboard-header-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.header-action-btn{cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.header-action-btn:hover{background-color:var(--color-surface-low)}.dashboard-content-area{flex-direction:column;gap:48px;max-width:1000px;margin:0 auto;padding:48px;display:flex}.practice-section{flex-direction:column;gap:24px;display:flex}.section-flex-header{justify-content:space-between;align-items:center;display:flex}.section-label{color:var(--color-charcoal);font-size:1.5rem;font-weight:700}.badge-month{background-color:var(--color-green-light);color:#14532d;border-radius:9999px;padding:4px 12px;font-size:.75rem;font-weight:700}.player-card{border:1px solid var(--color-charcoal);background-color:#fff;border-radius:16px;overflow:hidden}.video-container-aspect{aspect-ratio:16/9;background-color:var(--color-surface-dim);border-bottom:1px solid var(--color-charcoal);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.video-thumbnail{object-fit:cover;opacity:.6;width:100%;height:100%;transition:transform .7s}.player-card:hover .video-thumbnail{transform:scale(1.03)}.play-overlay{cursor:pointer;background-color:#00000014;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:absolute;inset:0}.play-overlay:hover{background-color:#0000002e}.play-btn-circle{background-color:var(--color-primary-dark);width:80px;height:80px;color:var(--color-bg-white);border-radius:9999px;justify-content:center;align-items:center;transition:transform .2s;display:flex;box-shadow:0 10px 15px -3px #0000004d}.play-overlay:hover .play-btn-circle{transform:scale(1.08)}.play-duration-badge{border:1px solid var(--color-charcoal);color:var(--color-charcoal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffe6;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:500;display:flex;position:absolute;top:24px;left:24px}.player-footer{background-color:var(--color-bg-white);justify-content:space-between;align-items:center;padding:32px;display:flex}.player-meta-type{text-transform:uppercase;color:var(--color-outline);letter-spacing:.1em;margin-bottom:4px;font-size:.625rem;font-weight:700}.player-meta-title{color:var(--color-charcoal);font-size:1.5rem;font-weight:700}.player-actions{gap:16px;display:flex}.player-action-icon{border:1px solid var(--color-outline);cursor:pointer;background:0 0;border-radius:9999px;justify-content:center;align-items:center;padding:12px;transition:background-color .2s;display:flex}.player-action-icon:hover{background-color:var(--color-surface-container)}.custom-audio-controller{background-color:var(--color-surface-low);border-top:1px solid var(--color-charcoal);align-items:center;gap:16px;width:100%;padding:16px 24px;display:flex}.audio-progress-bar{background-color:var(--color-outline-variant);cursor:pointer;border-radius:4px;flex:1;height:8px;position:relative}.audio-progress-filled{background-color:var(--color-hot-pink);border-radius:4px;width:0%;height:100%}.resources-section{flex-direction:column;gap:24px;display:flex}.resources-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.resources-grid{grid-template-columns:repeat(2,1fr)}}.resource-card{border:1px solid var(--color-charcoal);background-color:var(--color-bg-white);border-radius:16px;flex-direction:column;justify-content:space-between;padding:24px;transition:background-color .2s;display:flex}.resource-card:hover{background-color:var(--color-surface-low)}.resource-header{justify-content:space-between;align-items:start;margin-bottom:32px;display:flex}.resource-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;padding:16px;display:flex}.resource-icon-wrapper.pdf{color:var(--color-tertiary-container);background-color:#c7a93826}.resource-icon-wrapper.audio{color:var(--color-sage-green);background-color:#4a654f26}.resource-open-icon{opacity:0;color:var(--color-outline);transition:opacity .2s}.resource-card:hover .resource-open-icon{opacity:1}.resource-title{color:var(--color-charcoal);margin-bottom:8px;font-size:1.25rem;font-weight:700}.resource-desc{color:var(--color-outline);margin-bottom:24px;font-size:.875rem}.btn-download{background-color:var(--color-primary-dark);width:100%;color:var(--color-bg-white);cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:16px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.btn-download:hover{opacity:.9}.btn-download:active{transform:scale(.97)}.whisper-section{padding-bottom:48px}.whisper-card{background-color:var(--color-surface-container);border:1px solid var(--color-charcoal);border-radius:16px;padding:40px;position:relative;overflow:hidden}.whisper-bg-icon{opacity:.08;pointer-events:none;font-size:200px;position:absolute;bottom:-40px;right:-40px}.whisper-content{z-index:10;max-width:672px;position:relative}.whisper-tag{align-items:center;gap:12px;margin-bottom:16px;display:flex}.whisper-tag-text{letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary-dark);font-size:.75rem;font-weight:700}.whisper-quote{color:var(--color-charcoal);font-size:1.5rem;line-height:1.4}.whisper-quote .whisper-bold{color:var(--color-primary-dark);font-weight:700}.whisper-signature{color:var(--color-outline);align-items:center;gap:8px;margin-top:32px;display:flex}.signature-line{background-color:var(--color-outline-variant);width:32px;height:1px}.click-ripple{pointer-events:none;background-color:#fff3;border-radius:9999px;width:100px;height:100px;transition:transform .4s ease-out,opacity .4s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes float-pulse{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-5px)scale(1.05)}}.login-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background-color:#2d2d2d66;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.login-card{background-color:var(--color-bg-base);border:2px solid var(--color-charcoal);width:100%;max-width:448px;box-shadow:6px 6px 0px 0px var(--color-charcoal);border-radius:20px;padding:32px;position:relative}.login-close{cursor:pointer;color:var(--color-outline);background:0 0;border:none;position:absolute;top:20px;right:20px}.login-title{color:var(--color-charcoal);text-align:center;margin-bottom:24px;font-size:1.5rem;font-weight:700}.login-form-group{margin-bottom:16px}.login-label{text-transform:uppercase;color:var(--color-outline);margin-bottom:6px;font-size:.75rem;font-weight:700;display:block}.login-input{border:1.5px solid var(--color-charcoal);background-color:var(--color-bg-white);width:100%;color:var(--color-charcoal);border-radius:12px;outline:none;padding:12px 16px;font-size:.875rem;transition:box-shadow .2s}.login-input:focus{box-shadow:0 0 0 3px #b4006526}.login-btn{width:100%;margin-top:16px}.login-switch-text{color:var(--color-outline);text-align:center;margin-top:16px;font-size:.75rem}.login-switch-btn{color:var(--color-primary-dark);cursor:pointer;background:0 0;border:none;font-weight:600}.login-switch-btn:hover{text-decoration:underline}.login-error-box{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:12px;font-size:.75rem}.qbc-hero-section{background-color:var(--color-bg-base);flex-direction:column;gap:48px;padding:80px 0;display:flex}@media (width>=768px){.qbc-hero-section{flex-direction:row;align-items:center;gap:64px}}.qbc-hero-left{flex-direction:column;flex:1;gap:24px;display:flex}.qbc-hero-right{flex:1;justify-content:center;align-items:center;display:flex}@media (width>=768px){.qbc-hero-right{justify-content:flex-end}}.qbc-title{color:var(--color-charcoal);font-size:2.25rem;font-weight:700;line-height:1.25}@media (width>=768px){.qbc-title{font-size:3.25rem}}.qbc-subtext{color:var(--color-outline);max-width:500px;font-size:1.125rem;line-height:1.6}.qbc-hero-cta{align-items:center;gap:24px;margin-top:12px;display:flex}.qbc-features-section{background-color:var(--color-bg-white);text-align:center;padding:80px 0}.qbc-features-title{color:var(--color-charcoal);margin-bottom:12px;font-size:2rem;font-weight:700}.qbc-features-sub{color:var(--color-outline);max-width:600px;margin-bottom:64px;margin-left:auto;margin-right:auto;font-size:1.125rem}.qbc-features-grid{grid-template-cols:1fr;gap:32px;display:grid}@media (width>=768px){.qbc-features-grid{grid-template-columns:repeat(4,1fr);gap:0}}.qbc-feature-item{flex-direction:column;align-items:center;gap:16px;padding:0 24px;display:flex;position:relative}@media (width>=768px){.qbc-feature-item:not(:last-child):after{content:"";background-color:#ff1a7526;width:1px;height:60%;position:absolute;top:20%;right:0}}.qbc-feature-icon{justify-content:center;align-items:center;width:64px;height:64px;display:flex}.qbc-feature-name{color:var(--color-charcoal);font-size:1.25rem;font-weight:700}.qbc-feature-desc{color:var(--color-outline);font-size:.95rem;line-height:1.6}.qbc-bio-section{background-color:var(--color-bg-base);flex-direction:column;gap:48px;padding:80px 0;display:flex}@media (width>=768px){.qbc-bio-section{flex-direction:row;align-items:center;gap:64px}}.qbc-bio-left{flex:.9;justify-content:center;align-items:center;display:flex}.qbc-bio-right{flex-direction:column;flex:1.1;gap:24px;display:flex}.qbc-bio-tag{color:var(--color-hot-pink);text-underline-offset:4px;font-size:1.125rem;font-weight:700;text-decoration:underline}.qbc-footer-layout{flex-direction:column;gap:48px;padding:80px 0 40px;display:flex}@media (width>=768px){.qbc-footer-layout{flex-direction:row;gap:64px}}.qbc-footer-left{background-color:#fff5f6;border-radius:24px;flex:1;padding:40px;position:relative}.qbc-footer-right{flex-direction:column;flex:1;gap:24px;display:flex}.qbc-newsletter-form{gap:12px;margin-top:16px;display:flex;position:relative}.qbc-newsletter-input{border:1px solid var(--color-charcoal);background-color:var(--color-bg-white);border-radius:9999px;outline:none;flex:1;padding:14px 20px;font-size:.95rem}.hand-drawn-svg{width:100%;max-width:420px;height:auto}@media (width>=768px){.flex-tablet-row{flex-direction:row!important}}.nav-link-hover-pink{transition:color .2s}.nav-link-hover-pink:hover{color:var(--color-hot-pink)!important}