:root{--color-trustworthy-navy:#062646;--color-sage-green:#27b07d;--color-sage-light:#eafaf4;--color-paper-white:#fff;--color-warm-white:#fdfdfc;--color-porcelain:#f3f4f6;--color-section-lightest:#f9fafb;--color-section-medium:#f6f7f8;--color-section-strongest:#f0f2f4;--color-obsidian:#111827;--color-slate-grey:#6b7280;--color-light-grey:#e5e7eb;--color-border-default:#e5e7eb;--color-background:var(--color-warm-white);--color-surface:var(--color-paper-white);--color-text-primary:var(--color-obsidian);--color-text-secondary:var(--color-slate-grey);--color-navbar-bg:var(--color-trustworthy-navy);--color-navbar-text:var(--color-paper-white);--color-cta-primary:var(--color-sage-green);--color-cta-text:var(--color-paper-white);--color-institutional-gold:var(--color-sage-green);--radius-card:12px;--radius-button:8px;--radius-modal:12px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--font-size-large-title:34px;--font-size-title-1:28px;--font-size-title-2:22px;--font-size-title-3:20px;--font-size-body:17px;--font-size-caption:13px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--duration-fast:200ms;--duration-normal:300ms;--duration-slow:400ms;--curve-magnetic:cubic-bezier(0.25,1,0.5,1);--curve-smooth:cubic-bezier(0.4,0,0.2,1);--curve-spring:cubic-bezier(0.68,-0.55,0.265,1.55);--z-base:1;--z-sticky:10;--z-dropdown:100;--z-modal:1000;--z-toast:2000;--touch-target-min:44px;--shadow-card-hover:0 12px 24px #0a254014;--backdrop-blur:blur(4px);--backdrop-overlay:#0a254066}html{background-color:#fdfdfc}body{background-color:#fdfdfc!important}#root{background-color:#fdfdfc}.animate-fade-up{animation:fadeUp .6s var(--curve-smooth) forwards;opacity:0}.animate-fade-up-delay-1{animation:fadeUp .6s var(--curve-smooth) .1s forwards;opacity:0}.animate-fade-up-delay-2{animation:fadeUp .6s var(--curve-smooth) .2s forwards;opacity:0}.animate-fade-up-delay-3{animation:fadeUp .6s var(--curve-smooth) .3s forwards;opacity:0}@keyframes slideArrow{0%{transform:translateX(0)}to{transform:translateX(4px)}}@keyframes cardLift{0%{border-color:var(--color-border-default);box-shadow:none;transform:translateY(0)}to{border-color:var(--color-trustworthy-navy);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}}@keyframes goldUnderline{0%{width:0}to{width:100%}}@keyframes scaleDown{0%{transform:scale(1)}to{transform:scale(.95)}}.transition-magnetic{transition:all var(--duration-normal) var(--curve-magnetic)}.transition-smooth{transition:all var(--duration-normal) var(--curve-smooth)}.transition-slow{transition:all var(--duration-slow) var(--curve-smooth)}.hover-lift{transition:transform var(--duration-slow) var(--curve-smooth),border-color var(--duration-slow) var(--curve-smooth),box-shadow var(--duration-slow) var(--curve-smooth)}.hover-lift:hover{border-color:var(--color-trustworthy-navy);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{animation:shimmer 2s infinite;background:linear-gradient(90deg,var(--color-porcelain) 0,#e8e9eb 50%,var(--color-porcelain) 100%);background-size:1000px 100%}.glass-navbar{background:#0a2540cc;border-bottom:1px solid #ffffff1a}.glass-header,.glass-navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.glass-header{background:#fffc;border-bottom:1px solid var(--color-light-grey)}.glass-tabbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border-top:1px solid var(--color-light-grey)}.glass-backdrop{backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background:var(--backdrop-overlay)}.glass-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d}@supports not ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.glass-backdrop,.glass-card,.glass-header,.glass-navbar,.glass-tabbar{background:var(--color-trustworthy-navy)}.glass-header,.glass-tabbar{background:var(--color-paper-white)}}html{background-color:var(--color-warm-white);min-height:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-warm-white)!important;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--font-size-body);line-height:var(--line-height-normal);margin:0;padding:0}#root,body{min-height:100vh}#root{background-color:var(--color-warm-white);width:100%}code{font-family:SF Mono,Monaco,Menlo,Consolas,Courier New,monospace}.large-title{font-size:var(--font-size-large-title);letter-spacing:-.5px}.large-title,.title-1{color:var(--color-trustworthy-navy);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.title-1{font-size:var(--font-size-title-1)}.title-2{font-size:var(--font-size-title-2)}.title-2,.title-3{color:var(--color-trustworthy-navy);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.title-3{font-size:var(--font-size-title-3)}.body-text{color:var(--color-trustworthy-navy)}.body-text,.body-text-secondary{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal)}.body-text-secondary,.caption{color:var(--color-text-secondary)}.caption{font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal)}*{box-sizing:border-box}[role=button],a,button,input,select,textarea{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}:focus-visible{outline:2px solid var(--color-institutional-gold);outline-offset:2px}.logo-container{align-items:center;display:flex;justify-content:center;position:relative}.logo-sm{height:40px;width:96px}.logo-md{height:48px;width:128px}.logo-lg{height:64px;width:160px}.logo-svg{height:100%;left:0;opacity:1;position:absolute;top:0;width:100%}.logo-text{font-weight:var(--font-weight-bold);letter-spacing:-.025em;position:relative;z-index:2}.logo-text-sm{font-size:1.125rem}.logo-text-md{font-size:1.25rem}.logo-text-lg{font-size:1.5rem}.logo-text-white{color:#fff}.logo-text-dark{color:var(--color-trustworthy-navy)}.logo-text-light{color:#fff}.logo-text-accent{color:var(--color-sage-green)}.btn{align-items:center;border:none;border-radius:var(--radius-button);cursor:pointer;display:inline-flex;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);gap:6px;justify-content:center;line-height:1.5;min-height:var(--touch-target-min);min-width:var(--touch-target-min);overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all var(--duration-normal) var(--curve-magnetic);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:var(--color-sage-green);color:var(--color-cta-text)}.btn-primary:hover:not(:disabled){background-color:#239f71;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:var(--color-trustworthy-navy);color:var(--color-paper-white)}.btn-secondary:hover:not(:disabled){background-color:#081c2e;transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-outline{background-color:initial;border:1px solid var(--color-border-default);color:var(--color-text-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-porcelain);border-color:var(--color-trustworthy-navy)}.btn-with-arrow{padding-right:var(--spacing-md)}.btn-text{display:inline;position:relative}.btn-arrow{display:inline;font-size:1em;margin-left:4px;transition:transform var(--duration-normal) var(--curve-magnetic);vertical-align:initial}.btn-with-arrow:hover .btn-arrow-right{transform:translateX(4px)}.btn-with-arrow:hover .btn-arrow-down{transform:translateY(4px)}.btn:focus-visible{outline:2px solid var(--color-sage-green);outline-offset:2px}.btn-loading{opacity:.7;pointer-events:none}.btn-loading .btn-text:after{animation:ellipsis 1.5s infinite;content:"..."}@keyframes ellipsis{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.navbar{background-color:var(--color-trustworthy-navy);left:0;position:fixed;right:0;top:0;transition:box-shadow .3s ease;z-index:50}.navbar-scrolled{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.navbar-content{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:72rem;padding:0 24px}@media (min-width:768px){.navbar-content{height:80px}}.navbar-brand{align-items:center;display:flex;text-decoration:none}.navbar-cta{background-color:#fff;border:none;color:var(--color-trustworthy-navy);font-weight:var(--font-weight-medium)}.navbar-cta:hover:not(:disabled){background-color:var(--color-porcelain);color:var(--color-trustworthy-navy)}.hero{align-items:center;background-color:var(--color-section-lightest);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:120px 0;position:relative}@media (min-width:768px){.hero{min-height:100vh;padding:140px 0}}@media (min-width:1024px){.hero{min-height:100vh;padding:160px 0}}@media (min-width:1440px){.hero{min-height:100vh;padding:180px 0}}.hero-background{inset:0;position:absolute;z-index:-1}.hero-background-svg{height:100%;left:0;min-height:100vh;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}.hero-background-svg path{fill:var(--color-section-lightest)}.hero-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:72rem;padding:0 24px;position:relative;text-align:center;width:100%;z-index:10}.hero-text{max-width:100%}.hero-title{color:var(--color-trustworthy-navy);font-size:2.25rem;font-weight:var(--font-weight-bold);letter-spacing:-.025em;line-height:1.15;margin-bottom:24px}@media (min-width:768px){.hero-title{font-size:3rem}}@media (min-width:1024px){.hero-title{font-size:3.75rem}}.hero-title-accent{color:var(--color-sage-green)}.hero-subtitle{color:var(--color-trustworthy-navy);font-size:1.125rem;line-height:1.75;margin:0 auto 40px;max-width:42rem}@media (min-width:768px){.hero-subtitle{font-size:1.25rem}}.hero-cta{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;margin-top:0}@media (min-width:640px){.hero-cta{flex-direction:row}}.hero-scroll-indicator{align-items:center;animation:fadeInUp .8s var(--curve-smooth) .6s forwards;background:none;border:none;bottom:40px;color:var(--color-slate-grey);cursor:pointer;display:flex;justify-content:center;left:50%;opacity:0;padding:12px;position:absolute;transform:translateX(-50%);transition:color var(--duration-normal) var(--curve-smooth);z-index:10}.hero-scroll-indicator:hover{color:var(--color-trustworthy-navy)}.hero-scroll-indicator:focus-visible{border-radius:4px;outline:2px solid var(--color-sage-green);outline-offset:4px}.hero-scroll-arrow{animation:scrollBounce 2.5s ease-in-out infinite;filter:drop-shadow(0 1px 2px rgba(0,0,0,.05));height:28px;width:28px}@keyframes scrollBounce{0%,to{opacity:.75;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.hero-scroll-indicator{bottom:32px}}@media (min-width:768px){.hero-scroll-indicator{bottom:48px}}@media (min-width:1024px){.hero-scroll-indicator{bottom:56px}}@media (max-width:767px){.hero{min-height:100vh;padding:100px 0 80px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}}.card{background-color:var(--color-paper-white);border:1px solid var(--color-border-default);border-radius:var(--radius-card);box-shadow:none;padding:var(--spacing-lg);transition:all var(--duration-slow) var(--curve-smooth)}.card-hoverable{cursor:pointer}.card-hoverable:hover{border-color:var(--color-trustworthy-navy);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.card:focus-visible{outline:2px solid var(--color-institutional-gold);outline-offset:2px}.card[role=button]{cursor:pointer}.card[role=button]:active{transform:translateY(-2px)}.features{background-color:var(--color-section-medium);padding:80px 24px}@media (min-width:768px){.features{padding:112px 24px}}@media (min-width:1024px){.features{padding:120px 24px 112px}}@media (min-width:1440px){.features{padding:140px 24px 112px}}.features-container{margin:0 auto;max-width:72rem}.features-header{margin-bottom:64px;text-align:center}.features-title{color:var(--color-trustworthy-navy);font-size:1.875rem;font-weight:var(--font-weight-bold);margin-bottom:16px}@media (min-width:768px){.features-title{font-size:2.25rem}}.features-subtitle{color:var(--color-text-secondary);font-size:1.125rem;margin:0 auto;max-width:42rem}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr;opacity:0;transform:translateY(32px);transition:all .7s ease}@media (min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.features-grid.features-visible{opacity:1;transform:translateY(0)}.feature-card{align-items:flex-start;border:1px solid var(--color-border-default);display:flex;flex-direction:column;padding:24px;text-align:left;transition:all .3s ease}.feature-card:hover{border-color:var(--color-sage-green);transform:translateY(-4px)}.feature-icon-wrapper{align-items:center;background-color:var(--color-sage-light);border-radius:12px;color:var(--color-sage-green);display:flex;height:48px;justify-content:center;margin-bottom:20px;width:48px}.feature-icon,.feature-icon-wrapper svg{color:var(--color-sage-green);height:24px;width:24px}.feature-title{color:var(--color-trustworthy-navy);font-size:1.125rem;font-weight:var(--font-weight-semibold);margin-bottom:12px}.feature-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.75;margin-bottom:16px}.feature-description strong{font-weight:var(--font-weight-bold)}@media (max-width:767px){.features{padding:64px 24px}.features-header{margin-bottom:48px}.features-title{font-size:1.5rem}.features-subtitle{font-size:1rem}}.why-choose{background-color:var(--color-section-strongest);padding:80px 24px}@media (min-width:768px){.why-choose{padding:112px 24px}}.why-choose-container{margin:0 auto;max-width:64rem}.why-choose-header{margin-bottom:56px;text-align:center}.why-choose-title{color:var(--color-trustworthy-navy);font-size:1.875rem;font-weight:var(--font-weight-bold);margin-bottom:16px}@media (min-width:768px){.why-choose-title{font-size:2.25rem}}.why-choose-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr;opacity:0;transform:translateY(32px);transition:all .7s ease}@media (min-width:768px){.why-choose-grid{gap:40px 64px;grid-template-columns:repeat(2,1fr)}}.why-choose-grid.why-choose-visible{opacity:1;transform:translateY(0)}.why-choose-item{display:flex;gap:16px}.why-choose-icon{align-items:center;color:var(--color-sage-green);display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:4px;width:20px}.why-choose-icon svg{height:100%;width:100%}.why-choose-content{flex:1 1}.why-choose-item-title{color:var(--color-trustworthy-navy);font-size:1rem;font-weight:var(--font-weight-semibold);margin-bottom:4px}.why-choose-item-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.75}@media (max-width:767px){.why-choose{padding:80px 24px}.why-choose-header{margin-bottom:48px}.why-choose-title{font-size:1.5rem}.why-choose-grid{gap:24px}}.mid-cta{background-color:var(--color-trustworthy-navy);padding:64px 24px}@media (min-width:768px){.mid-cta{padding:80px 24px}}.mid-cta-container{margin:0 auto;max-width:56rem;text-align:center}.mid-cta-title{color:#fff;font-size:1.5rem;font-weight:var(--font-weight-bold);line-height:1.25;margin-bottom:16px}@media (min-width:768px){.mid-cta-title{font-size:1.875rem}}@media (min-width:1024px){.mid-cta-title{font-size:2.25rem}}.mid-cta-subtitle{color:#fffc;font-size:1.125rem;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:42rem}.mid-cta-button{background-color:var(--color-sage-green);border-radius:8px;color:#fff;font-size:1rem;font-weight:var(--font-weight-semibold);height:48px;padding:0 32px}.mid-cta-button:hover:not(:disabled){background-color:#239f71}@media (max-width:767px){.mid-cta{padding:64px 24px}.mid-cta-title{font-size:1.25rem}.mid-cta-subtitle{font-size:1rem}}.email-signup{background-color:var(--color-background);padding:80px 24px}@media (min-width:768px){.email-signup{padding:112px 24px}}.email-signup-container{margin:0 auto;max-width:42rem;text-align:center}.email-signup-title{color:var(--color-trustworthy-navy);font-size:1.5rem;font-weight:var(--font-weight-bold);line-height:1.25;margin-bottom:16px}@media (min-width:768px){.email-signup-title{font-size:1.875rem}}.email-signup-subtitle{color:var(--color-text-secondary);margin-bottom:32px}.email-signup-form{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:28rem}@media (min-width:640px){.email-signup-form{flex-direction:row}}.email-signup-input{background-color:var(--color-paper-white);border:1px solid var(--color-border-default);border-radius:8px;color:var(--color-text-primary);flex:1 1;font-family:inherit;font-size:var(--font-size-body);height:48px;padding:0 16px;transition:border-color var(--duration-normal) var(--curve-smooth)}.email-signup-input:focus{border-color:var(--color-sage-green);outline:none}.email-signup-input::placeholder{color:var(--color-text-secondary);opacity:.6}.email-signup-button{border-radius:8px;font-size:1rem;font-weight:var(--font-weight-semibold);height:48px;padding:0 24px}@media (min-width:640px){.email-signup-button{flex-shrink:0}}.email-signup-success{align-items:center;display:flex;flex-direction:column;gap:12px}.email-signup-success-icon{align-items:center;color:var(--color-sage-green);display:flex;gap:8px}.email-signup-success-icon svg{height:24px;width:24px}.email-signup-success-text{font-size:1.125rem;font-weight:var(--font-weight-semibold)}.email-signup-success-message{color:var(--color-text-secondary)}@media (max-width:767px){.email-signup{padding:80px 24px}.email-signup-title{font-size:1.25rem}}.footer{background-color:var(--color-trustworthy-navy);color:#fff;padding:64px 24px}.footer-container{margin:0 auto;max-width:72rem}.footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr}@media (min-width:768px){.footer-grid{gap:32px;grid-template-columns:2fr 1fr}}.footer-brand{grid-column:span 1}.footer-description{color:#ffffffb3;font-size:.875rem;line-height:1.75;margin-top:16px}.footer-description strong{color:#fff;font-weight:var(--font-weight-bold)}.footer-section{display:flex;flex-direction:column}.footer-section-title{color:#fff;font-size:.875rem;font-weight:var(--font-weight-semibold);margin-bottom:16px}.footer-links{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.footer-links li{margin:0}.footer-link{color:#ffffffb3;font-size:.875rem;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#fff}.footer-contact{color:#ffffffb3;display:flex;flex-direction:column;font-size:.875rem;gap:8px;list-style:none;margin:0 0 24px;padding:0}.footer-contact li{margin:0}.footer-social{align-items:center;display:flex;gap:16px;margin-top:24px}.footer-social-link{align-items:center;color:#ffffffb3;display:flex;justify-content:center;text-decoration:none;transition:color .2s ease}.footer-social-link:hover{color:var(--color-sage-green)}.footer-social-link svg{height:20px;width:20px}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:48px;padding-top:32px;text-align:center}.footer-copyright{color:#ffffff80;font-size:.875rem;margin:0}@media (max-width:767px){.footer{padding:64px 24px}.footer-grid{gap:40px}}.mobile-sticky-cta{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#fffffff2;border-top:1px solid var(--color-border-default);bottom:0;left:0;padding:16px;position:fixed;right:0;z-index:50}@media (min-width:768px){.mobile-sticky-cta{display:none}}.mobile-sticky-cta-button{border-radius:8px;font-weight:var(--font-weight-semibold);height:48px;width:100%}.landing-page{background-color:var(--color-warm-white);min-height:100vh;overflow-x:hidden;width:100%}.landing-page>section:first-of-type{padding-top:64px}@media (min-width:768px){.landing-page>section:first-of-type{padding-top:80px}}.app-sidebar{background:var(--color-navbar-bg);border-right:1px solid #ffffff1a;bottom:0;color:var(--color-navbar-text);display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:transform var(--duration-normal) var(--curve-smooth);width:240px;z-index:var(--z-sticky)}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:var(--spacing-xl) var(--spacing-lg)}.sidebar-logo{color:var(--color-navbar-text);font-size:var(--font-size-title-2);font-weight:var(--font-weight-bold);margin:0}.sidebar-nav{flex:1 1;overflow-y:auto;padding:var(--spacing-md) 0}.sidebar-nav-item{align-items:center;color:var(--color-navbar-text);display:flex;gap:var(--spacing-md);min-height:var(--touch-target-min);padding:var(--spacing-md) var(--spacing-lg);position:relative;text-decoration:none;transition:all var(--duration-normal) var(--curve-smooth)}.sidebar-nav-item:hover{background:#ffffff1a}.sidebar-nav-item:active{transform:scale(.98)}.nav-item-active{background:#c5a05926;border-left:3px solid var(--color-institutional-gold)}.nav-item-active .nav-item-label{color:var(--color-institutional-gold);font-weight:var(--font-weight-semibold)}.nav-item-icon{align-items:center;display:flex;font-size:20px;height:24px;justify-content:center;width:24px}.nav-item-label{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);transition:color var(--duration-normal) var(--curve-smooth)}.sidebar-footer{border-top:1px solid #ffffff1a;padding:var(--spacing-lg)}.sidebar-footer-text{color:#fff9;font-size:var(--font-size-caption);margin:0;text-align:center}@media (max-width:1023px){.app-sidebar{transform:translateX(-100%)}.sidebar-open{transform:translateX(0)}.sidebar-overlay{animation:fadeIn var(--duration-fast) var(--curve-smooth);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);background:var(--backdrop-overlay);bottom:0;left:0;position:fixed;right:0;top:0;z-index:calc(var(--z-sticky) - 1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}@media (min-width:1024px){.sidebar-overlay{display:none}}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.app-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#f4f5f7cc;border-bottom:1px solid var(--color-border-default);position:-webkit-sticky;position:sticky;top:0;transition:all var(--duration-normal) var(--curve-smooth);z-index:var(--z-sticky)}.app-header-scrolled{background:#ffffffe6;box-shadow:0 2px 8px #0000000d}.app-header-content{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between;margin:0 auto;max-width:1200px;padding:var(--spacing-md) var(--spacing-lg)}.app-header-menu-btn{background:none;border:none;border-radius:var(--radius-button);color:var(--color-text-primary);cursor:pointer;display:none;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--spacing-sm);transition:all var(--duration-fast) var(--curve-smooth)}.app-header-menu-btn:hover{background:#0000000d}.app-header-menu-btn:active{transform:scale(.95)}.menu-icon{align-items:center;display:flex;font-size:24px;justify-content:center}.app-header-title{color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-title-2);font-weight:var(--font-weight-bold);margin:0;text-align:center;transition:font-size var(--duration-normal) var(--curve-smooth)}.app-header:not(.app-header-scrolled) .app-header-title{font-size:var(--font-size-large-title)}.app-header-scrolled .app-header-title{font-size:var(--font-size-title-2)}.app-header-actions{align-items:center;display:flex;gap:var(--spacing-sm);min-width:44px}@media (max-width:1023px){.app-header-menu-btn{align-items:center;display:flex;justify-content:center}.app-header-title{font-size:var(--font-size-title-3);text-align:left}.app-header:not(.app-header-scrolled) .app-header-title{font-size:var(--font-size-title-2)}}@media (min-width:768px) and (max-width:1023px){.app-header-title{font-size:var(--font-size-title-2)}}@media (min-width:1024px){.app-header{display:none}}@supports not ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.app-header{background:var(--color-background)}.app-header-scrolled{background:var(--color-surface)}}.app-layout{background:var(--color-background);display:flex;min-height:100vh}.app-layout-main{display:flex;flex:1 1;flex-direction:column;margin-left:240px;min-width:0;transition:margin-left var(--duration-normal) var(--curve-smooth)}.app-content{flex:1 1;margin:0 auto;max-width:1200px;padding:var(--spacing-xl);width:100%}@media (max-width:1023px){.app-layout-main{margin-left:0}.app-content{padding:var(--spacing-lg) var(--spacing-md)}}@media (min-width:768px) and (max-width:1023px){.app-content{padding:var(--spacing-xl) var(--spacing-lg)}}.placeholder-container{animation:fadeUp .6s var(--curve-smooth);margin:0 auto;max-width:600px;padding:var(--spacing-xl) 0;width:100%}.feature-placeholder{padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}.placeholder-icon{animation:fadeUp .6s var(--curve-smooth) .1s backwards;font-size:64px;margin-bottom:var(--spacing-lg)}.placeholder-title{animation:fadeUp .6s var(--curve-smooth) .2s backwards;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.placeholder-description{animation:fadeUp .6s var(--curve-smooth) .3s backwards;color:var(--color-text-secondary);max-width:500px}.placeholder-description,.placeholder-features{margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto}.placeholder-features{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:400px;text-align:left}.feature-item{align-items:center;animation:fadeUp .6s var(--curve-smooth) backwards;display:flex;gap:var(--spacing-md)}.feature-item:first-child{animation-delay:.4s}.feature-item:nth-child(2){animation-delay:.5s}.feature-item:nth-child(3){animation-delay:.6s}.feature-check{color:var(--color-institutional-gold);flex-shrink:0;font-size:var(--font-size-title-3);font-weight:var(--font-weight-bold)}.feature-text{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.placeholder-actions{animation:fadeUp .6s var(--curve-smooth) .7s backwards;display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-lg)}.placeholder-note{animation:fadeUp .6s var(--curve-smooth) .8s backwards;color:var(--color-text-secondary);margin:0}@media (max-width:767px){.placeholder-container{padding:var(--spacing-lg) 0}.feature-placeholder{padding:var(--spacing-2xl) var(--spacing-lg)}.placeholder-icon{font-size:48px}.placeholder-features{max-width:100%}}.micro-resets-container{animation:fadeUp .6s var(--curve-smooth);margin:0 auto;max-width:900px;padding:var(--spacing-xl) 0;width:100%}.micro-resets-header{margin-bottom:var(--spacing-2xl);text-align:center}.micro-resets-header h1{color:var(--color-text-primary);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);text-transform:lowercase}.micro-resets-header .description{color:var(--color-text-secondary);margin:0 auto;max-width:600px}.category-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-xl)}.category-filter{background:var(--color-paper-white);border:1px solid var(--color-border-default);border-radius:var(--radius-button);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--duration-normal) var(--curve-smooth)}.category-filter:hover{background:var(--color-porcelain);border-color:var(--color-trustworthy-navy)}.category-filter.active{background:var(--color-trustworthy-navy);border-color:var(--color-trustworthy-navy);color:var(--color-paper-white)}.resets-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:var(--spacing-xl)}.reset-card{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center}.reset-icon{font-size:48px;margin-bottom:var(--spacing-sm)}.reset-name{color:var(--color-text-primary);margin:0}.reset-duration{color:var(--color-text-secondary);margin:0}.reset-start-button{margin-top:var(--spacing-sm);width:100%}.micro-resets-active-card{margin:0 auto;max-width:500px;padding:var(--spacing-2xl);text-align:center}.active-header{align-items:center;display:flex;margin-bottom:var(--spacing-xl)}.back-button{background:none;border:none;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-body);margin-right:var(--spacing-md);padding:var(--spacing-sm);transition:color var(--duration-normal) var(--curve-smooth)}.back-button:hover{color:var(--color-trustworthy-navy)}.active-title{color:var(--color-text-primary);flex:1 1;margin:0}.timer-display{display:flex;justify-content:center;margin:var(--spacing-2xl) 0}.timer-circle{height:200px;position:relative;width:200px}.timer-svg{height:100%;transform:rotate(-90deg);width:100%}.timer-circle-bg{fill:none;stroke:var(--color-porcelain);stroke-width:8}.timer-circle-progress{fill:none;stroke:var(--color-sage-green);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.timer-text{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.timer-time{color:var(--color-text-primary);font-size:36px;font-weight:var(--font-weight-bold);line-height:1.2}.timer-label{color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.instruction-card{align-items:center;background:var(--color-porcelain);border-radius:var(--radius-card);display:flex;justify-content:center;margin:var(--spacing-xl) 0;min-height:80px;padding:var(--spacing-xl)}.instruction-text{line-height:var(--line-height-relaxed);margin:0;text-align:center}.active-controls{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-xl)}.active-controls .btn{flex:1 1;max-width:150px}.progress-indicator{margin-top:var(--spacing-lg)}.progress-bar{background:var(--color-porcelain);border-radius:2px;height:4px;overflow:hidden;width:100%}.progress-fill{background:var(--color-sage-green);border-radius:2px;height:100%;transition:width 1s linear}@media (max-width:767px){.micro-resets-container{padding:var(--spacing-lg) 0}.resets-grid{gap:var(--spacing-md);grid-template-columns:1fr}.timer-circle{height:160px;width:160px}.timer-time{font-size:28px}.micro-resets-active-card{padding:var(--spacing-xl) var(--spacing-lg)}.active-controls{flex-direction:column}.active-controls .btn{max-width:100%}}.settings-container{animation:fadeUp .6s var(--curve-smooth);margin:0 auto;max-width:800px;padding:var(--spacing-xl) 0;width:100%}.settings-header{margin-bottom:var(--spacing-2xl);text-align:center}.settings-header h1{color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.settings-header .description{color:var(--color-text-secondary);margin:0 auto;max-width:600px}.settings-sections{display:flex;flex-direction:column;gap:var(--spacing-xl)}.settings-section-card{padding:var(--spacing-xl)}.section-header{align-items:flex-start;display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.section-icon{flex-shrink:0;font-size:32px}.section-title-group{flex:1 1}.section-title{color:var(--color-text-primary);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0;text-transform:lowercase}.section-description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.blocker-controls{gap:var(--spacing-xl)}.blocker-controls,.toggle-group{display:flex;flex-direction:column}.toggle-group{gap:var(--spacing-sm)}.toggle-label{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-md);justify-content:space-between}.toggle-text{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.toggle-switch{flex-shrink:0;height:28px;position:relative;width:52px}.toggle-input{height:0;opacity:0;position:absolute;width:0}.toggle-slider{background-color:var(--color-light-grey);border-radius:28px;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all var(--duration-normal) var(--curve-smooth)}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:22px;left:3px;width:22px}.toggle-input:checked+.toggle-slider{background-color:var(--color-sage-green)}.toggle-input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-input:focus-visible+.toggle-slider{outline:2px solid var(--color-sage-green);outline-offset:2px}.toggle-status{color:var(--color-text-secondary);margin:0;padding-left:var(--spacing-md)}.active-status{color:var(--color-sage-green);font-weight:var(--font-weight-medium)}.blocker-info-card{background:var(--color-porcelain);border-radius:var(--radius-card);margin-top:var(--spacing-md);padding:var(--spacing-lg)}.info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.info-title{margin:0}.info-title,.info-toggle{color:var(--color-text-primary)}.info-toggle{align-items:center;background:none;border:1px solid var(--color-border-default);border-radius:var(--radius-button);cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;transition:all var(--duration-normal) var(--curve-smooth);width:28px}.info-toggle:hover{background:var(--color-paper-white);border-color:var(--color-trustworthy-navy)}.extension-instructions{animation:fadeUp .3s var(--curve-smooth)}.instruction-text{color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.extension-list{color:var(--color-text-primary);line-height:var(--line-height-relaxed);margin:var(--spacing-md) 0;padding-left:var(--spacing-xl)}.extension-list li{margin-bottom:var(--spacing-sm)}.extension-link{color:var(--color-sage-green);font-weight:var(--font-weight-medium);text-decoration:none}.extension-link:hover{text-decoration:underline}.instruction-note{color:var(--color-text-secondary);font-style:italic;margin-top:var(--spacing-md)}.blocked-sites-section{margin-top:var(--spacing-lg)}.sites-title{color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.sites-description{color:var(--color-text-secondary)}.sites-description,.sites-list{margin-bottom:var(--spacing-lg)}.sites-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);min-height:40px}.site-tag{align-items:center;background:var(--color-porcelain);border:1px solid var(--color-border-default);border-radius:var(--radius-button);display:inline-flex;font-size:var(--font-size-body);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.site-name{color:var(--color-text-primary)}.site-remove{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:20px;height:20px;justify-content:center;line-height:1;padding:0;transition:all var(--duration-fast) var(--curve-smooth);width:20px}.site-remove:hover{background:var(--color-light-grey);color:var(--color-text-primary)}.add-site-form{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.site-input{background:var(--color-paper-white);border:1px solid var(--color-border-default);border-radius:var(--radius-button);color:var(--color-text-primary);flex:1 1;font-family:inherit;font-size:var(--font-size-body);padding:var(--spacing-md);transition:all var(--duration-normal) var(--curve-smooth)}.site-input:focus{border-color:var(--color-sage-green);box-shadow:0 0 0 3px #0a25401a;outline:none}.site-input::placeholder{color:var(--color-text-secondary)}.copy-sites-button{width:100%}.timer-settings{gap:var(--spacing-lg)}.setting-item,.timer-settings{display:flex;flex-direction:column}.setting-item{gap:var(--spacing-sm)}.setting-label{font-weight:var(--font-weight-medium)}.setting-input,.setting-label{color:var(--color-text-primary)}.setting-input{background:var(--color-paper-white);border:1px solid var(--color-border-default);border-radius:var(--radius-button);font-family:inherit;font-size:var(--font-size-body);max-width:200px;padding:var(--spacing-md);transition:all var(--duration-normal) var(--curve-smooth);width:100%}.setting-input:focus{border-color:var(--color-sage-green);box-shadow:0 0 0 3px #0a25401a;outline:none}.notification-settings{display:flex;flex-direction:column;gap:var(--spacing-lg)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.settings-container{padding:var(--spacing-lg) 0}.settings-section-card{padding:var(--spacing-lg)}.section-header{flex-direction:column;gap:var(--spacing-md)}.section-icon{font-size:24px}.add-site-form{flex-direction:column}.setting-input{max-width:100%}}.App{background-color:var(--color-warm-white);min-height:100vh;width:100%}
/*# sourceMappingURL=main.5e92534b.css.map*/