body{color:#1f2937;background:linear-gradient(135deg,#66b2b2 0%,#f0a090 100%);margin:0;padding:0;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.6}:root{--ink:#241d31;--ink-soft:#6b6175;--teal-950:#211a31;--teal-800:#624c75;--teal-600:#936e98;--teal-400:#c7acc9;--teal-100:#eee7f0;--coral:#f2bd68;--coral-soft:#faecd3;--paper:#fbf8f1;--surface:#fff;--line:#e6ddd3;--danger:#bd4f4f;--shadow-sm:0 8px 24px #211a3112;--shadow-md:0 20px 50px #211a311f;--radius-sm:12px;--radius-md:20px;--radius-lg:30px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--paper);min-width:320px;min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.65;overflow-x:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{background:var(--teal-800);min-height:46px;box-shadow:none;letter-spacing:.01em;border-radius:999px;margin:0;padding:.78rem 1.25rem;font-size:.94rem;font-weight:700;transition:transform .18s,background .18s,box-shadow .18s}button:before{display:none}button:hover{background:var(--teal-950);transform:translateY(-1px);box-shadow:0 8px 20px #123f3e29}button:active{transform:translateY(0)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #4493914d}.site-header{z-index:1000;box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#211a31f2;border-bottom:1px solid #ffffff1f;padding:0;display:block;position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:2rem;width:min(1240px,100% - 40px);min-height:72px;margin:0 auto;display:flex}.brand{color:#fff;letter-spacing:.02em;background:0 0;border-radius:0;flex:none;align-items:center;gap:.7rem;min-height:auto;padding:0;font-size:1.1rem;display:inline-flex}.brand:hover{box-shadow:none;background:0 0;transform:none}.brand-mark{border:1px solid #f2bd689e;border-radius:50%;width:33px;height:33px;position:relative;box-shadow:0 0 18px #f2bd681f}.brand-mark:before{content:"";border:1px solid #f2bd6840;border-radius:50%;position:absolute;inset:5px}.brand-mark i{background:var(--coral);border-radius:4px;width:2px;position:absolute;top:50%;transform:translateY(-50%)}.brand-mark i:first-child{height:7px;left:10px}.brand-mark i:nth-child(2){height:14px;left:15px}.brand-mark i:nth-child(3){height:9px;left:20px}.site-header nav{flex-wrap:nowrap;flex:0 auto;justify-content:flex-end;gap:.1rem}.site-header nav .nav-link{color:#ffffffc7;border-radius:9px;justify-content:center;align-items:center;min-height:40px;padding:.55rem .75rem;font-size:.84rem;font-weight:600;text-decoration:none;display:inline-flex}.site-header nav .nav-link:hover{color:#fff;box-shadow:none;background:#ffffff17;transform:none}.site-header .register-btn{color:var(--teal-950);background:var(--coral);margin-left:.55rem;padding-inline:1rem}.site-header .register-btn:hover{color:var(--teal-950);background:#f0ad9f}.site-header .header-right{flex:none;align-items:center;display:flex}.site-header .header-right-menu{display:none}.site-header .header-right-primary{gap:.15rem}.site-header .header-right-primary .nav-link{color:#ffffffd1;background:0 0;border-radius:0;align-items:center;min-height:auto;padding:.35rem .5rem;font-size:.84rem;font-weight:600;line-height:1.3;text-decoration:none;display:inline-flex}.site-header .header-right-primary .nav-link:hover{color:#fff;text-underline-offset:4px;background:0 0;text-decoration:underline}.site-header .header-right-primary .register-btn{color:var(--coral);background:0 0;margin-left:.35rem;padding-inline:.5rem}.site-header .header-right-primary .register-btn:hover{color:#f0ad9f;background:0 0}.site-header .sign-in-btn{color:#fff}.menu-toggle{display:none}.App>main{background:var(--paper);width:100%;max-width:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;margin:0;padding:0;overflow:hidden}.App section{width:min(1120px,100% - 48px);margin:0 auto;padding:clamp(3.75rem,6vw,5.5rem) 0}.App section+section{border-top:1px solid var(--line)}.App h2,.dashboard h2,.manage-subscription-page h2,.step-content h2{color:var(--ink);letter-spacing:-.04em;text-wrap:balance;font-size:clamp(1.85rem,3.2vw,2.65rem);line-height:1.12}.App h2:after,.dashboard h2:after,.manage-subscription-page h2:after,.step-content h2:after{display:none}.section-kicker,.eyebrow{color:var(--teal-800);letter-spacing:.16em;text-align:center;text-transform:uppercase;margin-bottom:.85rem;font-size:.76rem;font-weight:800}.section-intro{max-width:620px;color:var(--ink-soft);text-align:center;margin:0 auto 2.25rem}#home{background:radial-gradient(circle at 74% 44%,#f2bd682b,#0000 26%),radial-gradient(circle at 8% 18%,#936e983d,#0000 31%),linear-gradient(145deg,#211a31 0%,#2d223d 58%,#181522 100%);grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:clamp(2rem,5vw,5rem);width:100%;min-height:min(720px,100vh - 72px);padding:clamp(4.5rem,8vw,7rem) max(24px,50vw - 560px);display:grid;position:relative}#home:before,#home:after{content:"";pointer-events:none;border:1px solid #f2bd681f;border-radius:50%;position:absolute}#home:before{width:340px;height:340px;top:7%;left:-210px}#home:after{width:560px;height:560px;bottom:-260px;right:-330px}#home h1{color:#fffaf0;letter-spacing:-.055em;text-wrap:balance;max-width:720px;margin:0 0 1.35rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.2rem,6.2vw,5.7rem);font-weight:500;line-height:.96}#home p{color:#fffaf0b3;max-width:610px;margin:0 0 1.8rem;font-size:clamp(1rem,1.35vw,1.16rem);line-height:1.65}.hero-copy{z-index:2;position:relative}.hero-copy .eyebrow{width:max-content;color:var(--coral);margin-bottom:1.2rem}.eyebrow{border:1px solid var(--line);background:#ffffffa6;border-radius:999px;justify-self:center;padding:.45rem .75rem;display:inline-flex}.hero-copy .eyebrow{background:#ffffff0a;border-color:#f2bd683d}.hero-actions{justify-content:center;gap:.75rem;display:flex}.hero-actions button:first-child{color:var(--teal-950);background:var(--coral)}.hero-actions button:first-child:hover{background:#ffd38d}.button-secondary{color:var(--teal-950);border:1px solid var(--teal-400);background:#ffffff8c}.button-secondary:hover{color:#fff;background:var(--teal-950)}.hero-copy .button-secondary{color:#fffaf0e0;background:#ffffff0a;border-color:#fffaf040}.hero-copy .button-secondary:hover{color:var(--teal-950);background:#fffaf0}.hero-trust{color:#fffaf08f;justify-content:center;gap:1.4rem;margin-top:1.6rem;font-size:.8rem;font-weight:600;display:flex}.hero-trust span:before{content:"·";color:var(--coral);margin-right:.4rem}.hero-soundscape{z-index:1;aspect-ratio:1;border-radius:50%;justify-self:end;place-items:center;width:min(100%,460px);display:grid;position:relative}.radiant-orbit{border:1px solid #f2bd6838;border-radius:50%;position:absolute}.orbit-one{animation:7s ease-in-out infinite radiant-breathe;inset:4%}.orbit-two{border-color:#fffaf024;animation:7s ease-in-out 1.2s infinite radiant-breathe;inset:17%}.radiant-core{aspect-ratio:1;background:radial-gradient(circle at 38% 32%,#ffe4af 0%,#f2bd68 28%,#936e98 72%,#624c7533 100%);border:1px solid #f2bd686b;border-radius:50%;justify-content:center;align-items:center;gap:8px;width:44%;display:flex;position:relative;box-shadow:0 0 70px #f2bd6842,0 0 140px #936e9829}.hum-bar{background:#211a31c7;border-radius:999px;width:4px}.bar-one,.bar-five{height:17%}.bar-two,.bar-four{height:31%}.bar-three{height:45%}.hero-soundscape p{color:#fffaf099;text-align:left;margin:0;font-family:Georgia,Times New Roman,serif;font-size:.95rem;font-style:italic;line-height:1.45;position:absolute;bottom:12%;right:2%}@keyframes radiant-breathe{0%,to{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}.steps-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.25rem;display:grid}.step-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-height:240px;box-shadow:var(--shadow-sm);padding:1.6rem;position:relative}.step-number{color:#afc1bd;letter-spacing:.1em;font-size:.76rem;font-weight:800;position:absolute;top:1.25rem;right:1.5rem}.step-icon{width:48px;height:48px;color:var(--teal-950);background:var(--teal-100);border-radius:50%;place-items:center;margin-bottom:2rem;font-size:1.25rem;display:grid}.step-card h3{color:var(--ink);margin:0 0 .7rem;font-size:1.15rem}.step-card p{color:var(--ink-soft);margin:0;font-size:.95rem}.moments-section{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(2.5rem,7vw,6rem);display:grid}.moments-intro{position:sticky;top:120px}.moments-intro .section-kicker{text-align:left}.moments-intro h2{text-align:left;margin-bottom:1rem}.moments-intro p{max-width:420px;color:var(--ink-soft);margin:0}.moment-list{border-top:1px solid var(--line)}.moment-list article{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr auto;align-items:center;gap:1.25rem;padding:1.6rem .2rem;display:grid}.moment-list article>span{color:var(--teal-600);letter-spacing:.12em;font-size:.72rem;font-weight:800}.moment-list h3{color:var(--ink);margin:0 0 .2rem;font-family:Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:500}.moment-list p{color:var(--ink-soft);margin:0;font-size:.9rem}.moment-list b{border:1px solid var(--line);color:var(--teal-800);background:#fff;border-radius:999px;padding:.35rem .65rem;font-size:.72rem}.plans-container,.plans-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1rem}.App .plan,.plan-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;margin:0;padding:1.6rem;display:flex}.plan-card{min-height:0;color:var(--ink);text-align:left;border-radius:var(--radius-md)}.App .plan:before{display:none}.App .plan:hover,.plan-card:hover{border-color:var(--teal-400);box-shadow:var(--shadow-md);transform:translateY(-3px)}.App .plan.featured{border-color:var(--teal-600);background:var(--teal-950);color:#fff;position:relative}.plan-badge{color:var(--teal-950);background:var(--coral);text-transform:uppercase;border-radius:999px;padding:.3rem .55rem;font-size:.69rem;font-weight:800;position:absolute;top:1.2rem;right:1.2rem}.App .plan h3{color:var(--ink);font-size:1.2rem}.App .plan.featured h3,.App .plan.featured p,.App .plan.featured li{color:#fff}.App .plan p:first-of-type{color:var(--teal-800);letter-spacing:-.04em;font-size:1.75rem}.App .plan ul{min-height:190px;margin:1rem 0 1.25rem;padding:0;list-style:none}.App .plan li{color:var(--ink-soft);margin:.55rem 0;padding-left:1.4rem;font-size:.9rem;position:relative}.App .plan li:before{content:"✓";color:var(--teal-600);font-weight:800;position:absolute;left:0}.App .plan.featured li:before{color:var(--coral)}.App .plan button{width:100%;margin-top:auto}.App .plan.featured button{color:var(--teal-950);background:var(--coral)}.testimonial-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.25rem;display:grid}.App blockquote{border:1px solid var(--line);border-left:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-height:280px;box-shadow:none;flex-direction:column;margin:0;padding:1.6rem;display:flex}.App blockquote:before{content:"“";height:48px;color:var(--coral);font-size:4rem;position:static}.App blockquote p{color:var(--ink);font-size:.98rem;font-style:normal}.App blockquote footer{color:var(--teal-800);text-align:left;background:0 0;margin-top:auto;padding:1.5rem 0 0;font-size:.82rem}#faq{max-width:800px}.App details{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:none;margin:.7rem 0;padding:0}.App details:hover{border-color:var(--teal-400);box-shadow:none;transform:none}.App details summary{color:var(--ink);padding:1.1rem 3rem 1.1rem 1.25rem;list-style:none}.App details summary::-webkit-details-marker{display:none}.App details summary:after{content:"+";float:right;color:var(--teal-600);margin-right:-1.8rem;font-size:1.25rem}.App details[open] summary:after{content:"−"}.App details p{margin:0;padding:0 1.25rem 1.2rem}.App .closing-cta{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--teal-950), #382846);border:0;justify-content:space-between;align-items:end;gap:2rem;width:min(1120px,100% - 48px);margin-bottom:clamp(3rem,6vw,5rem);padding:clamp(2rem,5vw,3.5rem);display:flex}.closing-cta .section-kicker{color:var(--coral);text-align:left}.App .closing-cta h2{color:#fffaf0;text-align:left;max-width:680px;margin:0 0 .8rem;font-family:Georgia,Times New Roman,serif;font-weight:500}.closing-cta p{color:#fffaf0a8;margin:0}.closing-cta button{color:var(--teal-950);background:var(--coral);flex:none}#contact form,.auth-form{max-width:610px}.auth-form,#contact form,.step-content form,.payment-form{gap:1rem}.auth-form .form-group,#contact .form-group,.step-content .form-group,.payment-form .form-group{margin-bottom:0}.form-group{gap:.4rem}.form-group label{color:var(--ink);font-size:.83rem}.form-input,.form-group input,.frequency-app select,.payment-form .StripeElement{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #cbdad6;border-radius:10px;padding:.75rem .9rem}textarea.form-input{resize:vertical;min-height:130px}.form-input:focus,.form-group input:focus{border-color:var(--teal-600);transform:none;box-shadow:0 0 0 3px #4493911f}.auth-section{background:var(--teal-100);border:0;border-radius:0;width:100%!important;padding-inline:24px!important}.auth-container{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#ffffffc2;border:1px solid #44939133;padding:clamp(1.5rem,5vw,3.5rem)}.auth-form h2{display:none}.auth-switch{border-color:var(--line)}.switch-button{min-height:auto;color:var(--teal-800);margin-left:.25rem}.App>footer{background:var(--teal-950);padding:0 24px}.footer-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;width:min(1120px,100%);min-height:108px;margin:0 auto;display:grid}.footer-brand{color:#fff;justify-self:start;align-items:center;gap:.65rem;font-size:1.1rem;font-weight:800;display:inline-flex}.footer-inner p{color:#ffffff9e;margin:0;font-size:.8rem}.footer-links{justify-self:end;gap:1rem;display:flex}.footer-links a{color:#ffffffb8;font-size:.82rem;text-decoration:none}.dashboard,.frequency-app,.register-page,.manage-subscription-page{background:linear-gradient(145deg,#f1ebf2,#fbf8f1 58%);min-height:100vh}.frequency-app,.manage-subscription-page{-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;max-width:none;margin:0;padding-top:0}.app-shell-header{z-index:1000;box-shadow:none;background:#211a31f5;border-bottom:1px solid #ffffff1f;padding:0;display:block;position:sticky;top:0}.app-shell-header-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;width:min(1120px,100% - 40px);min-height:72px;margin:0 auto;display:grid}.app-shell-brand{color:#fff;justify-self:start;text-decoration:none}.app-shell-brand:hover{color:#fff}.app-shell-nav{gap:.35rem;display:flex}.app-shell-nav a{color:#ffffffb8;border-radius:9px;padding:.55rem .8rem;font-size:.86rem;font-weight:700;text-decoration:none}.app-shell-nav a:hover,.app-shell-nav a.active{color:#fff;background:#ffffff1a}.app-shell-header .fixed-top-right{justify-self:end;align-items:center;gap:.65rem;display:flex;position:static}.app-shell-header .account-menu{position:relative}.app-shell-header .fixed-top-right .account-trigger{background:#ffffff14;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:.35rem;width:auto;height:auto;min-height:42px;padding:3px 8px 3px 3px;display:inline-flex}.app-shell-header .fixed-top-right .account-trigger:hover{box-shadow:none;background:#ffffff24;transform:none}.app-shell-header .fixed-top-right .profile-pic{width:34px;height:34px;color:var(--teal-950);background:var(--coral);border:0;border-radius:50%;place-items:center;font-size:1rem;font-weight:800;display:grid}.app-shell-header .account-chevron{color:#ffffffd1;font-size:.9rem;line-height:1;transition:transform .18s;transform:translateY(-1px)}.app-shell-header .account-trigger[aria-expanded=true] .account-chevron{transform:translateY(1px)rotate(180deg)}.app-shell-header .account-dropdown{background:#fff;min-width:min(280px,100vw - 28px);position:absolute;top:calc(100% + .65rem);right:0;overflow:hidden}.app-shell-header .account-header{border-bottom:1px solid var(--line);align-items:center;gap:.8rem;padding:1rem;display:flex}.app-shell-header .profile-pic-large{color:#fff;background:var(--teal-600);border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.app-shell-header .account-info{min-width:0}.app-shell-header .account-name{color:var(--ink);font-weight:800}.app-shell-header .account-email{color:var(--ink-soft);text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.app-shell-header .account-info .membership-badge{color:#fff;margin-top:.45rem;display:inline-block}.app-shell-header .account-links{padding:.45rem}.app-shell-header .account-link{width:100%;min-height:42px;color:var(--ink);box-shadow:none;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:.7rem;padding:.65rem .75rem;text-decoration:none;display:flex}.app-shell-header .account-link:hover{color:var(--teal-950);background:var(--teal-100);box-shadow:none;transform:none}.app-shell-header .logout-btn{color:var(--danger)}.dashboard main{width:min(960px,100% - 40px);max-width:none;box-shadow:none;background:0 0;border-radius:0;margin:0 auto;padding:clamp(2.5rem,5vw,3.75rem) 0}.dashboard .fixed-top-right,.frequency-app .fixed-top-right,.manage-subscription-page .fixed-top-right{top:18px;right:max(20px,50vw - 560px)}.membership-badge{letter-spacing:.04em;border-radius:999px;padding:.38rem .7rem;font-size:.7rem}.account-trigger{background:0 0;border:1px solid #fffc;min-height:42px;padding:0}.dashboard .account-dropdown,.frequency-app .account-dropdown,.App .account-dropdown{border:1px solid var(--line);box-shadow:var(--shadow-md);border-radius:14px}.user-details,.subscription-card,.program-card,.current-subscription .subscription-card,.payment-section,.register-content{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#ffffffe0}.page-heading{text-align:center;max-width:720px;margin:0 auto clamp(1.75rem,4vw,2.75rem)}.page-heading.compact{margin-bottom:1.75rem}.page-heading .section-kicker{margin-bottom:.55rem}.page-heading h1{color:var(--teal-950);letter-spacing:-.05em;text-wrap:balance;margin:0;font-size:clamp(2.15rem,4.4vw,3.3rem);line-height:1.05}.page-heading.compact h1{font-size:clamp(1.95rem,4vw,2.7rem)}.page-heading p{max-width:590px;color:var(--ink-soft);margin:.85rem auto 0}.panel-heading,.section-heading-row{justify-content:space-between;align-items:end;gap:1rem;display:flex}.panel-heading h2,.section-heading-row h2{color:var(--ink);letter-spacing:-.035em;text-align:left;margin:0;font-size:clamp(1.45rem,3vw,2rem)}.panel-kicker{color:var(--teal-800);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.25rem;font-size:.7rem;font-weight:800;display:block}.user-details{padding:clamp(1.25rem,3vw,1.85rem)}.account-details-grid{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:1.5rem 0 0;display:grid;overflow:hidden}.account-details-grid>div{background:#fff;min-width:0;padding:1rem}.account-details-grid dt{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.account-details-grid dd{overflow-wrap:anywhere;color:var(--ink);margin:.25rem 0 0;font-weight:700}.user-details .subscription-info{border-color:var(--line);margin-top:1.5rem;padding-top:1.5rem}.user-details .subscription-info>h3{color:var(--ink);margin:0 0 1rem;font-size:1.15rem}.account-subsection{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.5rem}.account-section-heading{justify-content:space-between;align-items:end;gap:1.25rem;margin-bottom:1rem;display:flex}.account-section-heading h2{color:var(--ink);letter-spacing:-.03em;margin:0;font-size:clamp(1.3rem,2.5vw,1.65rem)}.account-section-heading p{max-width:390px;color:var(--ink-soft);text-align:right;margin:0;font-size:.86rem}.security-form{border:1px solid var(--line);border-radius:var(--radius-sm);background:#f9fbf8;padding:1.1rem}.security-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.security-form .form-group{margin:0}.security-form .form-input{width:100%}.security-form>button{margin-top:1rem}.subscription-card{padding:1.25rem}.subscription-card:before{background:var(--teal-600)}.section-heading-row{margin:2.25rem 0 1rem}.program-card{padding:1.25rem}.dashboard .program-card{background:linear-gradient(135deg, #fffffff5, var(--coral-soft));box-shadow:var(--shadow-sm);margin:0}.dashboard .program-card h3{color:var(--ink)}.dashboard .program-card p{color:var(--ink-soft)}.program-link{background:var(--teal-800);border-radius:999px}.status-badge{border-radius:999px}.subscription-buttons{flex-wrap:wrap}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#082322a3;padding:20px}.modal-content{border:1px solid var(--line);border-radius:var(--radius-md);width:min(480px,100%)}.forgot-password-link{text-align:right;margin:-.35rem 0 1rem;font-size:.86rem}.forgot-password-link a,.recovery-card a{color:var(--teal-800);font-weight:750}.recovery-card{width:min(500px,100%)}.recovery-card h1{text-wrap:balance}.recovery-form h2{display:none}.recovery-result{border:1px solid var(--line);border-radius:var(--radius-sm);text-align:left;background:#f9fbf8;padding:1.1rem}.recovery-result h2{color:var(--teal-950);margin:0 0 .4rem;font-size:1.25rem}.recovery-result p{color:var(--ink-soft);margin:0 0 1rem}.recovery-primary-link{background:var(--teal-800);border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:.65rem 1rem;text-decoration:none;display:inline-flex;color:#fff!important}.frequency-app{padding:0 20px 48px}.frequency-app .app-shell-header{margin-inline:-20px}.frequency-app .app-container{border:1px solid var(--line);border-radius:var(--radius-lg);width:min(680px,100%);box-shadow:var(--shadow-md);background:#ffffffe0;margin:2rem auto 0;padding:clamp(1.1rem,3vw,2rem)}.frequency-app .top-controls{gap:.75rem;width:min(400px,100%);margin:0 auto 1rem}.frequency-app .top-controls button{flex:1;width:100%;min-width:0}.glass-circle{background:radial-gradient(circle,#ffffffe6,#80bfbc21);border:1px solid #4493914d;width:min(270px,70vw);height:min(270px,70vw);margin:12px 0;box-shadow:inset 0 0 50px #4493911a,0 20px 50px #123f3e14}.frequency-app h2{color:var(--ink);margin:.7rem 0;font-size:clamp(1.2rem,3vw,1.55rem)}.control-section,.preset-section,.binaural-section,.breath-section{border:1px solid var(--line);border-radius:var(--radius-sm);background:#f9fbf8;margin:.65rem 0;padding:1rem}.frequency-app .freq-value{text-shadow:none;margin:.25rem 0;font-size:1.8rem;line-height:1.15}.frequency-app input[type=range],.frequency-app input[type=number],.frequency-app select{margin:.35rem 0 .7rem}.freq-value{color:var(--teal-800)}.frequency-app .duration-slider-row{align-items:center;gap:.8rem;display:flex}.frequency-app .duration-slider-row input[type=range]{flex:1;width:auto;max-width:none;margin:.35rem 0 .7rem}.frequency-app .duration-value-inline{min-width:2ch;color:var(--teal-800);text-align:right;margin:0 0 .35rem;font-size:1.35rem;font-weight:800;line-height:1}.frequency-app .duration-presets{flex-wrap:wrap;gap:.45rem;margin-top:.55rem}.frequency-app .duration-preset-btn{border:1px solid var(--line);background:#fff;min-width:44px;min-height:40px;padding:.45rem .65rem}.frequency-app .duration-preset-btn.active{color:#fff;border-color:var(--teal-800);background:var(--teal-800)}.frequency-app .mode-options{grid-template-columns:1fr;gap:.65rem;width:min(420px,100%);margin:0 0 .8rem;display:grid}.frequency-app .mode-options .binaural-section,.frequency-app .mode-options .breath-section{background:#f9fbf8;margin:0;padding:.7rem .8rem}.frequency-app .mode-options .switch{align-items:center;gap:.5rem;min-height:30px;margin:0;display:flex}.frequency-app .mode-options input[type=checkbox]{width:17px!important;min-width:17px!important;height:17px!important;min-height:17px!important;margin:0!important}.frequency-app .mode-options .checkbox-label{color:var(--ink);cursor:pointer;flex-wrap:wrap;align-items:center;gap:.35rem;margin:0;padding:0;font-size:.8rem;line-height:1.25;display:flex}.frequency-app .mode-options .checkbox-label small{color:var(--teal-800);background:var(--teal-100);letter-spacing:.03em;border-radius:999px;padding:.16rem .35rem;font-size:.62rem;font-weight:800}.frequency-app .mode-options .mode-detail{border-top:1px solid var(--line);margin-top:.7rem;padding-top:.65rem}.frequency-app .mode-options .mode-detail>label{color:var(--ink-soft);margin:0;font-size:.72rem}.frequency-app .mode-options .mode-detail select{margin:.35rem 0 0;font-size:.82rem}.frequency-app .player-stage{border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(145deg,#dff0ed9e,#fffffff0);flex-direction:column;align-items:center;width:100%;margin:1rem 0 .8rem;padding:1.5rem 1rem;display:flex}.frequency-app .player-stage .section-kicker{margin-bottom:.25rem}.frequency-app .player-stage h2{margin:0 0 .7rem}.frequency-app .player-stage .glass-circle{margin:.25rem 0 1.1rem}.frequency-app .player-stage .top-controls{margin:0 auto}.frequency-app .highlight-panel{border:1px solid var(--line);border-left:3px solid var(--coral);border-radius:var(--radius-sm);background:var(--coral-soft);margin-top:.7rem;padding:.9rem}.frequency-app .highlight-panel h3{color:var(--teal-950);margin:0 0 .55rem;font-size:1rem}.frequency-app .highlight-panel ul{margin:0}.frequency-app .highlight-panel li{color:var(--ink);border-color:#123f3e1a;padding:.3rem 0}.frequency-app .highlight-panel p{color:var(--ink)}.frequency-app .highlight-panel p:first-child{color:var(--teal-950)}.frequency-app .membership-summary{background:linear-gradient(145deg,#ffebe5d1,#fffffff5);border-left-width:1px;padding:1.1rem}.frequency-app .membership-summary-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.frequency-app .membership-summary-eyebrow{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.15rem;font-size:.68rem;font-weight:800;display:block}.frequency-app .membership-summary h3{margin:0;font-size:1.1rem}.frequency-app .membership-plan-badge{color:var(--teal-950);background:#dff0edd1;border:1px solid #2a5f5f29;border-radius:999px;flex:none;padding:.35rem .65rem;font-size:.78rem;font-weight:850}.frequency-app .membership-summary ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:0;list-style:none;display:grid}.frequency-app .membership-summary li{background:#ffffffad;border:1px solid #123f3e17;border-radius:.65rem;align-items:flex-start;gap:.45rem;min-width:0;padding:.65rem .7rem;font-size:.86rem;line-height:1.35;display:flex}.frequency-app .membership-summary li:before{content:"✓";color:#fff;background:var(--teal-800);border-radius:50%;flex:none;place-items:center;width:1.15rem;height:1.15rem;margin-top:.02rem;font-size:.68rem;font-weight:900;display:grid}.frequency-app .player-stage .breath-pulse{background:radial-gradient(circle at 35% 30%,#ffffffeb,#80bfbc80);border:1px solid #44939159;border-radius:50%;place-items:center;width:68%;height:68%;transition:transform 4s ease-in-out,box-shadow .5s;display:grid;box-shadow:0 16px 38px #123f3e1f,inset 0 0 32px #ffffff8c}.frequency-app .player-stage .breath-pulse.active{background:radial-gradient(circle at 35% 30%,#fffffff5,#80bfbcb8);border:2px solid #236c6a80;box-shadow:0 18px 44px #123f3e33,inset 0 0 38px #ffffff9e}.frequency-app .player-stage .breath-cue{color:var(--teal-950);letter-spacing:.02em;flex-direction:column;align-items:center;gap:.15rem;font-size:1rem;font-weight:800;display:flex}.frequency-app .player-stage .breath-pulse.active .breath-cue{letter-spacing:-.02em;text-shadow:0 1px #ffffffb3;font-size:clamp(1.35rem,4vw,1.65rem);font-weight:900}.frequency-app .player-stage .breath-cue small{letter-spacing:.08em;text-transform:uppercase;opacity:.72;font-size:.68rem;font-weight:800}.frequency-app .player-stage .player-guidance{color:var(--ink-soft);text-align:center;margin:.85rem 0 0;font-size:.86rem}.register-page .container,.manage-subscription-page .container{width:min(1120px,100% - 40px);max-width:none;padding:clamp(2rem,5vw,3.75rem) 0}.register-header{margin-bottom:2rem}.register-header h1,.manage-subscription-page h1{color:var(--teal-950);letter-spacing:-.045em;font-size:clamp(2rem,4vw,3.1rem)}.register-header h1{margin-bottom:1.4rem}.register-content{padding:clamp(1.15rem,3vw,2rem)}.step-indicator{max-width:560px;margin-inline:auto}.step-indicator .step span{background:#dbe6e2;width:36px;height:36px;font-size:1rem}.step-indicator .step.active span{background:var(--teal-800)}.step-content>p{margin-bottom:1.35rem}.step-content .plans-grid{margin-top:1rem;margin-bottom:1.25rem}.plan-card{cursor:pointer;padding:1.35rem}.step-content .plan-card h3{margin:0 0 .65rem}.step-content .plan-price{margin-bottom:.65rem;font-size:1.75rem}.step-content .plan-features li{padding:.4rem 0 .4rem 1.35rem;font-size:.9rem}.step-content>.next-btn{min-width:180px;margin:0 auto;display:block}.plan-card.selected{border:2px solid var(--teal-600);box-shadow:0 0 0 4px #4493911a}.billing-summary{color:var(--ink-soft);margin:.45rem 0 0;line-height:1.55}.billing-consent{color:var(--ink);cursor:pointer;grid-template-columns:20px 1fr;align-items:start;gap:.7rem;margin:1.15rem 0 .65rem;line-height:1.5;display:grid}.billing-consent input{width:18px;height:18px;accent-color:var(--teal-800);margin-top:.18rem}.cancellation-note{color:var(--ink-soft);margin:0 0 1.2rem;font-size:.9rem;line-height:1.55}.verification-pending,.verification-result{text-align:center}.verification-pending{max-width:560px;margin:0 auto;padding:clamp(1.4rem,4vw,2.5rem)}.verification-pending p{color:var(--ink-soft);line-height:1.6}.verification-icon{border:1px solid var(--line);width:58px;height:58px;color:var(--teal-950);background:var(--gold-100,#faecd3);border-radius:50%;place-items:center;margin:0 auto 1rem;font-size:1.55rem;font-weight:800;display:grid}.verification-pending .button-secondary{margin:.75rem auto}.resend-message{font-size:.88rem}.verification-action{justify-content:center;align-items:center;margin:0 auto;text-decoration:none;display:inline-flex}.verification-result .login-brand{display:flex}.available-plans,.current-subscription{margin-top:2rem}.manage-subscription-page .page-heading+.current-subscription{margin-top:0}.manage-subscription-page .current-subscription .subscription-info{border:0;margin:0;padding:0}.manage-subscription-page .current-subscription{margin-bottom:2rem}.manage-subscription-page .current-subscription>h2,.manage-subscription-page .available-plans>h2{margin-bottom:.9rem}.manage-subscription-page .current-subscription .subscription-card{justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.manage-subscription-page .current-subscription .subscription-info h3{margin:0 0 .45rem;font-size:1.2rem}.manage-subscription-page .current-subscription .subscription-info p{margin:.25rem 0}.manage-subscription-page .current-subscription .subscription-actions{flex:none;margin:0}.manage-subscription-page .available-plans{margin-bottom:0}.manage-subscription-page .subscription-notice{margin-bottom:1.25rem;padding:1rem 1.1rem}.manage-subscription-page .plans-grid{gap:1rem}.manage-subscription-page .plan-card{padding:1.35rem}.manage-subscription-page .plan-header{margin-bottom:.85rem}.manage-subscription-page .plan-header h3{margin:0 0 .3rem;font-size:1.25rem}.manage-subscription-page .plan-price{margin-bottom:.4rem}.manage-subscription-page .plan-price .price{font-size:1.75rem}.manage-subscription-page .plan-features{margin-bottom:1.2rem}.manage-subscription-page .plan-features li{padding:.38rem 0 .38rem 1.35rem;font-size:.9rem}.subscription-notice{border:1px solid var(--line);border-left:3px solid var(--teal-600);border-radius:var(--radius-sm);background:var(--teal-100)}.select-plan-btn,.payment-button,.next-btn{background:var(--teal-800)}.back-btn,.back-to-plans-btn{color:var(--teal-950);border:1px solid var(--line);background:#fff}.cancel-subscription-btn,.confirm-cancel-btn{color:var(--danger);background:#fff7f7;border:1px solid #e4b5b5}.system-message{text-align:center;border-radius:var(--radius-md);max-width:560px;box-shadow:var(--shadow-md);background:#fff;border:1px solid #eccaca;padding:2rem}.system-message h2{color:var(--danger)}.login-page{background:radial-gradient(circle at 15% 10%, #936e9838, transparent 28%), radial-gradient(circle at 90% 85%, #f2bd682e, transparent 30%), var(--paper);place-items:center;min-height:100svh;padding:1.5rem;display:grid}.login-card{border:1px solid var(--line);border-radius:var(--radius-lg);width:min(100%,480px);box-shadow:var(--shadow-md);background:#ffffffe6;padding:clamp(1.4rem,4vw,2.5rem)}.login-brand{width:max-content;color:var(--teal-950);margin:0 auto 1.9rem;text-decoration:none}.login-brand:hover{color:var(--teal-950)}.login-card h1{color:var(--teal-950);letter-spacing:-.04em;text-align:center;margin:0 0 .55rem;font-size:clamp(1.9rem,5vw,2.35rem);line-height:1.08}.login-intro,.login-register{color:var(--ink-soft);text-align:center}.login-intro{margin:0 0 1.5rem}.login-register{margin:1.5rem 0 0;font-size:.9rem}.login-register a{color:var(--teal-800);font-weight:700}@media (max-width:960px){.site-header nav .nav-link{padding-inline:.52rem;font-size:.78rem}.steps-grid,.testimonial-grid{grid-template-columns:repeat(2,1fr)}.testimonial-grid blockquote:last-child,.steps-grid .step-card:last-child{grid-column:1/-1;min-height:auto}.plans-container,.plans-grid{grid-template-columns:repeat(2,1fr)}.plans-container .plan.featured{order:-1}#home{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:1.5rem}}@media (max-width:900px){.site-header-inner{gap:.65rem;width:calc(100% - 28px);min-height:64px}.site-header .brand{order:1}.site-header .header-right-primary{order:2;margin-left:auto}.site-header .header-right-primary .nav-link{min-height:auto;padding:.35rem .4rem;font-size:.8rem}.site-header .header-right-primary .register-btn{margin-left:.15rem}.menu-toggle{background:0 0;border:1px solid #ffffff40;order:3;place-content:center;gap:4px;width:42px;min-height:42px;padding:0;display:grid}.menu-toggle span{background:#fff;border-radius:2px;width:18px;height:2px;transition:transform .18s,opacity .18s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(6px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.site-header nav{border:1px solid var(--line);background:#fbfaf6fa;border-radius:14px;gap:0;width:min(320px,100% - 28px);max-height:calc(100svh - 76px);padding:.5rem;display:none;position:absolute;top:calc(100% - 1px);left:auto;right:14px;overflow-y:auto;box-shadow:0 18px 45px #08232233}.site-header nav.open{flex-direction:column;align-items:stretch;display:flex}.site-header nav .nav-link{width:100%;min-height:38px;color:var(--ink-soft);text-align:left;background:0 0;border-radius:8px;margin:0;padding:.5rem .7rem;font-size:.86rem}.site-header nav .nav-link:hover{color:var(--teal-950);background:var(--teal-100)}.site-header nav .sign-in-btn{color:var(--teal-950);border:1px solid var(--line);background:#fff}.site-header nav .register-btn{color:var(--teal-950);border:1px solid var(--coral);background:var(--coral);margin:0}.site-header .header-right-primary .fixed-top-right{width:auto;position:static}}@media (max-width:760px){html{scroll-padding-top:70px}.App section{width:min(100% - 32px,620px);padding:3.25rem 0}#home{grid-template-columns:1fr;gap:3rem;min-height:calc(100svh - 64px);padding:4rem 20px 3rem}#home h1{max-width:560px;font-size:clamp(3rem,14vw,4.5rem);line-height:.98}#home p{max-width:520px;line-height:1.55}.hero-actions{flex-direction:column;align-items:stretch;width:min(100%,360px)}.hero-trust{flex-wrap:wrap;gap:.5rem 1rem}.hero-soundscape{justify-self:center;width:min(86vw,390px)}.moments-section{display:block}.moments-intro{margin-bottom:2rem;position:static}.App .closing-cta{flex-direction:column;align-items:stretch;width:calc(100% - 32px)}.closing-cta button{width:100%}.steps-grid,.testimonial-grid,.plans-container,.plans-grid{grid-template-columns:1fr}.steps-grid .step-card:last-child,.testimonial-grid blockquote:last-child{grid-column:auto}.step-card,.App blockquote,.App .plan ul{min-height:auto}.plan-badge{align-self:flex-start;margin-bottom:1rem;position:static}.auth-section{width:100%!important}.footer-inner{grid-template-columns:1fr;justify-items:center;padding:2rem 0}.footer-brand,.footer-links{justify-self:center}.dashboard main{width:calc(100% - 28px);padding-top:2.25rem}.dashboard .fixed-top-right,.frequency-app .fixed-top-right,.manage-subscription-page .fixed-top-right{top:12px;right:14px}.user-details,.subscription-card{padding:1.1rem}.subscription-header{align-items:flex-start;gap:.75rem}.subscription-buttons,.subscription-buttons a,.subscription-buttons button{width:100%}.modal-actions,.form-actions{flex-direction:column-reverse}.modal-actions button,.form-actions button{width:100%}.frequency-app{padding-inline:14px}.frequency-app .app-shell-header{margin-inline:-14px}.frequency-app .app-container{border-radius:var(--radius-md);margin-top:1rem;padding:1rem}.frequency-app .top-controls,.frequency-app .preset-controls{grid-template-columns:1fr 1fr;display:grid}.register-page .container,.manage-subscription-page .container{width:calc(100% - 28px);padding-top:1.35rem}.step-indicator .step label{font-size:.68rem}.register-content{border-radius:16px;padding:1rem}.app-shell-header-inner{grid-template-columns:1fr auto;width:calc(100% - 28px);min-height:64px}.app-shell-nav,.app-shell-header .membership-badge{display:none}.account-details-grid{grid-template-columns:1fr}.page-heading{margin-bottom:2rem}.page-heading h1{font-size:clamp(2.05rem,10vw,2.65rem)}.page-heading.compact h1{font-size:clamp(1.9rem,9vw,2.35rem)}.account-section-heading{flex-direction:column;align-items:flex-start;gap:.45rem}.account-section-heading p{text-align:left}.security-fields{grid-template-columns:1fr}.manage-subscription-page .current-subscription .subscription-card{flex-direction:column;align-items:stretch;gap:1rem}.manage-subscription-page .current-subscription .subscription-actions,.manage-subscription-page .current-subscription .subscription-actions button{width:100%}.manage-subscription-page .subscription-notice{gap:.75rem}}.admin-page{background:var(--paper);min-height:100vh;color:var(--ink)}.admin-main{width:min(1180px,100% - 40px);margin:0 auto;padding:3rem 0 5rem}.admin-main .page-heading{max-width:760px}.admin-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0;display:grid}.admin-summary article{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;gap:.25rem;padding:1.4rem;display:grid}.admin-summary strong{color:var(--teal-950);font-family:var(--font-display);font-size:2rem}.admin-summary span{color:var(--ink-soft)}.admin-panel{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;margin-top:1.25rem;padding:1.5rem}.admin-panel h2{margin:.25rem 0 0}.admin-account-form{grid-template-columns:1fr 1.35fr .7fr auto;align-items:end;gap:1rem;margin-top:1.25rem;display:grid}.admin-account-form label{color:var(--ink-soft);gap:.45rem;font-size:.85rem;font-weight:700;display:grid}.admin-account-form input,.admin-account-form select{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);font:inherit;background:#fff;border-radius:10px;padding:.72rem .8rem}.admin-account-form button{white-space:nowrap;min-height:46px}.admin-table-wrap{margin-top:1.25rem;overflow-x:auto}.admin-accounts-table{border-collapse:collapse;width:100%}.admin-accounts-table th,.admin-accounts-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.9rem .75rem}.admin-accounts-table th{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.admin-accounts-table td{text-transform:capitalize}.admin-accounts-table td:first-child{text-transform:none}.admin-accounts-table td strong,.admin-accounts-table td span{display:block}.admin-accounts-table td span{color:var(--ink-soft);margin-top:.2rem;font-size:.84rem}.admin-accounts-table td em{background:var(--teal-100);color:var(--teal-950);border-radius:999px;margin-top:.45rem;padding:.2rem .5rem;font-size:.72rem;font-style:normal;font-weight:800;display:inline-block}.admin-accounts-table .account-type{color:var(--ink-soft);background:#edf1ef;border-radius:999px;margin:0;padding:.35rem .6rem;display:inline-block}.admin-accounts-table .account-type.complimentary{background:var(--coral-soft);color:var(--ink)}.admin-accounts-table .account-type.paid{background:var(--teal-100);color:var(--teal-950)}@media (max-width:900px){.admin-account-form{grid-template-columns:1fr 1fr}}@media (max-width:600px){.admin-main{width:calc(100% - 28px);padding-top:2rem}.admin-summary,.admin-account-form{grid-template-columns:1fr}.admin-panel{padding:1rem}.site-header .header-right-primary{display:none}.site-header nav .header-right-menu{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:.45rem;width:100%;margin-top:.35rem;padding-top:.5rem;display:grid}.site-header nav .header-right-menu .nav-link{text-align:center;min-height:40px}.site-header nav .header-right-menu .fixed-top-right{grid-column:1/-1;justify-content:space-between;width:100%;position:static}}@media (max-width:390px){.brand{gap:.55rem;font-size:1rem}.brand-mark{width:31px;height:31px}.hero-trust{display:grid}.moment-list article{grid-template-columns:32px 1fr;gap:.9rem}.moment-list b{display:none}.login-page{padding:.75rem}.login-card{border-radius:24px;padding:1.35rem}.login-brand{margin-bottom:1.5rem}.login-intro{margin-bottom:1.25rem}.register-header{margin-bottom:1.4rem}.register-header h1{margin-bottom:1rem;font-size:1.9rem}.step-indicator{margin-bottom:1rem}.step-content h2{font-size:1.65rem}.step-content .plan-card{padding:1.1rem}.frequency-app .top-controls{gap:.55rem}.frequency-app .top-controls button{min-width:0;padding-inline:.75rem}.membership-badge,.step-indicator .step label{display:none}.notification-actions{flex-direction:column}}
@layer legacy{header{color:#fff;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#66b2b2f2;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #66b2b24d}header h1{letter-spacing:-.025em;text-shadow:0 2px 4px #0000001a;margin:0;font-size:3rem;font-weight:700}nav{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:1.5rem;margin-top:0;display:flex}nav a,nav .nav-link{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50px;padding:.75rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative;overflow:hidden}nav a:hover,nav .nav-link:hover{color:#fdfbf7;background:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}main{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#fdfbf7f2;border-radius:20px;max-width:1200px;margin:2rem auto;padding:3rem 2rem;box-shadow:0 20px 60px #0000001a}section{margin-bottom:4rem;padding:2rem 0}section:last-child{margin-bottom:0}h2{color:#66b2b2;letter-spacing:-.025em;text-align:center;margin-top:0;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700;position:relative}h2:after{content:"";background:linear-gradient(90deg,#66b2b2,#3d8c8c);border-radius:2px;width:60px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}#home{text-align:center;padding:3rem 0}#home h2{background:linear-gradient(135deg,#66b2b2,#3d8c8c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3.5rem}#home p{color:#6b7280;max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.25rem;line-height:1.7}.plan{background:linear-gradient(135deg,#fdfbf7 0%,#f0a090 100%) padding-box padding-box;border:2px solid #0000;border-radius:16px;margin-bottom:1.5rem;padding:2rem;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 4px 20px #66b2b21a}.plan:before{content:"";background:linear-gradient(90deg,#66b2b2,#3d8c8c);height:4px;position:absolute;top:0;left:0;right:0}.plan:hover{border-color:#66b2b24d;transform:translateY(-8px);box-shadow:0 20px 40px #66b2b233}.plan h3{color:#66b2b2;margin-top:0;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.plan p{color:#6b7280;margin:.5rem 0;font-size:1.1rem}.plan p:first-of-type{color:#66b2b2;font-size:1.5rem;font-weight:700}#plans{margin-top:2rem}.plans-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}blockquote{background:linear-gradient(135deg,#fff 0%,#fdfbf7 100%);border-left:5px solid #66b2b2;border-radius:16px;margin:2rem 0;padding:2rem;font-style:italic;position:relative;box-shadow:0 8px 30px #00000014}blockquote:before{content:"\"";color:#66b2b2;font-family:serif;font-size:4rem;line-height:1;position:absolute;top:-10px;left:20px}blockquote p{color:#374151;margin:0 0 1rem;font-size:1.2rem}blockquote footer{color:#66b2b2;font-style:normal;font-weight:600}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#66b2b2 0%,#3d8c8c 100%);border:none;border-radius:50px;margin-top:10px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #66b2b24d}button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}button:hover:before{left:100%}button:hover{background:linear-gradient(135deg,#3d8c8c 0%,#2a5f5f 100%);transform:translateY(-2px);box-shadow:0 8px 25px #66b2b266}button:disabled{cursor:not-allowed;box-shadow:none;background:#d1d5db;transform:none}button:disabled:before{display:none}form{flex-direction:column;gap:1.5rem;max-width:500px;margin:0 auto;display:flex}.form-group{flex-direction:column;gap:.75rem;display:flex}.form-group label{color:#374151;font-size:.95rem;font-weight:600}.form-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1rem 1.25rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-input:focus{border-color:#66b2b2;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #66b2b21a}.form-input.error{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.error-text{color:#ef4444;margin-top:.25rem;font-size:.875rem;font-weight:500}.error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:1rem;padding:1rem 1.5rem;font-weight:500}.auth-section{background:linear-gradient(135deg,#ffffffe6 0%,#f0a0904d 100%);border:1px solid #66b2b233;border-radius:20px;margin-top:3rem;padding:3rem;box-shadow:0 10px 40px #0000000d}.auth-container{max-width:500px;margin:0 auto}.auth-tabs{background:#fff;border-radius:12px;margin-bottom:2rem;display:flex;overflow:hidden;box-shadow:0 4px 15px #0000001a}.auth-tab{cursor:pointer;background:#f9fafb;border:none;flex:1;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.auth-tab.active{color:#fff;background:linear-gradient(135deg,#66b2b2 0%,#3d8c8c 100%);box-shadow:0 2px 10px #66b2b24d}.auth-tab:hover:not(.active){background:#f3f4f6}.auth-switch{text-align:center;border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem}.switch-button{color:#66b2b2;cursor:pointer;font-size:inherit;box-shadow:none;background:0 0;border:none;margin:0;padding:0;font-weight:600;text-decoration:underline}.switch-button:hover{color:#3d8c8c;box-shadow:none;transform:none}.dashboard{flex-direction:column;min-height:100vh;display:flex}.dashboard header{justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:relative}.dashboard .header-right{align-items:center;display:flex}.dashboard nav{align-items:center;gap:1rem;margin:0;display:flex}.user-info{color:#fff;font-weight:600}.logout-button{background:#fff3;border:1px solid #ffffff4d;border-radius:50px;padding:.75rem 1.5rem;font-size:.9rem}.logout-button:hover{background:#ffffff4d;transform:translateY(-1px)}.user-details{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border:1px solid #e5e7eb;border-radius:16px;margin-top:2rem;padding:2rem;box-shadow:0 4px 20px #0000000d}.user-details h3{color:#66b2b2;margin-top:0;font-size:1.5rem;font-weight:700}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin;display:inline-block}.spinner-container{justify-content:center;align-items:center;display:flex}.spinner{border:2px solid #0000;border-radius:50%;animation:1s ease-in-out infinite spin}.spinner-small{width:16px;height:16px}.spinner-medium{width:24px;height:24px}.spinner-large{width:32px;height:32px}.spinner-primary{border-top-color:#66b2b2;border-right-color:#66b2b2}.spinner-secondary{border-top-color:#6c757d;border-right-color:#6c757d}.spinner-white{border-top-color:#fff;border-right-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}details{background:linear-gradient(135deg,#fdfbf7 0%,#f0a090 100%);border-left:4px solid #66b2b2;border-radius:12px;margin-bottom:1rem;padding:1.5rem;transition:all .3s;box-shadow:0 4px 15px #66b2b21a}details:hover{transform:translate(4px);box-shadow:0 8px 25px #f59e0b26}details summary{cursor:pointer;color:#66b2b2;padding:.5rem 0;font-size:1.1rem;font-weight:600}details summary:hover{color:#3d8c8c}details p{color:#6b7280;margin:1rem 0 0;line-height:1.6}footer{text-align:center;color:#fff;background:#66b2b2f2;margin-top:auto;padding:2rem;font-weight:500}@media (max-width:768px){header{padding:1rem}header h1{font-size:2.5rem}nav{flex-direction:column;gap:.5rem}main{margin:1rem;padding:1.5rem}#home h2{font-size:2.5rem}#home p{font-size:1.1rem}.dashboard header{text-align:center;flex-direction:column;gap:1rem}.auth-tabs{flex-direction:column}.auth-tab{border-radius:0}#plans{grid-template-columns:1fr}.auth-section{padding:2rem 1.5rem}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}button:focus,input:focus,textarea:focus{outline-offset:2px;outline:2px solid #66b2b2}@media (prefers-contrast:high){.plan,blockquote,details{border-width:3px}button{border:2px solid}}.pwa-notifications{z-index:10000;max-width:400px;position:fixed;top:20px;right:20px}.pwa-notification{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1rem;animation:.3s ease-out slideInRight;overflow:hidden;box-shadow:0 10px 40px #00000026}.pwa-notification.update-notification{border-left:4px solid #66b2b2}.pwa-notification.offline-notification{border-left:4px solid #ef4444}.notification-content{padding:1.5rem}.notification-content h4{color:#1f2937;margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.notification-content p{color:#6b7280;margin:0 0 1rem;font-size:.95rem;line-height:1.5}.notification-actions{justify-content:flex-end;gap:.75rem;display:flex}.notification-actions button{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.update-btn{color:#fff;background:#66b2b2}.update-btn:hover{background:#3d8c8c;transform:translateY(-1px)}.dismiss-btn{color:#6b7280;background:#f3f4f6}.dismiss-btn:hover{color:#374151;background:#e5e7eb}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.offline-indicator{color:#fff;text-align:center;z-index:9999;background:#ef4444;padding:.5rem;font-size:.875rem;font-weight:500;transition:transform .3s;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.offline-indicator.show{transform:translateY(0)}.install-prompt{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-width:400px;padding:1.5rem;animation:.3s ease-out slideUp;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000026}.install-prompt h4{color:#1f2937;margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.install-prompt p{color:#6b7280;margin:0 0 1rem;font-size:.9rem;line-height:1.5}.install-prompt .install-actions{justify-content:flex-end;gap:.75rem;display:flex}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(100%)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (max-width:768px){.pwa-notifications{max-width:none;top:10px;left:10px;right:10px}.install-prompt{max-width:none;bottom:10px;left:10px;right:10px;transform:none}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.offline-page{background:linear-gradient(135deg,#66b2b2 0%,#f0a090 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.offline-content{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:20px;max-width:600px;padding:3rem;box-shadow:0 20px 60px #0000001a}.offline-content h1{color:#66b2b2;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.offline-content>p{color:#6b7280;margin-bottom:2rem;font-size:1.2rem;line-height:1.6}.offline-features{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin:2rem 0;display:grid}.feature{background:linear-gradient(135deg,#fdfbf7 0%,#f0a090 100%);border:1px solid #66b2b233;border-radius:12px;padding:1.5rem}.feature h3{color:#66b2b2;margin:.5rem 0;font-size:1.1rem;font-weight:600}.feature p{color:#6b7280}.frequency-app{color:#1f2937;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;max-width:800px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.app-header{justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.frequency-app .header-left{flex-direction:column;gap:.5rem;display:flex}.frequency-app .app-nav{gap:1rem;display:flex}.frequency-app .nav-link{color:#66b2b2;border:1px solid #0000;border-radius:6px;padding:.5rem 1rem;font-weight:600;text-decoration:none;transition:all .3s}.frequency-app .nav-link:hover{color:#66b2b2;background:#66b2b21a;border-color:#66b2b24d}.frequency-app .header-right{align-items:center;gap:1rem;display:flex}.frequency-app .fixed-top-right{z-index:1000;align-items:center;gap:1rem;display:flex;position:fixed;top:20px;right:20px}.frequency-app .account-menu{position:relative}.frequency-app .account-trigger{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;transition:all .3s}.frequency-app .account-trigger:hover{transform:scale(1.05)}.frequency-app .profile-pic{color:#fff;background:linear-gradient(135deg,#66b2b2 0%,#3d8c8c 100%);border:2px solid #66b2b24d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2em;font-weight:700;display:flex}.frequency-app .account-dropdown{z-index:1001;background:#fff;border:1px solid #66b2b233;border-radius:12px;min-width:250px;margin-top:.5rem;position:absolute;top:100%;right:0;box-shadow:0 8px 25px #00000026}.frequency-app .account-header{border-bottom:1px solid #66b2b233;align-items:center;gap:.75rem;padding:1rem;display:flex}.frequency-app .profile-pic-large{color:#fff;background:linear-gradient(135deg,#66b2b2 0%,#3d8c8c 100%);border:2px solid #66b2b24d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;font-weight:700;display:flex}.frequency-app .account-info{flex:1}.frequency-app .account-name{color:#1a1a1a;font-size:1rem;font-weight:600}.frequency-app .account-email{color:#6b7280;margin-top:.25rem;font-size:.9rem}.frequency-app .account-info .membership-badge{color:#fff;border-radius:12px;margin-top:.5rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.frequency-app .account-links{padding:.5rem}.frequency-app .account-link{color:#1a1a1a;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.95rem;text-decoration:none;transition:all .2s;display:flex}.frequency-app .account-link:hover{color:#66b2b2;background:#66b2b21a}.frequency-app .logout-btn{color:#dc2626}.frequency-app .logout-btn:hover{color:#dc2626;background:#dc26261a}.app-header h1{color:#66b2b2;margin:0;font-size:1.5em}.dashboard .fixed-top-right{z-index:1000;align-items:center;gap:1rem;display:flex;position:fixed;top:20px;right:20px}.dashboard .account-menu{position:relative}.dashboard .account-trigger{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;transition:all .3s}.dashboard .account-trigger:hover{transform:scale(1.05)}.dashboard .profile-pic{color:#fff;background:linear-gradient(135deg,#66b2b2 0%,#3d8c8c 100%);border:2px solid #66b2b24d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2em;font-weight:700;display:flex}.dashboard .account-dropdown{z-index:1001;background:#fff;border:1px solid #66b2b233;border-radius:12px;min-width:250px;margin-top:.5rem;position:absolute;top:100%;right:0;box-shadow:0 8px 25px #00000026}.dashboard .account-header{border-bottom:1px solid #66b2b233;align-items:center;gap:.75rem;padding:1rem;display:flex}.dashboard .profile-pic-large{color:#fff;background:linear-gradient(135deg,#66b2b2 0%,#3d8c8c 100%);border:2px solid #66b2b24d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;font-weight:700;display:flex}.dashboard .account-info{flex:1}.dashboard .account-name{color:#1a1a1a;font-size:1rem;font-weight:600}.dashboard .account-email{color:#6b7280;margin-top:.25rem;font-size:.9rem}.dashboard .account-info .membership-badge{color:#fff;border-radius:12px;margin-top:.5rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.dashboard .account-links{padding:.5rem}.dashboard .account-link{color:#1a1a1a;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.95rem;text-decoration:none;transition:all .2s;display:flex}.dashboard .account-link:hover{color:#66b2b2;background:#66b2b21a}.dashboard .logout-btn{color:#dc2626}.dashboard .logout-btn:hover{color:#dc2626;background:#dc26261a}.cancel-subscription-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;margin-left:1rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.cancel-subscription-btn:hover{background:#b91c1c;transform:translateY(-1px)}.cancel-subscription-btn:disabled,.manage-subscription-btn:disabled{color:#d1d5db;cursor:not-allowed;background:#6b7280;transform:none}.modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;padding:2rem;box-shadow:0 20px 60px #0000004d}.modal-content h3{color:#dc2626;margin-top:0;margin-bottom:1rem}.modal-content p{margin-bottom:1rem;line-height:1.6}.modal-actions{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.modal-actions .cancel-btn{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.modal-actions .cancel-btn:hover{background:#4b5563}.modal-actions .confirm-cancel-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.modal-actions .confirm-cancel-btn:hover{background:#b91c1c}.modal-actions button:disabled{opacity:.6;cursor:not-allowed}.modal-content .success-message{color:#065f46;background:#d1fae5;border:1px solid #10b981;border-radius:8px;margin:1rem 0;padding:1rem}.modal-content .error-message{color:#991b1b;background:#fee2e2;border:1px solid #ef4444;border-radius:8px;margin:1rem 0;padding:1rem}.cancellation-notice{color:#3d8c8c;background:#fdfbf7;border:1px solid #66b2b2;border-radius:8px;margin:0;padding:1rem;font-size:.9rem;line-height:1.5}.offline-notice{color:#3d8c8c;text-align:center;box-sizing:border-box;background:#fdfbf7;border:1px solid #66b2b2;border-radius:8px;max-width:600px;margin-bottom:1rem;margin-left:auto;margin-right:auto;padding:1rem;font-size:.9rem;line-height:1.5}.subscription-buttons{flex-wrap:nowrap;justify-content:center;gap:1rem;max-width:600px;margin:0 auto;display:flex}.offline-notice p{margin:0;font-weight:500}.resubscribe-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#66b2b2 0%,#3d8c8c 100%);border:none;border-radius:8px;margin-top:1rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.resubscribe-btn:hover{background:linear-gradient(135deg,#3d8c8c 0%,#2a5f5f 100%);transform:translateY(-1px);box-shadow:0 4px 12px #66b2b24d}.resubscribe-btn:disabled{color:#d1d5db;cursor:not-allowed;box-shadow:none;background:#6b7280;transform:none}.App .header-right{align-items:center;display:flex}.App .account-menu{position:relative}.App .account-trigger{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;transition:all .3s}.App .account-trigger:hover{transform:scale(1.05)}.App .profile-pic{color:#fff;background:linear-gradient(135deg,#66b2b2 0%,#3d8c8c 100%);border:2px solid #66b2b24d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2em;font-weight:700;display:flex}.App .account-dropdown{z-index:1001;background:#fff;border:1px solid #66b2b233;border-radius:12px;min-width:250px;margin-top:.5rem;position:absolute;top:100%;right:0;box-shadow:0 8px 25px #00000026}.App .account-header{border-bottom:1px solid #66b2b233;align-items:center;gap:.75rem;padding:1rem;display:flex}.App .profile-pic-large{color:#fff;background:linear-gradient(135deg,#66b2b2 0%,#3d8c8c 100%);border:2px solid #f59e0b4d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5em;font-weight:700;display:flex}.App .account-info{flex:1}.App .account-name{color:#1a1a1a;font-size:1rem;font-weight:600}.App .account-email{color:#6b7280;margin-top:.25rem;font-size:.9rem}.App .account-info .membership-badge{color:#fff;border-radius:12px;margin-top:.5rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.App .account-links{padding:.5rem}.App .account-link{color:#1a1a1a;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.95rem;text-decoration:none;transition:all .2s;display:flex}.App .account-link:hover{color:#66b2b2;background:#66b2b21a}.App .logout-btn{color:#dc2626}.App .logout-btn:hover{color:#dc2626;background:#dc26261a}.membership-badge{color:#fff;border-radius:15px;padding:.25rem .75rem;font-size:.8em;font-weight:700}.app-container{background:#fffffff2;border:1px solid #66b2b233;border-radius:15px;flex-direction:column;align-items:center;max-width:600px;margin:0 auto;padding:2rem;display:flex;box-shadow:0 8px 25px #0000004d}.frequency-app .top-controls{justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.register-page{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);min-height:100vh;padding:2rem 0}.register-page .container{max-width:800px;margin:0 auto;padding:0 1rem}.register-header{text-align:center;margin-bottom:3rem}.register-header .back-link{color:#66b2b2;margin-bottom:1rem;font-weight:500;text-decoration:none;display:inline-block}.register-header .back-link:hover{color:#3d8c8c}.register-header h1{color:#1a1a1a;margin-bottom:2rem;font-size:2.5rem}.step-indicator{justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.step-indicator .step{opacity:.5;flex-direction:column;align-items:center;gap:.5rem;transition:opacity .3s;display:flex}.step-indicator .step.active{opacity:1}.step-indicator .step span{color:#64748b;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;transition:all .3s;display:flex}.step-indicator .step.active span{color:#fff;background:#66b2b2}.step-indicator .step label{color:#64748b;font-size:.9rem;font-weight:500}.register-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a}.step-content h2{color:#1a1a1a;text-align:center;margin-bottom:.5rem;font-size:1.8rem}.step-content p{color:#64748b;text-align:center;margin-bottom:2rem}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.plan-card{text-align:center;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s}.plan-card:hover{border-color:#66b2b2;transform:translateY(-2px);box-shadow:0 8px 25px #66b2b226}.plan-card.selected{background:linear-gradient(135deg,#f0fdfa 0%,#e6fffa 100%);border-color:#66b2b2}.plan-card h3{color:#1a1a1a;margin-bottom:1rem;font-size:1.3rem}.plan-price{color:#66b2b2;margin-bottom:1rem;font-size:2rem;font-weight:700}.plan-price span{color:#64748b;font-size:1rem;font-weight:400}.plan-features{margin:0;padding:0;list-style:none}.plan-features li{color:#64748b;border-bottom:1px solid #f1f5f9;padding:.5rem 0}.plan-features li:last-child{border-bottom:none}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;margin-bottom:.5rem;font-weight:500;display:block}.form-group input{border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .3s}.form-group input:focus{border-color:#66b2b2;outline:none}.form-actions{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.next-btn,.back-btn{cursor:pointer;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.next-btn{color:#fff;background:linear-gradient(135deg,#66b2b2 0%,#3d8c8c 100%)}.next-btn:hover:not(:disabled){background:linear-gradient(135deg,#3d8c8c 0%,#2a5f5f 100%);transform:translateY(-1px);box-shadow:0 4px 12px #66b2b24d}.next-btn:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af;transform:none}.back-btn{color:#374151;background:#f3f4f6;border:2px solid #e2e8f0}.back-btn:hover{background:#e5e7eb;border-color:#d1d5db}.payment-summary{text-align:center;background:#f8fafc;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.payment-summary h3{color:#1a1a1a;margin-bottom:.5rem}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1rem;padding:1rem}.error-message p{color:#dc2626;text-align:left;margin:0}.frequency-app .preset-controls{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.glass-circle{background:#ffffff1a;border:3px solid #66b2b266;border-radius:50%;justify-content:center;align-items:center;width:250px;height:250px;margin:20px 0;transition:all .3s;display:flex;position:relative;box-shadow:0 0 20px #66b2b233}.glass-circle.playing{background:#ffffff26;border-color:#66b2b2cc;box-shadow:0 0 30px #66b2b266}.frequency-app h2{color:#66b2b2;text-align:center;margin:1rem 0;font-size:1.5rem;font-weight:600}.resonance-icon{justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;display:flex;position:relative}.icon-circle{background:#ffffff1a;border:3px solid #66b2b299;border-radius:50%;width:60px;height:60px;position:relative}.icon-pulse{background:#66b2b21a;border:2px solid #66b2b266;border-radius:50%;width:40px;height:40px;animation:2s ease-in-out infinite pulse;position:absolute}@keyframes pulse{0%{opacity:.8;transform:scale(.8)}50%{opacity:.4;transform:scale(1.2)}to{opacity:.8;transform:scale(.8)}}.frequency-display{text-align:center;color:#66b2b2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,sans-serif;animation:.5s ease-out frequencyAppear;display:flex;position:relative}@keyframes frequencyAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.glass-circle.playing:before{content:"";border:2px solid #66b2b24d;border-radius:50%;animation:2s ease-out infinite ripple;position:absolute;inset:-10px}@keyframes ripple{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.binaural-info{background:#66b2b21a;border:1px solid #66b2b24d;border-radius:8px;margin-top:.5rem;padding:.5rem}.binaural-label{color:#3d8c8c;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.8rem;font-weight:600}.binaural-offset{color:#66b2b2;font-size:.9rem;font-weight:700}.control-section,.preset-section,.binaural-section,.breath-section{width:100%;margin:1rem 0}.control-section label,.preset-section label,.binaural-section label,.breath-section label{color:#66b2b2;margin-bottom:.5rem;font-weight:700;display:block}.freq-value,.duration-value{text-align:center;color:#66b2b2;text-shadow:0 0 10px #66b2b24d;margin:10px 0;font-size:2.5em}.frequency-app input[type=range],.frequency-app input[type=number],.frequency-app select{color:#1f2937;background:#ffffffe6;border:1px solid #66b2b24d;border-radius:10px;width:100%;margin:10px 0;padding:10px;font-size:1em}.frequency-app input[type=range]{appearance:none;background:#66b2b233;border:1px solid #66b2b24d;border-radius:3px;outline:none;max-width:300px;height:6px}.frequency-app input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#66b2b2;border:2px solid #1a1a1a;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px #0000004d}.frequency-app input[type=range]::-moz-range-thumb{cursor:pointer;background:#66b2b2;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px #0000004d}.frequency-app input[type=range]::-moz-range-track{background:#66b2b233;border:1px solid #66b2b24d;border-radius:3px;height:6px}.frequency-app input[type=checkbox]{appearance:none!important;cursor:pointer!important;background:#ffffffe6!important;border:2px solid #66b2b299!important;border-radius:4px!important;flex-shrink:0!important;width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important;margin-right:8px!important;transition:all .3s!important;display:inline-block!important;position:relative!important}.frequency-app input[type=checkbox]:hover{background:#66b2b21a;border-color:#66b2b2;transform:scale(1.05)}.frequency-app input[type=checkbox]:checked{background:linear-gradient(135deg,#66b2b2 0%,#3d8c8c 100%);border-color:#66b2b2;box-shadow:0 2px 8px #66b2b24d}.frequency-app input[type=checkbox]:checked:after{content:"✓";color:#66b2b2;text-shadow:0 1px 2px #0003;font-size:16px;font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.frequency-app input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px #66b2b24d}.frequency-app .checkbox-label{color:#1f2937;cursor:pointer;align-items:center;padding:8px 0;font-weight:500;transition:color .3s;display:flex}.frequency-app .checkbox-label:hover{color:#66b2b2}.frequency-app .switch{align-items:center;margin:10px 0;display:flex}.frequency-app .switch input[type=checkbox]{flex-shrink:0;margin-right:12px}.frequency-app .duration-presets{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.frequency-app .duration-preset-btn{color:#1f2937;cursor:pointer;text-align:center;background:#ffffffe6;border:1px solid #66b2b24d;border-radius:6px;min-width:50px;padding:6px 12px;font-size:.9em;transition:all .2s}.frequency-app .duration-preset-btn:hover:not(:disabled){color:#66b2b2;background:#66b2b21a;border-color:#66b2b2}.frequency-app .duration-preset-btn.active{color:#fff;background:linear-gradient(135deg,#66b2b2 0%,#3d8c8c 100%);border-color:#66b2b2}.frequency-app .duration-preset-btn:disabled{opacity:.5;cursor:not-allowed}.frequency-app .switch{align-items:center;gap:10px;margin-top:10px;display:flex}.frequency-app .switch input[type=checkbox]{width:auto;margin:0}.frequency-app .button-row{gap:10px;margin-top:20px;display:flex}.frequency-app .play-button,.frequency-app .stop-button{cursor:pointer;border:none;border-radius:10px;width:140px;padding:12px 24px;font-size:1em;font-weight:700;transition:all .3s}.frequency-app .play-button{color:#fff;background:linear-gradient(135deg,#66b2b2 0%,#3d8c8c 100%);border:1px solid #66b2b24d}.frequency-app .play-button:hover:not(:disabled){background:linear-gradient(135deg,#3d8c8c 0%,#2a5f5f 100%);transform:translateY(-2px);box-shadow:0 4px 12px #66b2b24d}.frequency-app .play-button:disabled{color:#d1d5db;cursor:not-allowed;box-shadow:none;background:#6b7280;border:1px solid #9ca3af;transform:none}.frequency-app .stop-button{color:#fff;background:linear-gradient(135deg,#f0a090 0%,#e08a7a 100%);border:1px solid #f0a0904d}.frequency-app .stop-button:hover:not(:disabled){background:linear-gradient(135deg,#e08a7a 0%,#d07a6a 100%);transform:translateY(-2px);box-shadow:0 4px 12px #f0a0904d}.frequency-app .stop-button:disabled{cursor:not-allowed;background-color:#555}.waveform-canvas{background:#ffffff1a;border:2px solid #66b2b280;border-radius:50%;width:200px;height:200px;display:block;box-shadow:0 0 10px #66b2b24d}.frequency-app #breathCircle{background:#66b2b255;border-radius:50%;width:100px;height:100px;margin-top:20px;transition:transform 4s ease-in-out;transform:scale(1)}.frequency-app .highlight-panel{background:linear-gradient(135deg,#66b2b2 0%,#3d8c8c 100%);border:1px solid #66b2b233;border-radius:8px;margin-top:1rem;padding:1rem;box-shadow:0 2px 8px #0000001a}.frequency-app .highlight-panel h3{color:#fff;margin-bottom:1rem;font-weight:600}.frequency-app .highlight-panel ul{padding:0;list-style:none}.frequency-app .highlight-panel li{color:#fff;border-bottom:1px solid #fff3;padding:.5rem 0;line-height:1.5}.frequency-app .highlight-panel li:last-child{border-bottom:none}.frequency-app .highlight-panel p{color:#fff;margin:.5rem 0;line-height:1.5}.frequency-app .highlight-panel p:first-child{color:#fdfbf7;font-weight:600}.frequency-app .disabled-slider{opacity:.5;cursor:not-allowed;background:#66b2b21a}.frequency-app .disabled-slider::-webkit-slider-thumb{cursor:not-allowed;background:#3d8c8c}.frequency-app .disabled-slider::-moz-range-thumb{cursor:not-allowed;background:#3d8c8c}.dashboard .programs-section{margin:2rem 0}.dashboard .program-card{background:linear-gradient(135deg,#fdfbf7 0%,#f0a090 100%);border:1px solid #66b2b233;border-radius:12px;margin-bottom:1rem;padding:1.5rem;box-shadow:0 4px 12px #0000001a}.dashboard .program-card h3{color:#66b2b2;margin-bottom:.5rem;font-size:1.2rem}.dashboard .program-card p{color:#6b7280;margin-bottom:1rem;line-height:1.5}.dashboard .program-link{color:#fff;background:linear-gradient(135deg,#66b2b2 0%,#3d8c8c 100%);border-radius:8px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 2px 8px #66b2b24d}.dashboard .program-link:hover{transform:translateY(-2px);box-shadow:0 4px 16px #66b2b266}@media (max-width:768px){.offline-page{padding:1rem}.offline-content{padding:2rem 1.5rem}.offline-content h1{font-size:2rem}.offline-features{grid-template-columns:1fr;gap:1rem}}.subscription-info{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:2rem}.subscription-info h4{color:#66b2b2;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.subscription-card{background:linear-gradient(135deg,#fdfbf7 0%,#f0a090 100%);border:2px solid #66b2b233;border-radius:12px;margin-bottom:1rem;padding:1.5rem;position:relative;overflow:hidden}.subscription-card:before{content:"";background:linear-gradient(90deg,#66b2b2,#3d8c8c);height:3px;position:absolute;top:0;left:0;right:0}.subscription-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.subscription-header h5{color:#66b2b2;margin:0;font-size:1.1rem;font-weight:700}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:50px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-badge.active{color:#fff;background:#10b981}.status-badge.inactive{color:#fff;background:#6b7280}.status-badge.pending{color:#fff;background:#f59e0b}.status-badge.cancelled{color:#fff;background:#ef4444}.subscription-price{color:#66b2b2;margin:.5rem 0;font-size:1.25rem;font-weight:700}.billing-date{color:#6b7280;margin:.5rem 0;font-size:.9rem}.subscription-features{margin-top:1rem}.subscription-features h6{color:#374151;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.subscription-features ul{margin:0;padding:0;list-style:none}.subscription-features li{color:#6b7280;padding:.25rem 0 .25rem 1.25rem;font-size:.875rem;position:relative}.subscription-features li:before{content:"✓";color:#10b981;font-weight:700;position:absolute;left:0}.subscription-actions{flex-wrap:wrap;gap:1rem;margin-top:1rem}.manage-subscription-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#66b2b2 0%,#3d8c8c 100%);border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #66b2b24d}.manage-subscription-btn:hover{background:linear-gradient(135deg,#3d8c8c 0%,#2a5f5f 100%);transform:translateY(-1px);box-shadow:0 4px 12px #66b2b266}@media (max-width:768px){.subscription-header{flex-direction:column;align-items:flex-start;gap:.5rem}.subscription-actions{flex-direction:column}.manage-subscription-btn{text-align:center;width:100%}}.manage-subscription-page{background:linear-gradient(135deg,#fdfbf7 0%,#f0a090 100%);min-height:100vh;padding:2rem 0}.manage-subscription-page .container{max-width:1200px;margin:0 auto;padding:0 1rem}.manage-subscription-page h1{color:#66b2b2;text-align:center;margin-bottom:2rem;font-size:2.5rem;font-weight:700}.manage-subscription-page h2{color:#66b2b2;margin-bottom:1.5rem;font-size:1.8rem;font-weight:600}.current-subscription{margin-bottom:3rem}.current-subscription .subscription-card{background:#fff;border:2px solid #f59e0b33;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a}.current-subscription .subscription-info h3{color:#66b2b2;margin-bottom:1rem;font-size:1.4rem}.current-subscription .subscription-info p{color:#6b7280;margin-bottom:.5rem;font-size:1rem}.current-subscription .subscription-actions{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}.available-plans{margin-bottom:3rem}.subscription-notice{background:linear-gradient(135deg,#fdfbf7 0%,#f0a090 100%);border:2px solid #66b2b2;border-radius:12px;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex}.notice-icon{flex-shrink:0;margin-top:.25rem;font-size:1.5rem}.notice-content h4{color:#66b2b2;margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.notice-content p{color:#3d8c8c;margin:0;font-size:.95rem;line-height:1.5}.subscription-notice.payment-notice{margin-top:1.5rem;margin-bottom:1rem}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:1.5rem;display:grid}.plan-card{background:#fff;border:2px solid #66b2b233;border-radius:12px;padding:2rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.plan-card:before{content:"";background:linear-gradient(135deg,#66b2b2 0%,#3d8c8c 100%);height:4px;position:absolute;top:0;left:0;right:0}.plan-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.plan-header{text-align:center;margin-bottom:1.5rem}.plan-header h3{color:#66b2b2;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.plan-price{justify-content:center;align-items:baseline;gap:.25rem;display:flex}.plan-price .price{color:#66b2b2;font-size:2rem;font-weight:700}.plan-price .period{color:#6b7280;font-size:1rem}.plan-features{margin-bottom:2rem}.plan-features ul{margin:0;padding:0;list-style:none}.plan-features li{color:#6b7280;padding:.5rem 0 .5rem 1.5rem;font-size:.95rem;position:relative}.plan-features li:before{content:"✓";color:#10b981;font-size:1.1rem;font-weight:700;position:absolute;left:0}.select-plan-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#66b2b2 0%,#3d8c8c 100%);border:none;border-radius:8px;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #66b2b24d}.select-plan-btn:hover:not(:disabled){background:linear-gradient(135deg,#3d8c8c 0%,#2a5f5f 100%);transform:translateY(-2px);box-shadow:0 4px 12px #66b2b266}.select-plan-btn:disabled{color:#d1d5db;cursor:not-allowed;box-shadow:none;background:#6b7280;transform:none}.payment-section{background:#fff;border:2px solid #66b2b233;border-radius:12px;max-width:600px;margin:0 auto;padding:2rem;box-shadow:0 4px 12px #0000001a}.selected-plan-summary{text-align:center;background:#fdfbf7;border-radius:8px;margin-bottom:2rem;padding:1rem}.selected-plan-summary h3{color:#66b2b2;margin:0;font-size:1.2rem}.payment-form{margin-bottom:2rem}.payment-form .form-group{margin-bottom:1.5rem}.payment-form label{color:#374151;margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.payment-form .StripeElement{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:1rem;transition:border-color .3s}.payment-form .StripeElement--focus{border-color:#66b2b2;box-shadow:0 0 0 3px #66b2b21a}.payment-form .StripeElement--invalid{border-color:#ef4444}.payment-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#66b2b2 0%,#3d8c8c 100%);border:none;border-radius:8px;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #66b2b24d}.payment-button:hover:not(:disabled){background:linear-gradient(135deg,#3d8c8c 0%,#2a5f5f 100%);transform:translateY(-2px);box-shadow:0 4px 12px #66b2b266}.payment-button:disabled{color:#d1d5db;cursor:not-allowed;box-shadow:none;background:#6b7280;transform:none}.back-to-plans-btn{color:#6b7280;background:0 0;border:2px solid #6b7280;border-radius:8px;width:100%;padding:.75rem;font-size:1rem}.stripe-mode-indicator{text-align:center;background:#ffffffe6;border:2px solid #66b2b24d;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.mode-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;margin-bottom:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.mode-badge.test-mode{color:#66b2b2;background:#fdfbf7;border:2px solid #66b2b2}.mode-badge.live-mode{color:#166534;background:#dcfce7;border:2px solid #22c55e}.mode-description{color:#6b7280;cursor:pointer;margin:0;font-size:.875rem;font-style:italic;font-weight:600;transition:all .3s}.back-to-plans-btn:hover{color:#fff;background:#6b7280}.payment-not-configured{text-align:center;background:#fdfbf7;border-radius:8px;margin-bottom:1rem;padding:2rem}.payment-not-configured p{color:#66b2b2;margin-bottom:1rem;font-weight:500}.reactivate-subscription-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#66b2b2 0%,#3d8c8c 100%);border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #66b2b24d}.reactivate-subscription-btn:hover{background:linear-gradient(135deg,#3d8c8c 0%,#2a5f5f 100%);transform:translateY(-1px);box-shadow:0 4px 12px #66b2b266}.manage-subscription-page .loading-container{text-align:center;color:#6b7280;padding:4rem 2rem}.manage-subscription-page .error-message{color:#991b1b;background:#fee2e2;border:1px solid #ef4444;border-radius:8px;margin-bottom:2rem;padding:1rem}@media (max-width:768px){.manage-subscription-page{padding:1rem 0}.manage-subscription-page h1{font-size:2rem}.manage-subscription-page h2{font-size:1.5rem}.plans-grid{grid-template-columns:1fr;gap:1.5rem}.plan-card{padding:1.5rem}.current-subscription .subscription-actions{flex-direction:column}.payment-section{padding:1.5rem}}@media (max-width:480px){.manage-subscription-page .container{padding:0 .5rem}.plan-card,.payment-section{padding:1rem}}}