.toast-container{top:max(1rem,calc(env(safe-area-inset-top,0px) + 1rem));right:max(1rem,calc(env(safe-area-inset-right,0px) + 1rem));z-index:10000;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed}.toast{pointer-events:auto;cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;min-width:280px;max-width:400px;padding:.875rem 1rem;font-size:.95rem;transition:opacity .2s,transform .2s;animation:.3s ease-out toast-slide-in;display:flex;box-shadow:0 4px 12px #00000026}.toast:hover{transform:translate(-4px)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-success{color:#fff;background:#10b981}.toast-error{color:#fff;background:#ef4444}.toast-warning{color:#fff;background:#f59e0b}.toast-info{color:#fff;background:#3b82f6}.toast-icon{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:1.1rem;font-weight:700;display:flex}.toast-message{flex:1;line-height:1.4}.toast-close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;font-size:1.25rem;display:flex}.toast-close:hover{opacity:1}@media (max-width:480px){.toast-container{left:max(.5rem,calc(env(safe-area-inset-left,0px) + .5rem));right:max(.5rem,calc(env(safe-area-inset-right,0px) + .5rem))}.toast{min-width:auto;max-width:none}}.offline-indicator{bottom:max(1rem,calc(env(safe-area-inset-bottom,0px) + 1rem));z-index:9999;color:#fff;background:#1f2937;border-radius:24px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;animation:.3s ease-out offline-slide-up;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000040}@keyframes offline-slide-up{0%{opacity:0;transform:translate(-50%)translateY(100%)}to{opacity:1;transform:translate(-50%)translateY(0)}}.offline-icon{font-size:1.1rem}*{box-sizing:border-box;margin:0;padding:0}:root{--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:20px;--spacing-xl:24px;--spacing-2xl:32px;--content-padding-horizontal:max(var(--spacing-lg),var(--safe-area-inset-left),var(--safe-area-inset-right));--content-padding-top:max(var(--spacing-md),var(--safe-area-inset-top));--content-padding-bottom:max(var(--spacing-md),var(--safe-area-inset-bottom));--color-primary:#6f4e37;--color-primary-dark:#5a3d2b;--color-primary-light:#8b6f47;--color-accent:#d4a574;--color-text:#2d2d2d;--color-text-light:#6b6b6b;--color-bg:#fff;--color-bg-subtle:#fafaf8;--color-surface:#fff;--color-border:#e8e8e8;--shadow-sm:0 1px 3px #6f4e3714;--shadow-md:0 4px 12px #6f4e371f;--shadow-lg:0 10px 20px #6f4e3726;--shadow-xl:0 20px 30px #6f4e3733;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.6}body{background:var(--color-bg);min-width:320px;min-height:100vh;margin:0}a{color:var(--color-text-light);font-weight:500;text-decoration:none;transition:color .2s}a:hover{color:var(--color-text)}h1{color:var(--color-text);letter-spacing:-.02em;font-size:2.5rem;font-weight:700;line-height:1.2}h2{color:var(--color-text);letter-spacing:-.01em;font-size:2rem;font-weight:600;line-height:1.3}h3{color:var(--color-text);font-size:1.5rem;font-weight:600;line-height:1.4}p{color:var(--color-text-light);line-height:1.7}button{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .2s}button.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-md);letter-spacing:-.01em;font-weight:600}button.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-1px)}button.btn-primary:active{transform:translateY(0)}button.btn-secondary{background:var(--color-primary-light);color:#fff;box-shadow:var(--shadow-sm);font-weight:600}button.btn-secondary:hover{background:var(--color-primary);box-shadow:var(--shadow-md)}button.btn-outline{color:var(--color-text);border:1px solid var(--color-border);background:0 0}button.btn-outline:hover{background:var(--color-surface);border-color:var(--color-text-light)}input,select,textarea{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.landing{min-height:100vh;background:var(--color-bg);min-height:-webkit-fill-available;padding-top:env(safe-area-inset-top,0px)}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:1000;padding-top:env(safe-area-inset-top,0px);background:#fffffffa;position:sticky;top:0;box-shadow:0 1px 3px #6f4e370d}.nav-content{max-width:1280px;padding:1.25rem max(2rem,calc(env(safe-area-inset-right,0px) + 20px))1.25rem max(2rem,calc(env(safe-area-inset-left,0px) + 20px));justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo{align-items:center;gap:.625rem;display:flex}.logo-img{object-fit:contain;width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:10px}.logo-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:10px;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.logo-text{color:var(--color-text);letter-spacing:-.03em;font-size:1.5rem;font-weight:700}.logo-pro{color:var(--color-primary)}.nav-links{align-items:center;gap:1rem;display:flex}.nav-link{color:var(--color-text-light);border-radius:8px;padding:.5rem 1rem;font-size:.95rem;font-weight:500;transition:all .3s;position:relative}.nav-link:hover{color:var(--color-primary);background:#6f4e3714;transform:translateY(-1px)}.nav-link:after{content:"";background:var(--color-primary);width:80%;height:2px;transition:transform .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}.nav-link:hover:after{transform:translate(-50%)scaleX(1)}.nav-link-login{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:50px;padding:.625rem 1.5rem;font-weight:600;box-shadow:0 2px 8px #6f4e3733;color:#fff!important}.nav-link-login:after{display:none}.nav-link-login:hover{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));transform:translateY(-2px);box-shadow:0 4px 14px #6f4e3759;color:#fff!important}.btn-nav{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border:none;border-radius:50px;padding:.625rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #6f4e3733}.btn-nav:hover{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));transform:translateY(-2px);box-shadow:0 4px 14px #6f4e3759}.mobile-menu-btn{color:var(--color-text);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}.hero{max-width:1280px;padding:5rem max(2rem,calc(env(safe-area-inset-right,0px) + 20px))4rem max(2rem,calc(env(safe-area-inset-left,0px) + 20px));text-align:center;margin:0 auto}.hero-content{max-width:800px;margin:0 auto}.trust-badge{color:var(--color-primary-dark);background:#6f4e3714;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;display:inline-flex}.badge-dot{background:var(--color-primary);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.hero-title{color:var(--color-text);letter-spacing:-.04em;margin-bottom:1.5rem;font-size:3.75rem;font-weight:800;line-height:1.1}.highlight{color:var(--color-primary);display:inline-block;position:relative}.hero-subtitle{color:var(--color-text-light);max-width:540px;margin-bottom:2.5rem;font-size:1.25rem;line-height:1.7}.hero-actions{justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.btn-large{border-radius:var(--radius-md);padding:1rem 2rem;font-size:1.05rem}.btn-hero{box-shadow:0 4px 14px #6f4e3740}.hero-benefits{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:3rem;display:flex}.benefit-item{color:var(--color-text-light);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.hero-visual{justify-content:center;align-items:center;margin-top:3rem;display:flex}.calendar-mockup{border-radius:var(--radius-xl);border:1px solid var(--color-border);background:#fff;width:100%;max-width:600px;overflow:hidden;box-shadow:0 20px 60px #6f4e3726}.calendar-header{background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.calendar-dots{gap:.5rem;display:flex}.calendar-dots span{background:#cbd5e1;border-radius:50%;width:12px;height:12px}.calendar-dots span:first-child{background:#ef4444}.calendar-dots span:nth-child(2){background:#f59e0b}.calendar-dots span:nth-child(3){background:#10b981}.calendar-url{color:var(--color-text-light);font-size:.875rem;font-weight:500}.calendar-grid{padding:1.5rem}.calendar-day-labels{grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.day-label{text-align:center;color:var(--color-text-light);font-size:.875rem;font-weight:600}.calendar-dates{grid-template-columns:repeat(7,1fr);gap:.5rem;display:grid}.calendar-date{aspect-ratio:1;border-radius:var(--radius-sm);flex-direction:column;justify-content:center;align-items:center;font-size:.95rem;font-weight:500;transition:all .2s;display:flex;position:relative}.calendar-date.other-month{color:#cbd5e1}.calendar-date.current-month{color:var(--color-text)}.calendar-date.has-event{color:var(--color-primary-dark);background:#6f4e371a;font-weight:600}.event-dot{background:var(--color-primary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:6px}.features{background:var(--color-bg-subtle);padding:6rem 2rem}.features-header{text-align:center;max-width:800px;margin:0 auto 4rem}.section-badge{color:var(--color-primary);border:1px solid var(--color-border);background:#fff;border-radius:50px;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-block}.section-title{color:var(--color-text);letter-spacing:-.03em;margin-bottom:1.5rem;font-size:3rem;font-weight:800;line-height:1.2}.highlight-alt{color:var(--color-primary)}.section-subtitle{color:var(--color-text-light);max-width:640px;margin:0 auto;font-size:1.125rem;line-height:1.7}.features-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem;max-width:1280px;margin:0 auto;display:grid}.feature-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#fff;padding:2.5rem;transition:all .3s}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:#6f4e3733;transform:translateY(-4px)}.feature-icon-box{border-radius:var(--radius-md);width:64px;height:64px;color:var(--color-primary);background:linear-gradient(135deg,#6f4e371a,#6f4e370d);justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.feature-card h3{color:var(--color-text);letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.375rem;font-weight:700}.feature-card p{color:var(--color-text-light);font-size:1rem;line-height:1.7}.cta-section{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)100%);padding:6rem 2rem;position:relative;overflow:hidden}.cta-section:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg width=\"100\" height=\"100\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"40\" fill=\"rgba(255,255,255,0.03)\"/></svg>");position:absolute;inset:0}.cta-content{text-align:center;z-index:1;max-width:900px;margin:0 auto;position:relative}.cta-title{color:#fff;letter-spacing:-.03em;margin-bottom:1.5rem;font-size:3rem;font-weight:800;line-height:1.2}.cta-subtitle{color:#ffffffe6;max-width:640px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.25rem;line-height:1.7}.cta-actions{justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.btn-cta{color:var(--color-primary);background:#fff}.btn-cta:hover{background:var(--color-bg-subtle);color:var(--color-primary-dark)}.btn-outline{color:#fff;background:0 0;border:2px solid #ffffff4d}.btn-outline:hover{background:#ffffff1a;border-color:#fff}.cta-stats{border-top:1px solid #fff3;justify-content:center;gap:4rem;padding-top:2rem;display:flex}.stat-item{text-align:center}.stat-value{color:#fff;letter-spacing:-.02em;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.footer{color:#a0a0a0;padding:4rem max(2rem,calc(env(safe-area-inset-right,0px) + 20px))calc(env(safe-area-inset-bottom,0px) + 2rem)max(2rem,calc(env(safe-area-inset-left,0px) + 20px));background:#1a1a1a}.footer-content{grid-template-columns:2fr 3fr;gap:4rem;max-width:1280px;margin:0 auto 3rem;display:grid}.footer-brand .logo{margin-bottom:1rem}.footer-brand .logo-text,.footer-brand .logo-pro{color:#fff}.footer-tagline{color:gray;max-width:320px;margin-bottom:1.5rem;font-size:.95rem;line-height:1.7}.social-links{gap:1rem;display:flex}.social-link{color:#a0a0a0;background:#2a2a2a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;transition:all .2s;display:flex}.social-link:hover{background:var(--color-primary);color:#fff}.footer-links{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.footer-column h4{color:#fff;letter-spacing:-.01em;margin-bottom:1.25rem;font-size:.95rem;font-weight:600}.footer-column a{color:gray;margin-bottom:.875rem;font-size:.9rem;transition:color .2s;display:block}.footer-column a:hover{color:#fff}.footer-bottom{color:#606060;border-top:1px solid #2a2a2a;justify-content:space-between;max-width:1280px;margin:0 auto;padding-top:2rem;font-size:.875rem;display:flex}@media (max-width:1024px){.hero{grid-template-columns:1fr;gap:3rem}.hero-visual{order:-1}.cta-stats{gap:2rem}.footer-content{grid-template-columns:1fr;gap:3rem}}@media (max-width:768px){.nav-content{padding:1rem max(1rem,calc(env(safe-area-inset-right,0px) + 16px))1rem max(1rem,calc(env(safe-area-inset-left,0px) + 16px))}.nav-links{display:none}.mobile-menu-btn{min-width:44px;min-height:44px;display:block}.hero{padding:3rem max(1.5rem,calc(env(safe-area-inset-right,0px) + 16px))3rem max(1.5rem,calc(env(safe-area-inset-left,0px) + 16px))}.hero-title{font-size:2.5rem}.section-title,.cta-title{font-size:2rem}.features-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}.footer-bottom{text-align:center;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 1.5rem);flex-direction:column;gap:1rem}.btn-nav,.btn-primary{min-height:48px;padding:.875rem 1.5rem}}.login-page{min-height:100vh;min-height:-webkit-fill-available;padding:calc(var(--safe-area-inset-top,0px) + 20px)calc(var(--safe-area-inset-right,0px) + 20px)calc(var(--safe-area-inset-bottom,0px) + 20px)calc(var(--safe-area-inset-left,0px) + 20px);background:#fff;justify-content:center;align-items:center;display:flex;position:relative}.login-container{width:100%;max-width:420px;box-shadow:none;z-index:1;background:0 0;border-radius:0;display:block;position:relative}@media (max-width:768px){.login-page{background:var(--color-bg)}.login-container{max-width:420px}}.login-form-panel{background:0 0;align-items:center;padding:0;display:flex}.form-content{width:100%;max-width:400px;margin:0 auto}.form-header{text-align:center;margin-bottom:2rem}.form-logo{width:100px;height:auto;margin:0 auto 1.5rem;display:block}.form-title{color:#1a0f09;letter-spacing:-.02em;margin-bottom:.5rem;font-size:2rem;font-weight:700}.form-subtitle{color:#6b5847;font-size:1rem}.alert-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;font-size:.95rem;display:flex}.alert-icon{flex-shrink:0;width:20px;height:20px}.login-form{flex-direction:column;gap:1.5rem;display:flex}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-label{color:#2d1810;font-size:.95rem;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#6b5847;pointer-events:none;width:20px;height:20px;position:absolute;left:1rem}.input-field{color:#1a0f09;background:#fff;border:2px solid #e5e7eb;border-radius:12px;width:100%;padding:.875rem 1rem .875rem 3rem;font-family:inherit;font-size:1rem;transition:all .2s}.input-field::placeholder{color:#9ca3af}.input-field:focus{border-color:#2d1810;outline:none;box-shadow:0 0 0 3px #2d18101a}.password-toggle{cursor:pointer;color:#6b5847;background:0 0;border:none;align-items:center;padding:.25rem;transition:color .2s;display:flex;position:absolute;right:1rem}.password-toggle:hover{color:#2d1810}.password-toggle svg{width:20px;height:20px}.submit-button{color:#fff;cursor:pointer;background:#2d1810;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 16px #2d181033}.submit-button:hover:not(:disabled){background:#1a0f09;transform:translateY(-2px);box-shadow:0 6px 24px #2d18104d}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.spinner{width:20px;height:20px;animation:1s linear infinite spin}.spinner-circle{stroke-dasharray:50;stroke-dashoffset:25px;opacity:.25}@keyframes spin{to{transform:rotate(360deg)}}.demo-section{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:2rem}.demo-title{color:#6b5847;text-align:center;margin-bottom:1rem;font-size:.9rem;font-weight:600}.demo-buttons{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.demo-btn{color:#2d1810;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.demo-btn:hover{background:#f8f9fa;border-color:#2d1810;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.demo-icon{width:18px;height:18px}.footer-links{text-align:center;margin-top:1.5rem}.footer-link{color:#6b5847;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.footer-link:hover{color:#2d1810}@media (max-width:768px){.login-page{padding:calc(var(--safe-area-inset-top,0px) + 16px)calc(var(--safe-area-inset-right,0px) + 16px)calc(var(--safe-area-inset-bottom,0px) + 24px)calc(var(--safe-area-inset-left,0px) + 16px)}}@media (max-width:640px){.login-page{background:#fff;padding:0}.login-container{box-shadow:none;border-radius:0}.login-form-panel{padding:calc(env(safe-area-inset-top,0px) + 20px)20px calc(env(safe-area-inset-bottom,0px) + 24px)20px;min-height:100vh;min-height:-webkit-fill-available}.form-content{padding-top:0}.form-header{margin-top:0;margin-bottom:2rem;padding-top:0}.form-logo{width:100px;margin-top:0;padding-top:0}.form-title{font-size:1.75rem}.demo-buttons{grid-template-columns:1fr}.submit-button{min-height:52px}}.onboarding-screen{min-height:100vh;min-height:-webkit-fill-available;padding:calc(var(--safe-area-inset-top,0px) + 20px)calc(var(--safe-area-inset-right,0px) + 20px)calc(var(--safe-area-inset-bottom,0px) + 24px)calc(var(--safe-area-inset-left,0px) + 20px);background:#f8f9fa;flex-direction:column;display:flex;position:relative;overflow:hidden}.onboarding-header{z-index:10;justify-content:center;align-items:center;margin-bottom:1rem;padding:0;display:flex;position:relative}.skip-button{color:#6f4e37;cursor:pointer;z-index:10;background:0 0;border:none;border-radius:20px;padding:.625rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s;position:absolute;top:0;right:0}.skip-button:hover{background:#6f4e3714}.slide-container{z-index:5;flex:1;justify-content:center;align-items:center;padding:1rem 0;display:flex;position:relative}.slide-content{flex-direction:column;gap:2rem;width:100%;max-width:450px;animation:.5s ease-out fadeSlideIn;display:flex}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-illustration{justify-content:center;align-items:center;min-height:320px;display:flex}.illustration-wrapper{background:#fff;border-radius:32px;justify-content:center;align-items:center;width:280px;height:280px;padding:2rem;display:flex;position:relative;box-shadow:0 10px 40px #6f4e3714,0 2px 8px #6f4e370a}.illustration-wrapper:before{content:"";opacity:.05;z-index:-1;background:linear-gradient(135deg,#6f4e37 0%,#8b6f47 100%);border-radius:32px;position:absolute;inset:-2px}.slide-icon{filter:drop-shadow(0 10px 20px #6f4e3726);font-size:7rem;line-height:1;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-12px)scale(1.02)}}.slide-text{text-align:center;padding:0 1rem}.slide-title{color:#2d1810;letter-spacing:-.02em;margin-bottom:.75rem;font-size:1.75rem;font-weight:700;line-height:1.3}.slide-subtitle{color:#6b5847;max-width:380px;margin:0 auto;font-size:1rem;font-weight:400;line-height:1.6}.pagination-dots{z-index:10;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex;position:relative}.dot{cursor:pointer;background:#d4c4b0;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.dot:hover{background:#8b6f47;transform:scale(1.2)}.dot.active{background:#6f4e37;border-radius:4px;width:28px}.navigation-buttons{z-index:10;justify-content:space-between;gap:.75rem;padding:0 0 8px;display:flex;position:relative}.nav-button{cursor:pointer;letter-spacing:-.01em;border:none;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:.5rem;min-height:52px;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-button.full-width{flex:100%}.nav-back{color:#6f4e37;background:#fff;border:2px solid #e8dfd2;max-width:100px;box-shadow:0 2px 8px #6f4e370f}.nav-back:hover{background:#fafaf8;border-color:#6f4e37;transform:translate(-2px);box-shadow:0 4px 12px #6f4e371a}.nav-next{color:#fff;background:#2d1810;box-shadow:0 4px 16px #2d181033}.nav-next:hover{background:#1a0f09;transform:translateY(-2px);box-shadow:0 6px 24px #2d18104d}.nav-next:active{transform:translateY(0)}.nav-icon{width:18px;height:18px}@media (max-width:640px){.onboarding-screen{padding:calc(var(--safe-area-inset-top,0px) + 16px)calc(var(--safe-area-inset-right,0px) + 16px)calc(var(--safe-area-inset-bottom,0px) + 20px)calc(var(--safe-area-inset-left,0px) + 16px)}.slide-illustration{min-height:280px}.illustration-wrapper{width:240px;height:240px;padding:1.5rem}.slide-icon{font-size:5.5rem}.slide-title{font-size:1.5rem}.slide-subtitle{font-size:.95rem}.nav-button{min-height:50px;padding:.875rem 1.25rem;font-size:.95rem}}@media (max-width:480px){.illustration-wrapper{width:220px;height:220px}.slide-icon{font-size:4.5rem}.slide-title{font-size:1.35rem}.slide-subtitle{font-size:.9rem}}@media (prefers-reduced-motion:reduce){.slide-content,.slide-icon,.nav-button,.dot{transition:none;animation:none}}.booking-page{min-height:100vh;background:var(--color-bg);min-height:-webkit-fill-available;padding:calc(env(safe-area-inset-top,0px) + 2rem)max(2rem,calc(env(safe-area-inset-right,0px) + 20px))calc(env(safe-area-inset-bottom,0px) + 2rem)max(2rem,calc(env(safe-area-inset-left,0px) + 20px))}.booking-container{max-width:600px;padding-top:2rem;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px);margin:0 auto}.booking-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md);border-radius:12px;padding:2.5rem}.back-link{color:var(--color-text-light);margin-bottom:1.5rem;font-size:.95rem;display:inline-block}.back-link:hover{color:var(--color-text)}.booking-title{color:var(--color-text);margin-bottom:.5rem;font-size:2rem}.step-indicator{color:var(--color-text-light);margin-bottom:2rem;font-size:.95rem}.booking-form,.form-section{flex-direction:column;gap:1.5rem;display:flex}.form-group input,.form-group select{width:100%}.time-slots{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;margin-top:.5rem;display:grid}.time-slot{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;cursor:pointer;border-radius:8px;padding:.75rem;font-weight:500;transition:all .2s}.time-slot:hover{border-color:var(--color-primary);background:#2563eb0d}.time-slot.selected{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.form-actions{gap:1rem;margin-top:1rem;display:flex}.form-actions button{flex:1}.btn-back{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.btn-back:hover{background:var(--color-surface);border-color:var(--color-text-light)}.btn-next,.btn-book{background:var(--color-primary);color:#fff}.btn-next:hover,.btn-book:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md)}.btn-book:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:.875rem;font-size:.9rem}.success-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md);text-align:center;border-radius:12px;padding:3rem 2.5rem}.success-icon{color:#fff;width:80px;height:80px;box-shadow:var(--shadow-xl);background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:3rem;display:flex}.success-card h1{color:var(--color-text);margin-bottom:.75rem;font-size:2rem}.success-card>p{color:var(--color-text-light);margin-bottom:2rem}.booking-details{background:var(--color-bg);text-align:left;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.booking-details p{color:var(--color-text);margin-bottom:.75rem}.booking-details strong{margin-right:.5rem;font-weight:600}.loading-text{color:var(--color-text-light);text-align:center;padding:1rem;font-size:.95rem}.no-slots-message{color:var(--color-text-light);text-align:center;background:var(--color-bg);border:1px dashed var(--color-border);border-radius:8px;padding:1.5rem;font-size:.95rem}@media (max-width:768px){.booking-page{padding:calc(env(safe-area-inset-top,0px) + 1rem)max(1rem,calc(env(safe-area-inset-right,0px) + 16px))calc(env(safe-area-inset-bottom,0px) + 1.5rem)max(1rem,calc(env(safe-area-inset-left,0px) + 16px))}.booking-container{padding-top:1rem;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px)}.booking-card{border-radius:10px;padding:1.5rem}.time-slots{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.form-actions button{min-height:48px;font-size:1rem}}.dashboard-page{min-height:100vh;min-height:-webkit-fill-available;padding-top:env(safe-area-inset-top,0px);background:#f5f7fa}.dashboard-nav{padding:1rem 0;padding-top:calc(env(safe-area-inset-top,0px) + 1rem);background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 10px #0000000d}.nav-content{max-width:1200px;padding:0 max(2rem,calc(env(safe-area-inset-left,0px) + 20px));padding-right:max(2rem,calc(env(safe-area-inset-right,0px) + 20px));justify-content:space-between;align-items:center;margin:0 auto;display:flex}.user-email{color:#333;font-weight:500}.user-role{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:.4rem .9rem;font-size:.85rem;font-weight:600}.btn-logout{color:#333;cursor:pointer;background:#f5f5f5;border:none;border-radius:8px;padding:.6rem 1.5rem;font-weight:600;transition:all .2s}.btn-logout:hover{background:#e0e0e0}.dashboard-container{max-width:1200px;padding:2rem max(2rem,calc(env(safe-area-inset-left,0px) + 20px));padding-right:max(2rem,calc(env(safe-area-inset-right,0px) + 20px));padding-bottom:calc(env(safe-area-inset-bottom,0px) + 3rem);margin:0 auto}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{color:#1a1a2e;margin-bottom:.5rem;font-size:2.5rem}.date-display{color:#666;font-size:1.1rem}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.stat-card{text-align:center;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 15px #00000014}.stat-number{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:700}.stat-label{color:#666;font-size:1.1rem;font-weight:500}.empty-state{text-align:center;background:#fff;border-radius:16px;padding:4rem 2rem;box-shadow:0 4px 15px #00000014}.empty-icon{margin-bottom:1.5rem;font-size:4rem}.empty-state h2{color:#1a1a2e;margin-bottom:.5rem}.appointments-list{flex-direction:column;gap:1rem;display:flex}.appointment-card{background:#fff;border-radius:16px;grid-template-columns:140px 1fr auto;align-items:center;gap:1.5rem;padding:1.5rem;transition:all .2s;display:grid;box-shadow:0 4px 15px #00000014}.appointment-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.appointment-time{flex-direction:column;gap:.25rem;display:flex}.time-start{color:#1a1a2e;font-size:1.4rem;font-weight:700}.time-end{color:#666;font-size:.95rem}.appointment-details{min-width:0}.customer-name{color:#1a1a2e;margin-bottom:.25rem;font-size:1.2rem;font-weight:600}.customer-email{color:#666;margin:0}.status-badge{text-transform:capitalize;border-radius:20px;padding:.5rem 1.2rem;font-size:.9rem;font-weight:600}.status-badge.scheduled{color:#2d7a2d;background:#e7f5e7}.status-badge.cancelled{color:#c33;background:#fee}@media (max-width:768px){.nav-content{padding:0 max(1rem,calc(env(safe-area-inset-left,0px) + 16px));padding-right:max(1rem,calc(env(safe-area-inset-right,0px) + 16px))}.dashboard-container{padding:1.5rem max(1rem,calc(env(safe-area-inset-left,0px) + 16px));padding-right:max(1rem,calc(env(safe-area-inset-right,0px) + 16px));padding-bottom:calc(env(safe-area-inset-bottom,0px) + 2rem)}.appointment-card{grid-template-columns:1fr;gap:1rem}.appointment-time{flex-direction:row;gap:1rem}.stats-cards{grid-template-columns:1fr}}.admin-dashboard{min-height:100vh;background:var(--color-bg);min-height:-webkit-fill-available;padding-top:env(safe-area-inset-top,0px)}.admin-nav{border-bottom:1px solid var(--color-border);padding:calc(env(safe-area-inset-top,0px) + 1rem)max(2rem,calc(env(safe-area-inset-right,0px) + 20px))1rem max(2rem,calc(env(safe-area-inset-left,0px) + 20px));z-index:100;box-shadow:var(--shadow-sm);background:#fff;position:sticky;top:0}.admin-nav .nav-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.logo-text{color:var(--color-text);margin:0;font-size:1.5rem;font-weight:700}.nav-right{align-items:center;gap:1rem;display:flex}.user-email{color:var(--color-text-light);font-size:.9rem}.btn-logout{color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.btn-logout:hover{background:var(--color-bg-subtle);border-color:var(--color-text-light)}.admin-container{max-width:1400px;padding:2rem max(2rem,calc(env(safe-area-inset-right,0px) + 20px))calc(env(safe-area-inset-bottom,0px) + 2rem)max(2rem,calc(env(safe-area-inset-left,0px) + 20px));margin:0 auto}.admin-header{margin-bottom:2rem}.admin-header h1{color:var(--color-text);margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.tabs{border-bottom:2px solid var(--color-border);gap:1rem;margin-bottom:2rem;display:flex}.tab{color:var(--color-text-light);cursor:pointer;background:0 0;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s;position:relative}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-primary)}.tab.active:after{content:"";background:var(--color-primary);height:2px;position:absolute;bottom:-2px;left:0;right:0}.section-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.section-header h2{color:var(--color-text);font-size:1.5rem;font-weight:700}.btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.create-form{border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:2rem;padding:2rem}.form-note{border-radius:var(--radius-sm);color:#1e40af;background:#dbeafe;border:1px solid #93c5fd;margin-bottom:1.5rem;padding:1rem;font-size:.9rem}.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.form-group input,.form-group select{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.75rem;font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6f4e371a}.form-hint{color:var(--color-text-light);font-size:.8rem;font-style:italic}.items-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.item-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#fff;padding:1.5rem;transition:all .3s}.item-card:hover{box-shadow:var(--shadow-lg);border-color:#6f4e3733;transform:translateY(-4px)}.item-card h3{color:var(--color-text);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.item-details{flex-wrap:wrap;gap:.5rem;display:flex}.detail-badge{background:var(--color-bg-subtle);color:var(--color-text-light);border-radius:50px;padding:.375rem .75rem;font-size:.85rem;font-weight:500}.status-badge{border-radius:50px;padding:.375rem .75rem;font-size:.85rem;font-weight:600}.status-badge.active{color:#065f46;background:#d1fae5}.status-badge.inactive{color:#991b1b;background:#fee2e2}.empty-state{border-radius:var(--radius-lg);border:2px dashed var(--color-border);text-align:center;background:#fff;padding:3rem}.empty-state p{color:var(--color-text-light);font-size:1rem}.loading{text-align:center;color:var(--color-text-light);padding:3rem;font-size:1.1rem}.error-message{border-radius:var(--radius-md);color:#991b1b;background:#fee2e2;border:1px solid #fecaca;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 1.5rem;display:flex}.error-close{color:#991b1b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.5rem;display:flex}.error-close:hover{opacity:.7}@media (max-width:768px){.admin-nav{padding:calc(env(safe-area-inset-top,0px) + .75rem)max(1rem,calc(env(safe-area-inset-right,0px) + 16px)).75rem max(1rem,calc(env(safe-area-inset-left,0px) + 16px))}.admin-container{padding:1rem max(1rem,calc(env(safe-area-inset-right,0px) + 16px))calc(env(safe-area-inset-bottom,0px) + 1.5rem)max(1rem,calc(env(safe-area-inset-left,0px) + 16px))}.admin-header h1{font-size:2rem}.tabs{overflow-x:auto}.form-row,.items-grid{grid-template-columns:1fr}.btn-primary{min-height:48px;padding:.875rem 1.5rem}}.activate-page{min-height:100vh;min-height:-webkit-fill-available;padding:calc(env(safe-area-inset-top,0px) + 2rem)max(2rem,calc(env(safe-area-inset-right,0px) + 20px))calc(env(safe-area-inset-bottom,0px) + 2rem)max(2rem,calc(env(safe-area-inset-left,0px) + 20px));background:linear-gradient(135deg,#f5f7fa 0%,#e8eef5 100%);justify-content:center;align-items:center;display:flex}.activate-container{width:100%;max-width:480px}.activate-card{border-radius:var(--radius-xl);border:1px solid var(--color-border);background:#fff;padding:3rem;box-shadow:0 20px 60px #0000001a}.activate-header{text-align:center;margin-bottom:2rem}.logo-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:2.5rem;display:flex;box-shadow:0 8px 20px #6f4e3733}.activate-header h1{color:var(--color-text);margin-bottom:.5rem;font-size:2rem;font-weight:800}.subtitle{color:var(--color-text-light);font-size:1rem}.activate-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--color-text);font-size:.9rem;font-weight:600}.form-group input{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.875rem;font-size:1rem;transition:all .2s}.form-group input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6f4e371a}.form-group input:disabled{background:var(--color-bg-subtle);cursor:not-allowed}.form-hint{color:var(--color-text-light);font-size:.85rem}.btn-submit{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-submit:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 14px #6f4e374d}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{border-radius:var(--radius-md);color:#991b1b;background:#fee2e2;border:1px solid #fecaca;margin-bottom:1rem;padding:1rem;font-size:.9rem}.activate-footer{text-align:center;border-top:1px solid var(--color-border);color:var(--color-text-light);margin-top:2rem;padding-top:2rem;font-size:.9rem}.activate-footer a{color:var(--color-primary);font-weight:600;text-decoration:none}.activate-footer a:hover{text-decoration:underline}.success-card{border-radius:var(--radius-xl);border:1px solid var(--color-border);text-align:center;background:#fff;padding:3rem;box-shadow:0 20px 60px #0000001a}.success-icon{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 1.5rem;font-size:3.5rem;display:flex;box-shadow:0 8px 24px #10b9814d}.success-card h1{color:var(--color-text);margin-bottom:1rem;font-size:2rem;font-weight:800}.success-card p{color:var(--color-text-light);margin-bottom:1rem;font-size:1.1rem}.redirect-message{color:var(--color-text-light);font-size:.95rem;margin-bottom:2rem!important}.btn-login{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-login:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 14px #6f4e374d}@media (max-width:768px){.activate-page{padding:calc(env(safe-area-inset-top,0px) + 1rem)max(1rem,calc(env(safe-area-inset-right,0px) + 16px))calc(env(safe-area-inset-bottom,0px) + 1.5rem)max(1rem,calc(env(safe-area-inset-left,0px) + 16px))}.activate-card,.success-card{padding:2rem 1.5rem calc(env(safe-area-inset-bottom,0px) + 2rem)1.5rem}.activate-header h1{font-size:1.5rem}.logo-icon{width:64px;height:64px;font-size:2rem}.btn-submit,.btn-login{min-height:48px}}.recurring-page{min-height:100vh;background:var(--color-bg);min-height:-webkit-fill-available;padding:calc(env(safe-area-inset-top,0px) + 2rem)max(2rem,calc(env(safe-area-inset-right,0px) + 20px))calc(env(safe-area-inset-bottom,0px) + 2rem)max(2rem,calc(env(safe-area-inset-left,0px) + 20px))}.recurring-container{max-width:1200px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px);margin:0 auto}.recurring-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.recurring-header h1{color:var(--color-primary);margin:0;font-size:2rem;font-weight:700}.recurring-btn{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;min-height:48px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s}.recurring-btn:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-md)}.recurring-form{background-color:var(--color-bg-subtle);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:2rem;padding:2rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.recurring-form-group{flex-direction:column;gap:.5rem;display:flex}.recurring-form-group label{color:var(--color-text);font-size:.9rem;font-weight:600}.recurring-form-group input,.recurring-form-group select{border:1px solid var(--color-border);border-radius:8px;width:100%;padding:.75rem;font-size:1rem;transition:all .2s}.recurring-form-group input:focus,.recurring-form-group select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6f4e371a}.form-actions{margin-top:1.5rem}.recurring-list{flex-direction:column;gap:1rem;display:flex}.recurring-card{border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;padding:1.5rem;transition:all .2s}.recurring-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.recurring-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.recurring-card h3{color:var(--color-text);margin:0;font-size:1.25rem;font-weight:600}.recurring-status{border-radius:50px;padding:.375rem .75rem;font-size:.8rem;font-weight:600}.recurring-status.active{color:#065f46;background:#d1fae5}.recurring-status.inactive{color:#991b1b;background:#fee2e2}.recurring-details{color:var(--color-text-light);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1rem;font-size:.9rem;display:grid}.recurring-card-actions{flex-wrap:wrap;gap:.5rem;display:flex}.btn-action{cursor:pointer;border-radius:6px;min-height:44px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-secondary{border:1px solid var(--color-border);color:var(--color-text);background:0 0}.btn-secondary:hover{background:var(--color-bg-subtle);border-color:var(--color-text-light)}.btn-danger{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.btn-danger:hover{background:#fecaca}.empty-state{text-align:center;color:var(--color-text-light);border:2px dashed var(--color-border);background:#fff;border-radius:12px;padding:3rem}.loading-state{text-align:center;color:var(--color-text-light);padding:2rem}@media (max-width:768px){.recurring-page{padding:calc(env(safe-area-inset-top,0px) + 1rem)max(1rem,calc(env(safe-area-inset-right,0px) + 16px))calc(env(safe-area-inset-bottom,0px) + 1.5rem)max(1rem,calc(env(safe-area-inset-left,0px) + 16px))}.recurring-header{flex-direction:column;align-items:stretch}.recurring-header h1{text-align:center;font-size:1.5rem}.recurring-form{padding:1.5rem}.form-grid{grid-template-columns:1fr}.recurring-card{padding:1.25rem}.recurring-details{grid-template-columns:1fr 1fr}.recurring-card-actions{justify-content:stretch}.btn-action{text-align:center;flex:1}}.legal-page{min-height:100vh;background:var(--color-bg);min-height:-webkit-fill-available;padding:calc(env(safe-area-inset-top,0px) + 2rem)max(2rem,calc(env(safe-area-inset-right,0px) + 20px))calc(env(safe-area-inset-bottom,0px) + 2rem)max(2rem,calc(env(safe-area-inset-left,0px) + 20px))}.legal-container{max-width:900px;padding:2rem 0 calc(env(safe-area-inset-bottom,0px) + 24px)0;margin:0 auto}.legal-container .back-link{color:var(--color-primary);align-items:center;gap:.5rem;margin-bottom:2rem;font-weight:500;transition:all .2s;display:inline-flex}.legal-container .back-link:hover{color:var(--color-primary-dark);transform:translate(-4px)}.legal-container h1{color:var(--color-text);letter-spacing:-.03em;margin-bottom:.5rem;font-size:3rem;font-weight:800}.last-updated{color:var(--color-text-light);margin-bottom:3rem;font-size:.95rem}.legal-container section{margin-bottom:3rem}.legal-container h2{color:var(--color-text);letter-spacing:-.02em;margin-top:2.5rem;margin-bottom:1rem;font-size:1.75rem;font-weight:700}.legal-container h3{color:var(--color-text);margin-top:1.5rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.legal-container p{color:var(--color-text-light);margin-bottom:1rem;line-height:1.8}.legal-container ul{margin-bottom:1.5rem;padding-left:2rem;list-style:outside}.legal-container li{color:var(--color-text-light);margin-bottom:.5rem;line-height:1.8}.legal-container strong{color:var(--color-text);font-weight:600}.legal-container a{color:var(--color-primary);text-decoration:underline;transition:color .2s}.legal-container a:hover{color:var(--color-primary-dark)}.contact-info{background:var(--color-bg-subtle);border-radius:var(--radius-md);border:1px solid var(--color-border);margin-top:1rem;padding:1.5rem}.contact-info p{color:var(--color-text);margin-bottom:.5rem}.cookie-table{border-collapse:collapse;border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);background:#fff;margin-top:1.5rem;overflow:hidden}.cookie-table thead{background:var(--color-bg-subtle)}.cookie-table th{text-align:left;color:var(--color-text);border-bottom:2px solid var(--color-border);padding:1rem;font-weight:600}.cookie-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-light);padding:1rem}.cookie-table tbody tr:last-child td{border-bottom:none}.cookie-table tbody tr:hover{background:var(--color-bg-subtle)}.values-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.value-card{border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff;padding:1.5rem;transition:all .3s}.value-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.value-card h3{margin-top:0;margin-bottom:.75rem;font-size:1.25rem}.value-card p{margin-bottom:0;font-size:.95rem}.industry-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.industry-list>div{border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff;padding:1.25rem}.industry-list h3{color:var(--color-primary);margin-top:0;margin-bottom:.5rem;font-size:1.125rem}.industry-list p{color:var(--color-text-light);margin-bottom:0;font-size:.9rem}.social-links-list{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}.social-links-list a{background:var(--color-primary);color:#fff;border-radius:50px;align-items:center;padding:.625rem 1.25rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.social-links-list a:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-sm);transform:translateY(-2px)}@media (max-width:768px){.legal-page{padding:calc(env(safe-area-inset-top,0px) + 1rem)max(1rem,calc(env(safe-area-inset-right,0px) + 16px))calc(env(safe-area-inset-bottom,0px) + 1.5rem)max(1rem,calc(env(safe-area-inset-left,0px) + 16px))}.legal-container{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px)}.legal-container h1{font-size:2rem}.legal-container h2{font-size:1.5rem}.legal-container h3{font-size:1.125rem}.cookie-table{font-size:.875rem}.cookie-table th,.cookie-table td{padding:.75rem .5rem}.values-grid{grid-template-columns:1fr}}