.unified-dev-tools{position:fixed;top:20px;left:20px;z-index:10000;touch-action:none}.dev-tools-widget .unified-dev-tools{position:relative;bottom:auto;right:auto;height:100%;display:flex;flex-direction:column}.devtools-dev-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:800;font-size:13px;letter-spacing:.5px;padding:12px 18px;border-radius:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 4px 12px #ef44444d,0 1px 3px #0003,inset 0 1px #ffffff1a;transition:all .2s cubic-bezier(.4,0,.2,1);transform:scale(1);animation:devButtonPulse 2s ease-in-out infinite;position:relative;overflow:hidden;border:none;backdrop-filter:blur(10px)}@keyframes devButtonPulse{0%,to{box-shadow:0 4px 12px #ef44444d,0 1px 3px #0003,inset 0 1px #ffffff1a}50%{box-shadow:0 4px 20px #ef444480,0 1px 3px #0003,inset 0 1px #ffffff1a}}.devtools-dev-button:hover{transform:scale(1.05) translateY(-1px);box-shadow:0 6px 20px #ef444480,0 2px 4px #0003,inset 0 1px #ffffff26,0 0 40px #ef444433;background:linear-gradient(135deg,#f87171,#ef4444)}.devtools-dev-button:active{transform:scale(.98)}.devtools-dev-button.active{transform:scale(1.08) translateY(-2px);background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 25px #ef444499,0 2px 4px #0000004d,inset 0 1px #fff3,0 0 60px #ef44444d}.devtools-dev-button.dragging{cursor:grabbing;transform:scale(1.1) rotate(3deg);box-shadow:0 20px 40px #ef444466,0 10px 20px #0000004d,0 0 80px #ef444466;z-index:10002}@keyframes devButtonIntro{0%{opacity:0;transform:scale(.3) rotate(-180deg)}60%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.dev-menu{position:absolute;top:100%;left:0;margin-top:12px;min-width:380px;background:#111827f2;backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff0d inset,0 0 30px #ef44440d;animation:menuCascade .5s cubic-bezier(.16,1,.3,1);transform-origin:top left;overflow:hidden;max-height:calc(100vh - 120px);display:flex;flex-direction:column}@keyframes menuCascade{0%{opacity:0;transform:scale(.95) translateY(-10px);filter:blur(5px)}50%{filter:blur(0)}to{opacity:1;transform:scale(1) translateY(0)}}.dev-menu-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,rgba(239,68,68,.05) 0%,transparent 100%);position:relative}.dev-menu-header h3{margin:0;font-size:15px;font-weight:600;color:#fffffff2;letter-spacing:.3px;text-transform:uppercase;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif}.dev-menu-header:after{content:"";position:absolute;bottom:0;left:22px;width:60px;height:2px;background:linear-gradient(90deg,#ef4444,#dc2626);animation:underlineSlide 1.5s ease-in-out infinite}@keyframes underlineSlide{0%,to{transform:translate(0)}50%{transform:translate(20px)}}.dev-close-btn{width:28px;height:28px;border:none;background:#ffffff0d;color:#fff9;font-size:18px;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.dev-close-btn:hover{background:#ffffff1a;color:#ffffffe6;transform:rotate(90deg)}.dev-current-user{display:flex;align-items:center;gap:14px;padding:16px 22px;background:linear-gradient(135deg,#22c55e14,#10b9810d);border-bottom:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}.dev-current-user:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.user-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.user-info{flex:1}.user-name{font-weight:600;color:#ffffffe6;font-size:.95rem;margin-bottom:2px}.user-role{font-size:.8rem;color:#ffffff80;display:flex;align-items:center;gap:6px}.user-role:before{content:"●";color:#22c55e;font-size:6px}.dev-menu-content{flex:1;overflow-y:auto;padding:12px;max-height:420px}.dev-menu-content::-webkit-scrollbar{width:6px}.dev-menu-content::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px}.dev-menu-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px;-webkit-transition:background .2s;transition:background .2s}.dev-menu-content::-webkit-scrollbar-thumb:hover{background:#fff3}.dev-menu-section{margin-bottom:16px;opacity:0;animation:sectionReveal .4s ease forwards}.dev-menu-section:last-child{margin-bottom:0}@keyframes sectionReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dev-menu-category{font-size:10px;font-weight:700;text-transform:uppercase;color:#fff6;padding:8px 14px;letter-spacing:1px;position:relative;margin-bottom:4px}.dev-menu-section:first-child .dev-menu-category{color:#ef4444;font-weight:800}.dev-menu-category:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:12px;background:currentColor;border-radius:2px;opacity:.5}.dev-menu-item{width:100%;display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid transparent;background:#ffffff05;cursor:pointer;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;color:#fffc;font-size:13px;font-weight:500;margin-bottom:6px;position:relative;overflow:hidden;opacity:0;animation:itemCascade .4s ease forwards}@keyframes itemCascade{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.dev-menu-item:hover{background:#ffffff0d;border-color:#ffffff1a;color:#fffffff2;transform:translate(4px);box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff0d}.dev-menu-item.active{background:linear-gradient(135deg,#ef444426,#ef444414);border-color:#ef44444d;color:#fff;box-shadow:0 4px 12px #ef44441a,inset 0 1px #ffffff0d}.dev-menu-item:active{transform:scale(.98);transition-duration:.1s}.dev-menu-icon{font-size:18px;width:24px;text-align:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));transition:transform .3s}.dev-menu-item:hover .dev-menu-icon{transform:scale(1.1) rotate(-5deg)}.dev-menu-label{flex:1;font-size:13px;letter-spacing:.2px}.dev-menu-indicator{margin-left:auto;font-size:10px;color:#ef4444;transition:transform .3s ease;opacity:0;animation:indicatorFade .3s ease forwards}@keyframes indicatorFade{0%{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:rotate(0)}}.dev-inline-panel{margin-top:16px;padding:18px;background:#0000004d;border:1px solid rgba(255,255,255,.06);border-radius:16px;color:#ffffffd9;animation:panelCascade .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff0d,0 8px 16px #0003;position:relative;overflow:hidden}@keyframes panelCascade{0%{opacity:0;max-height:0;transform:translateY(-10px)}50%{opacity:1}to{max-height:500px;transform:translateY(0)}}.dev-inline-panel:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(239,68,68,.1) 0%,transparent 70%);animation:panelGlow 3s ease-in-out infinite;pointer-events:none}@keyframes panelGlow{0%,to{opacity:.3}50%{opacity:.6}}.dev-inline-panel h4{margin:0 0 16px;font-size:14px;font-weight:600;color:#fffffff2;text-transform:uppercase;letter-spacing:.5px}.dev-inline-panel>div{animation:contentFadeIn .3s ease forwards .2s;opacity:0}@keyframes contentFadeIn{to{opacity:1}}.dev-console{background:#00000080;color:#22c55e;padding:14px;border-radius:10px;font-family:SF Mono,Monaco,monospace;font-size:11px;line-height:1.6;overflow-x:auto;border:1px solid rgba(34,197,94,.2)}.dev-stat-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s}.dev-stat-row:hover{padding-left:8px;background:#ffffff05;margin:0 -8px;padding-right:8px}.dev-stat-row:last-child{border-bottom:none}.dev-menu-item[data-loading=true]{pointer-events:none;opacity:.6}.dev-menu-item[data-loading=true] .dev-menu-icon{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media print{.unified-dev-tools{display:none!important}}:root{--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.618rem;--space-xl: 2.618rem;--space-2xl: 4.236rem;--space-3xl: 6.854rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.618rem;--text-2xl: 2.023rem;--text-3xl: 2.618rem;--text-4xl: 3.272rem;--text-5xl: 4.236rem;--text-6xl: 5.295rem;--text-7xl: 6.854rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-green-sm: 0 1px 2px 0 rgba(74, 124, 89, .1);--shadow-green-md: 0 4px 6px -1px rgba(74, 124, 89, .2), 0 2px 4px -1px rgba(74, 124, 89, .1);--shadow-green-lg: 0 10px 15px -3px rgba(74, 124, 89, .2), 0 4px 6px -2px rgba(74, 124, 89, .1)}.hero h1{font-size:clamp(var(--text-4xl),10vw,var(--text-7xl));line-height:var(--leading-none);letter-spacing:var(--tracking-tighter);margin-top:var(--space-xl);margin-bottom:var(--space-lg)}.tagline{font-size:clamp(var(--text-lg),3vw,var(--text-2xl));line-height:var(--leading-tight);letter-spacing:var(--tracking-widest);margin-top:var(--space-xl);margin-bottom:var(--space-xl);text-transform:uppercase;opacity:.8}.description{font-size:clamp(var(--text-base),2vw,var(--text-lg));line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);margin-bottom:var(--space-2xl);max-width:42ch;margin-left:auto;margin-right:auto}section{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}section>*+*{margin-top:var(--space-xl)}.card{padding:var(--space-lg);border-radius:var(--space-md);box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}button,.button{padding:var(--space-md) var(--space-xl);font-size:var(--text-base);font-weight:600;letter-spacing:var(--tracking-wide);border-radius:9999px;transition:all .2s cubic-bezier(.4,0,.2,1)}button:hover,.button:hover{transform:translateY(-2px);box-shadow:var(--shadow-green-md)}button:active,.button:active{transform:translateY(0);box-shadow:var(--shadow-green-sm)}input,textarea,select{padding:var(--space-md) var(--space-lg);font-size:var(--text-base);line-height:var(--leading-normal);border-radius:var(--space-sm);border:2px solid transparent;transition:all .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary-main);box-shadow:0 0 0 3px #4a7c591a}@media (max-width: 768px){:root{--space-xs: .125rem;--space-sm: .25rem;--space-md: .5rem;--space-lg: 1rem;--space-xl: 1.618rem;--space-2xl: 2.618rem;--space-3xl: 4.236rem}section{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--color-primary-main);outline-offset:2px}::-moz-selection{background-color:#4a7c5933;color:var(--color-primary-dark)}::selection{background-color:#4a7c5933;color:var(--color-primary-dark)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes checkmark{0%{transform:scale(0) rotate(45deg);opacity:0}50%{transform:scale(1.3) rotate(45deg);opacity:1}to{transform:scale(1) rotate(45deg);opacity:1}}@keyframes celebrate{0%{transform:scale(1)}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0)}}:focus-visible{outline:2px solid var(--color-primary-main);outline-offset:2px;border-radius:var(--space-xs)}@media (prefers-contrast: high){.micro-interaction-button:hover{outline:2px solid currentColor;outline-offset:2px}}.app{min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;background:var(--bg-page);overflow-x:hidden;z-index:0}*{transition:color .3s ease,background-color .3s ease,border-color .3s ease}:root{--color-primary: #4a7c59;--color-primary-light: #5ca35c;--color-primary-dark: #3a6149;--color-text: #212529;--color-text-secondary: #495057;--color-text-tertiary: #868e96;--color-background: #fafbfc;--color-background-secondary: #e8f0e8;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-heading: "Playfair Display", serif;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 20px rgba(74, 124, 89, .15);--animation-duration: .3s;--animation-easing: ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);color:var(--color-text);background:linear-gradient(135deg,#eaf7ea,#e8f5e8,#e6f2e6);line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);line-height:1.2;font-weight:700}:focus{outline:2px solid var(--color-primary);outline-offset:2px}*{transition-property:color,background-color,border-color,opacity,transform;transition-duration:var(--animation-duration);transition-timing-function:var(--animation-easing)}@keyframes fall{0%{transform:translateY(-100px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}:root{--color-primary: #4a7c59;--color-primary-light: #5ca35c;--color-primary-dark: #3a6149;--color-primary-contrast: #ffffff;--color-secondary-orange: #ff6b35;--color-secondary-orange-dark: #e55a2b;--color-secondary-gold: #b8860b;--color-text-primary: #212529;--color-text-secondary: #495057;--color-text-tertiary: #868e96;--color-text-disabled: #9ca3af;--color-bg-white: #ffffff;--color-bg-off-white: #f9fafb;--color-bg-paper: rgba(248, 253, 248, .9);--color-bg-overlay: rgba(0, 0, 0, .5);--gradient-app: linear-gradient(135deg, #eaf7ea 0%, #e8f5e8 50%, #e6f2e6 100%);--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-heading: "Playfair Display", Georgia, serif;--font-family-mono: "Monaco", "Menlo", "Ubuntu Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: .95rem;--font-size-base: 1rem;--font-size-lg: 1.1rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.85rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.4;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--line-height-loose: 1.8;--spacing-px: 1px;--spacing-0: 0;--spacing-0-5: .125rem;--spacing-1: .25rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-2-5: .625rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--border-radius-none: 0;--border-radius-sm: 4px;--border-radius-base: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--border-radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(74, 124, 89, .06);--shadow-base: 0 4px 8px rgba(74, 124, 89, .08);--shadow-md: 0 8px 16px rgba(74, 124, 89, .1);--shadow-lg: 0 20px 40px rgba(74, 124, 89, .12);--shadow-xl: 0 22px 44px rgba(74, 124, 89, .13);--shadow-focus: 0 0 0 3px rgba(74, 124, 89, .15);--animation-duration-instant: .2s;--animation-duration-quick: .25s;--animation-duration-normal: .3s;--animation-duration-smooth: .4s;--animation-duration-slow: .6s;--animation-duration-very-slow: .8s;--easing-samba: cubic-bezier(.68, -.55, .265, 1.55);--easing-bossa: cubic-bezier(.4, 0, .2, 1);--easing-linear: linear;--easing-ease-in: cubic-bezier(.4, 0, 1, 1);--easing-ease-out: cubic-bezier(0, 0, .2, 1);--easing-ease-in-out: cubic-bezier(.4, 0, .2, 1);--easing-spring: cubic-bezier(.16, 1, .3, 1);--form-input-height: 48px;--form-input-padding-x: 1.25rem;--form-input-padding-y: 1rem;--form-input-border-width: 2px;--form-input-border-radius: 16px;--form-input-font-size: .95rem;--button-primary-background: linear-gradient(135deg, #ff6b35 0%, #e85a2b 100%);--button-primary-shadow: 0 3px 6px rgba(255, 107, 53, .25), inset 0 1px 0 rgba(255, 255, 255, .2);--button-primary-hover-shadow: 0 6px 12px rgba(255, 107, 53, .3), inset 0 1px 0 rgba(255, 255, 255, .3);--z-behind: -1;--z-base: 0;--z-content: 1;--z-overlay: 10;--z-dropdown: 20;--z-sticky: 30;--z-modal: 40;--z-popover: 50;--z-tooltip: 60;--z-notification: 70}*{margin:0;padding:0;box-sizing:border-box;transition:color .3s ease,background-color .3s ease,border-color .3s ease}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);color:var(--color-text-primary);background:var(--gradient-app);line-height:var(--line-height-relaxed);min-height:100vh;overflow-x:hidden;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold)}:focus{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:2px}:focus:not(:focus-visible){outline:none}::-moz-selection{background:#4a7c5933;color:var(--color-text-primary)}::selection{background:#4a7c5933;color:var(--color-text-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#4a7c594d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a7c5980}.container{max-width:800px;margin:0 auto;padding:0 1rem;position:relative}.app{min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;background:var(--gradient-app);overflow-x:hidden}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;z-index:2;padding:2rem}.logo-container{width:220px;height:220px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center}.subscription-form{width:100%;max-width:500px;margin:0 auto}.form-container{display:flex;gap:1rem;margin-top:1rem}@media (max-width: 768px){.form-container{flex-direction:column}.logo-container{width:160px;height:160px}.hero{padding:1rem}}.error-message{background-color:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#dc2626;padding:1rem 2rem;border-radius:8px;font-weight:500;animation:fadeIn .3s ease-out;z-index:10}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.no-transitions *{transition:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--theme-transition: color .2s ease, background-color .2s ease, border-color .2s ease, fill .2s ease;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--border-radius-sm: .25rem;--border-radius: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}.bg-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}@keyframes stripes{0%{background-position:0 0}to{background-position:1rem 1rem}}.animate-stripes{animation:stripes 1s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-shimmer{background:linear-gradient(90deg,var(--color-secondary) 0%,var(--color-primary) 50%,var(--color-secondary) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.z-dropdown{z-index:1000}.z-modal-overlay{z-index:1100}.z-modal{z-index:1200}.z-drawer-overlay{z-index:1300}.z-drawer{z-index:1400}.z-toast{z-index:1500}.z-alert{z-index:1600}.z-tooltip{z-index:1700}.z-fab{z-index:1800}.z-banner{z-index:1900}.z-bottom-nav{z-index:900}.z-tab-bar{z-index:910}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}.pt-safe{padding-top:env(safe-area-inset-top)}:root,:root.theme-light{--color-primary-50: #f0fdf4;--color-primary-100: #dcfce7;--color-primary-200: #bbf7d0;--color-primary-300: #86efac;--color-primary-400: #4ade80;--color-primary-500: #22c55e;--color-primary-600: #16a34a;--color-primary-700: #15803d;--color-primary-800: #166534;--color-primary-900: #14532d;--color-primary-950: #052e16;--color-neutral-0: #ffffff;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #e5e5e5;--color-neutral-300: #d4d4d4;--color-neutral-400: #a3a3a3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--color-neutral-950: #0a0a0a;--color-success-50: #f0fdf4;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-warning-50: #fffbeb;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-error-50: #fef2f2;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-info-50: #eff6ff;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-700: #1d4ed8;--bg-primary: var(--color-neutral-0);--bg-secondary: var(--color-neutral-50);--bg-tertiary: var(--color-neutral-100);--bg-accent: var(--color-primary-50);--bg-muted: var(--color-neutral-100);--bg-overlay: rgba(0, 0, 0, .5);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-700);--text-tertiary: var(--color-neutral-500);--text-muted: var(--color-neutral-400);--text-accent: var(--color-primary-600);--text-on-primary: var(--color-neutral-0);--text-link: var(--color-primary-600);--text-link-hover: var(--color-primary-700);--border-primary: var(--color-neutral-200);--border-secondary: var(--color-neutral-300);--border-accent: var(--color-primary-300);--border-focus: var(--color-primary-500);--interactive-primary: var(--color-primary-600);--interactive-primary-hover: var(--color-primary-700);--interactive-primary-active: var(--color-primary-800);--interactive-secondary: var(--color-neutral-100);--interactive-secondary-hover: var(--color-neutral-200);--interactive-secondary-active: var(--color-neutral-300);--input-bg: var(--color-neutral-0);--input-border: var(--color-neutral-300);--input-border-hover: var(--color-neutral-400);--input-border-focus: var(--color-primary-500);--input-text: var(--color-neutral-900);--input-placeholder: var(--color-neutral-500);--surface-primary: var(--color-neutral-0);--surface-secondary: var(--color-neutral-50);--surface-elevated: var(--color-neutral-0);--surface-overlay: var(--color-neutral-0);--shadow-color: rgba(0, 0, 0, .1);--shadow-elevated: 0 4px 6px -1px var(--shadow-color), 0 2px 4px -1px rgba(0, 0, 0, .06)}:root.theme-dark{--color-neutral-0: #000000;--color-neutral-50: #0a0a0a;--color-neutral-100: #171717;--color-neutral-200: #262626;--color-neutral-300: #404040;--color-neutral-400: #525252;--color-neutral-500: #737373;--color-neutral-600: #a3a3a3;--color-neutral-700: #d4d4d4;--color-neutral-800: #e5e5e5;--color-neutral-900: #f5f5f5;--color-neutral-950: #ffffff;--color-primary-50: #052e16;--color-primary-100: #14532d;--color-primary-200: #166534;--color-primary-300: #15803d;--color-primary-400: #16a34a;--color-primary-500: #22c55e;--color-primary-600: #4ade80;--color-primary-700: #86efac;--color-primary-800: #bbf7d0;--color-primary-900: #dcfce7;--color-primary-950: #f0fdf4;--bg-primary: var(--color-neutral-50);--bg-secondary: var(--color-neutral-100);--bg-tertiary: var(--color-neutral-200);--bg-accent: var(--color-primary-100);--bg-muted: var(--color-neutral-200);--bg-overlay: rgba(0, 0, 0, .8);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-700);--text-tertiary: var(--color-neutral-500);--text-muted: var(--color-neutral-400);--text-accent: var(--color-primary-500);--text-on-primary: var(--color-neutral-50);--text-link: var(--color-primary-500);--text-link-hover: var(--color-primary-400);--border-primary: var(--color-neutral-300);--border-secondary: var(--color-neutral-400);--border-accent: var(--color-primary-400);--border-focus: var(--color-primary-500);--interactive-primary: var(--color-primary-500);--interactive-primary-hover: var(--color-primary-400);--interactive-primary-active: var(--color-primary-300);--interactive-secondary: var(--color-neutral-200);--interactive-secondary-hover: var(--color-neutral-300);--interactive-secondary-active: var(--color-neutral-400);--input-bg: var(--color-neutral-100);--input-border: var(--color-neutral-400);--input-border-hover: var(--color-neutral-500);--input-border-focus: var(--color-primary-500);--input-text: var(--color-neutral-900);--input-placeholder: var(--color-neutral-500);--surface-primary: var(--color-neutral-100);--surface-secondary: var(--color-neutral-200);--surface-elevated: var(--color-neutral-200);--surface-overlay: var(--color-neutral-100);--shadow-color: rgba(0, 0, 0, .3);--shadow-elevated: 0 4px 6px -1px var(--shadow-color), 0 2px 4px -1px rgba(0, 0, 0, .15)}*{transition:var(--theme-transition)}:root.theme-changing *{transition:none!important}.btn-primary{background-color:var(--interactive-primary);color:var(--text-on-primary);border-color:var(--interactive-primary)}.btn-primary:hover{background-color:var(--interactive-primary-hover);border-color:var(--interactive-primary-hover)}.btn-primary:active{background-color:var(--interactive-primary-active);border-color:var(--interactive-primary-active)}.btn-secondary{background-color:var(--interactive-secondary);color:var(--text-primary);border-color:var(--border-primary)}.btn-secondary:hover{background-color:var(--interactive-secondary-hover);border-color:var(--border-secondary)}.btn-secondary:active{background-color:var(--interactive-secondary-active);border-color:var(--border-secondary)}.input{background-color:var(--input-bg);color:var(--input-text);border-color:var(--input-border)}.input:hover{border-color:var(--input-border-hover)}.input:focus{border-color:var(--input-border-focus);outline-color:var(--input-border-focus)}.input::-moz-placeholder{color:var(--input-placeholder)}.input::placeholder{color:var(--input-placeholder)}.card{background-color:var(--surface-primary);border-color:var(--border-primary);box-shadow:var(--shadow-elevated)}.card-elevated{background-color:var(--surface-elevated);box-shadow:var(--shadow-lg)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--text-accent)}.text-link{color:var(--text-link)}.text-link:hover{color:var(--text-link-hover)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-accent{background-color:var(--bg-accent)}.bg-muted{background-color:var(--bg-muted)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.border-accent{border-color:var(--border-accent)}@media (prefers-contrast: high){:root{--border-primary: #000000;--text-primary: #000000}:root.theme-dark{--border-primary: #ffffff;--text-primary: #ffffff}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.theme-debug:before{content:"🌅 Light Theme";position:fixed;top:10px;right:10px;background:var(--bg-accent);color:var(--text-primary);padding:4px 8px;border-radius:var(--border-radius);font-size:12px;z-index:var(--z-toast);opacity:.8}:root.theme-dark .theme-debug:before{content:"🌙 Dark Theme"}@media (max-width: 640px){:root{--shadow-elevated: var(--shadow-md)}}@media print{:root{--bg-primary: #ffffff;--text-primary: #000000;--border-primary: #000000}}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--z-index-devtools: 10000}:root{--color-primary-main: #4a7c59;--color-primary-light: #5ca35c;--color-primary-dark: #3a6149;--color-primary-contrast: #ffffff;--color-secondary-orange: #ff6b35;--color-secondary-orange-dark: #e55a2b;--color-secondary-gold: #b8860b;--color-error-main: #dc2626;--color-error-light: #fef2f2;--color-error-lighter: #fef7f7;--color-error-border: rgba(220, 38, 38, .2);--color-error-background: linear-gradient(135deg, #fef7f7 0%, #fef2f2 100%);--color-error-accent: #dc2626;--color-success-main: #059669;--color-success-light: #10b981;--color-success-dark: #059669;--color-success-background: rgba(16, 185, 129, .1);--color-success-border: rgba(16, 185, 129, .2);--color-success-tip-background: rgba(16, 185, 129, .05);--color-success-contrast: #ffffff;--color-validation-valid: #10b981;--color-validation-valid-bg: rgba(16, 185, 129, .1);--color-validation-valid-border: #10b981;--color-validation-valid-input-bg: linear-gradient(135deg, rgba(16, 185, 129, .02) 0%, rgba(255, 255, 255, .98) 100%);--color-validation-error: #dc2626;--color-validation-error-bg: rgba(220, 38, 38, .1);--color-validation-error-border: #dc2626;--color-validation-error-input-bg: linear-gradient(135deg, rgba(220, 38, 38, .02) 0%, rgba(255, 255, 255, .98) 100%);--color-validation-validating: var(--color-primary-main);--color-validation-validating-border: var(--color-primary-main);--color-validation-validating-input-bg: linear-gradient(135deg, rgba(74, 124, 89, .02) 0%, rgba(255, 255, 255, .98) 100%);--color-validation-focused-border: var(--color-primary-main);--color-validation-focused-shadow: 0 0 0 3px rgba(74, 124, 89, .1), 0 4px 8px rgba(74, 124, 89, .08), inset 0 1px 2px rgba(74, 124, 89, .05);--color-validation-focused-transform: translateY(-1px);--color-password-very-weak: #dc2626;--color-password-weak: #ea580c;--color-password-fair: #ca8a04;--color-password-strong: #16a34a;--color-password-very-strong: #059669;--color-password-bar-background: rgba(0, 0, 0, .1);--color-password-criteria-bg: linear-gradient(135deg, rgba(74, 124, 89, .02) 0%, rgba(255, 255, 255, .95) 100%);--color-password-criteria-border: rgba(74, 124, 89, .1);--color-text-primary: #212529;--color-text-secondary: #495057;--color-text-tertiary: #868e96;--color-text-disabled: #9ca3af;--color-bg-white: #ffffff;--color-bg-off-white: #f9fafb;--color-bg-paper: rgba(248, 253, 248, .9);--color-bg-overlay: rgba(0, 0, 0, .5);--color-pix-main: #32BCAD;--color-pix-dark: #28A298;--gradient-mint: linear-gradient(145deg, rgba(234, 247, 234, .98) 0%, rgba(250, 255, 250, .96) 25%, rgba(240, 251, 240, .98) 50%, rgba(245, 252, 245, .96) 75%, rgba(248, 253, 248, .98) 100%);--gradient-paper: linear-gradient(135deg, rgba(255, 255, 255, .98) 0%, rgba(250, 255, 250, .95) 100%);--gradient-orange: linear-gradient(135deg, #ff6b35 0%, #e85a2b 100%);--gradient-success: linear-gradient(135deg, #059669 0%, #10b981 100%);--gradient-pix: linear-gradient(135deg, #32BCAD 0%, #28A298 100%);--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-heading: "Playfair Display", Georgia, serif;--font-family-mono: "Monaco", "Menlo", "Ubuntu Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: .95rem;--font-size-base: 1rem;--font-size-lg: 1.1rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.85rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.4;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--line-height-loose: 1.8;--spacing-px: 1px;--spacing-0: 0;--spacing-0-5: .125rem;--spacing-1: .25rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-2-5: .625rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1200px;--breakpoint-2xl: 1536px;--border-radius-none: 0;--border-radius-sm: 4px;--border-radius-base: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--border-radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(74, 124, 89, .06);--shadow-base: 0 4px 8px rgba(74, 124, 89, .08);--shadow-md: 0 8px 16px rgba(74, 124, 89, .1);--shadow-lg: 0 20px 40px rgba(74, 124, 89, .12);--shadow-xl: 0 22px 44px rgba(74, 124, 89, .13);--shadow-paper: 0 20px 40px rgba(74, 124, 89, .12), 0 8px 16px rgba(74, 124, 89, .08), 0 4px 6px rgba(74, 124, 89, .06), inset 0 1px 0 rgba(255, 255, 255, .8), inset 0 -1px 0 rgba(74, 124, 89, .05);--shadow-focus: 0 0 0 3px rgba(74, 124, 89, .15);--shadow-focus-error: 0 0 0 3px rgba(220, 38, 38, .1);--shadow-button: 0 3px 6px rgba(255, 107, 53, .25), inset 0 1px 0 rgba(255, 255, 255, .2);--shadow-button-hover: 0 6px 12px rgba(255, 107, 53, .3), inset 0 1px 0 rgba(255, 255, 255, .3);--shadow-pigeon: 0 12px 24px rgba(74, 124, 89, .25);--shadow-input: inset 0 2px 4px rgba(74, 124, 89, .06), inset 0 1px 2px rgba(74, 124, 89, .08), 0 1px 0 rgba(255, 255, 255, .9), 0 2px 4px rgba(74, 124, 89, .05);--shadow-input-focus: 0 0 0 3px rgba(74, 124, 89, .15), 0 8px 16px rgba(74, 124, 89, .1), 0 4px 8px rgba(74, 124, 89, .08), inset 0 1px 2px rgba(74, 124, 89, .05), 0 1px 0 rgba(255, 255, 255, .95);--animation-duration-instant: .2s;--animation-duration-quick: .25s;--animation-duration-normal: .3s;--animation-duration-smooth: .4s;--animation-duration-slow: .6s;--animation-duration-very-slow: .8s;--animation-duration-emergence: .8s;--animation-duration-text-emerge: 1s;--animation-duration-validation-debounce: .3s;--animation-duration-strength-transition: .4s;--easing-samba: cubic-bezier(.68, -.55, .265, 1.55);--easing-bossa: cubic-bezier(.4, 0, .2, 1);--easing-linear: linear;--easing-ease-in: cubic-bezier(.4, 0, 1, 1);--easing-ease-out: cubic-bezier(0, 0, .2, 1);--easing-ease-in-out: cubic-bezier(.4, 0, .2, 1);--easing-spring: cubic-bezier(.16, 1, .3, 1);--easing-emergence: cubic-bezier(.16, 1, .3, 1);--easing-validation: cubic-bezier(.4, 0, .2, 1);--micro-timing-instant: .2s;--micro-timing-quick: .25s;--micro-timing-smooth: .4s;--z-behind: -1;--z-base: 0;--z-content: 1;--z-overlay: 10;--z-dropdown: 20;--z-sticky: 30;--z-modal: 40;--z-popover: 50;--z-tooltip: 60;--z-notification: 70;--form-input-height: 48px;--form-input-padding-x: 1.25rem;--form-input-padding-y: 1rem;--form-input-border-width: 2px;--form-input-border-radius: 16px;--form-input-font-size: .95rem;--form-input-background: repeating-linear-gradient(90deg, transparent, transparent 20px, rgba(74, 124, 89, .01) 20px, rgba(74, 124, 89, .01) 21px), linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(252, 255, 252, .98) 50%, rgba(250, 254, 250, .95) 100%);--form-input-border: 2px solid rgba(74, 124, 89, .25);--form-label-font-size: .875rem;--form-label-font-weight: 500;--form-label-color: var(--color-primary-dark);--form-label-margin-bottom: .5rem;--form-validation-status-size: 20px;--form-validation-status-border-radius: 50%;--form-validation-status-right: 12px;--form-validation-status-top: 50%;--form-validation-status-transform: translateY(-50%);--form-validation-error-font-size: .75rem;--form-validation-error-color: #dc2626;--form-validation-error-margin-top: .25rem;--form-validation-error-line-height: 1.4;--form-validation-help-font-size: .8rem;--form-validation-help-color: var(--color-text-secondary);--form-validation-help-margin-top: .25rem;--form-validation-help-line-height: 1.4;--form-validation-char-count-font-size: .75rem;--form-validation-char-count-color: var(--color-text-tertiary);--form-validation-char-count-font-weight: 400;--form-max-width-sm: 420px;--form-max-width-base: 600px;--form-max-width-lg: 800px;--form-max-width-login: 700px;--form-max-width-multi-step: 650px;--form-grid-gap: 1.5rem;--form-grid-columns-desktop: 1fr 1fr;--form-grid-columns-mobile: 1fr;--form-grid-min-height: 60px;--form-checkbox-size: 16px;--button-primary-background: linear-gradient(135deg, #ff6b35 0%, #e85a2b 100%);--button-primary-shadow: 0 3px 6px rgba(255, 107, 53, .25), inset 0 1px 0 rgba(255, 255, 255, .2);--button-primary-hover-shadow: 0 6px 12px rgba(255, 107, 53, .3), inset 0 1px 0 rgba(255, 255, 255, .3);--button-primary-press-transform: scale(.98);--button-primary-ripple-color: rgba(255, 255, 255, .3);--button-size-sm-padding: .75rem 1.5rem;--button-size-sm-font-size: .875rem;--button-size-md-padding: 1rem 2rem;--button-size-md-font-size: 1rem;--button-size-lg-padding: 1.25rem 2.5rem;--button-size-lg-font-size: 1.1rem;--button-loading-opacity: .8;--button-loading-cursor: wait;--button-loading-icon-size: 16px;--button-disabled-opacity: .6;--button-disabled-cursor: not-allowed;--button-pressed-transform: scale(.98);--button-pressed-transition: transform .1s ease;--password-strength-margin-top: .75rem;--password-strength-padding: 1rem;--password-strength-background: linear-gradient(135deg, rgba(74, 124, 89, .02) 0%, rgba(255, 255, 255, .95) 100%);--password-strength-border: 1px solid rgba(74, 124, 89, .1);--password-strength-border-radius: 12px;--password-strength-header-display: flex;--password-strength-header-justify: space-between;--password-strength-header-align: center;--password-strength-header-margin-bottom: .5rem;--password-strength-label-font-size: .85rem;--password-strength-label-color: var(--color-text-secondary);--password-strength-label-font-weight: 500;--password-strength-level-font-size: .85rem;--password-strength-level-font-weight: 600;--password-strength-level-transition: color .3s ease;--password-strength-bar-width: 100%;--password-strength-bar-height: 6px;--password-strength-bar-background: rgba(0, 0, 0, .1);--password-strength-bar-border-radius: 3px;--password-strength-bar-overflow: hidden;--password-strength-bar-margin-bottom: .75rem;--password-strength-fill-height: 100%;--password-strength-fill-border-radius: 3px;--password-strength-fill-transition: all .4s cubic-bezier(.4, 0, .2, 1);--password-strength-criteria-gap: .4rem;--password-strength-criteria-font-size: .8rem;--password-strength-criteria-icon-size: 16px;--password-strength-tip-margin-top: .75rem;--password-strength-tip-padding: .75rem;--password-strength-tip-background: rgba(16, 185, 129, .05);--password-strength-tip-border: 1px solid rgba(16, 185, 129, .2);--password-strength-tip-border-radius: 8px;--password-strength-tip-font-size: .8rem;--password-strength-tip-color: #059669;--pigeon-size-sm: 44px;--pigeon-size-md: 78px;--pigeon-size-lg: 101px;--pigeon-size-xl: 156px;--pigeon-size-xxl: 203px;--step-indicator-size: 40px;--step-indicator-size-small: 35px;--navigation-height: 60px;--navigation-logo-size: 44px;--a11y-focus-ring-width: 3px;--a11y-focus-ring-offset: 2px;--a11y-min-touch-target: 44px;--a11y-focus-ring-color: rgba(74, 124, 89, .15);--a11y-focus-ring-error-color: rgba(220, 38, 38, .1);--a11y-focus-outline: none;--a11y-focus-transition: all var(--micro-timing-quick) var(--easing-bossa);--a11y-visually-hidden-position: absolute;--a11y-visually-hidden-width: 1px;--a11y-visually-hidden-height: 1px;--a11y-visually-hidden-padding: 0;--a11y-visually-hidden-margin: -1px;--a11y-visually-hidden-overflow: hidden;--a11y-visually-hidden-clip: rect(0, 0, 0, 0);--a11y-visually-hidden-white-space: nowrap;--a11y-visually-hidden-border: 0;--texture-paper: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(74, 124, 89, .02) 10px, rgba(74, 124, 89, .02) 11px);--texture-subtle: repeating-linear-gradient(90deg, transparent, transparent 20px, rgba(74, 124, 89, .01) 20px, rgba(74, 124, 89, .01) 21px);--backdrop-blur: blur(16px) saturate(130%) brightness(1.02);--opacity-0: 0;--opacity-5: .05;--opacity-10: .1;--opacity-20: .2;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-60: .6;--opacity-70: .7;--opacity-80: .8;--opacity-90: .9;--opacity-95: .95;--opacity-100: 1;--parallax-slow: .3;--parallax-normal: .5;--parallax-fast: .7;--stagger-title: .5s;--stagger-subtitle: .7s;--stagger-description: .9s;--stagger-feature-1: 1.1s;--stagger-feature-2: 1.2s;--stagger-feature-3: 1.3s}:root,:root.theme-light{--color-primary-25: #f7fef8;--color-primary-50: #f0fdf4;--color-primary-100: #dcfce7;--color-primary-200: #bbf7d0;--color-primary-300: #86efac;--color-primary-400: #4ade80;--color-primary-500: #22c55e;--color-primary-600: #16a34a;--color-primary-700: #15803d;--color-primary-800: #166534;--color-primary-900: #14532d;--color-primary-950: #052e16;--color-neutral-0: #ffffff;--color-neutral-25: #fefefe;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #e5e5e5;--color-neutral-300: #d4d4d4;--color-neutral-400: #a3a3a3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--color-neutral-950: #0a0a0a;--color-success-25: #f7fef8;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-200: #bbf7d0;--color-success-300: #86efac;--color-success-400: #4ade80;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-success-800: #166534;--color-success-900: #14532d;--color-warning-25: #fffcf0;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-800: #92400e;--color-warning-900: #78350f;--color-error-25: #fefaf9;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-300: #fca5a5;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-error-800: #991b1b;--color-error-900: #7f1d1d;--color-info-25: #f8fafc;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-200: #bfdbfe;--color-info-300: #93c5fd;--color-info-400: #60a5fa;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-700: #1d4ed8;--color-info-800: #1e40af;--color-info-900: #1e3a8a;--color-price-discount: var(--color-error-600);--color-price-original: var(--color-neutral-500);--color-price-current: var(--color-neutral-900);--color-price-installment: var(--color-primary-600);--color-stock-high: var(--color-success-600);--color-stock-medium: var(--color-warning-600);--color-stock-low: var(--color-error-600);--color-rating-star: #fbbf24;--color-rating-empty: var(--color-neutral-300);--bg-page: linear-gradient(135deg, #e8f4e6 0%, #d1e8cc 25%, #bde0b5 50%, #a8d7a0 75%, #94ce8b 100%);--bg-primary: var(--color-neutral-0);--bg-secondary: var(--color-neutral-50);--bg-tertiary: var(--color-neutral-100);--bg-accent: var(--color-primary-25);--bg-muted: var(--color-neutral-100);--bg-elevated: var(--color-neutral-0);--bg-overlay: rgba(0, 0, 0, .4);--bg-success: var(--color-success-50);--bg-warning: var(--color-warning-50);--bg-error: var(--color-error-50);--bg-info: var(--color-info-50);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-700);--text-tertiary: var(--color-neutral-500);--text-quaternary: var(--color-neutral-400);--text-muted: var(--color-neutral-400);--text-accent: var(--color-primary-600);--text-on-primary: var(--color-neutral-0);--text-on-accent: var(--color-primary-950);--text-success: var(--color-success-700);--text-warning: var(--color-warning-700);--text-error: var(--color-error-700);--text-info: var(--color-info-700);--text-link: var(--color-primary-600);--text-link-hover: var(--color-primary-700);--text-link-visited: var(--color-primary-800);--border-primary: var(--color-neutral-200);--border-secondary: var(--color-neutral-300);--border-tertiary: var(--color-neutral-100);--border-accent: var(--color-primary-300);--border-focus: var(--color-primary-500);--border-success: var(--color-success-300);--border-warning: var(--color-warning-300);--border-error: var(--color-error-300);--border-info: var(--color-info-300);--interactive-primary: var(--color-primary-600);--interactive-primary-hover: var(--color-primary-700);--interactive-primary-active: var(--color-primary-800);--interactive-primary-disabled: var(--color-neutral-300);--interactive-secondary: var(--color-neutral-0);--interactive-secondary-hover: var(--color-neutral-50);--interactive-secondary-active: var(--color-neutral-100);--interactive-tertiary: transparent;--interactive-tertiary-hover: var(--color-neutral-50);--interactive-tertiary-active: var(--color-neutral-100);--input-bg: var(--color-neutral-0);--input-border: var(--color-neutral-300);--input-border-hover: var(--color-neutral-400);--input-border-focus: var(--color-primary-500);--input-text: var(--color-neutral-900);--input-placeholder: var(--color-neutral-500);--input-disabled-bg: var(--color-neutral-100);--input-disabled-text: var(--color-neutral-400);--shadow-color-base: rgba(0, 0, 0, .04);--shadow-color-medium: rgba(0, 0, 0, .08);--shadow-color-strong: rgba(0, 0, 0, .12);--shadow-xs: 0 1px 2px var(--shadow-color-base);--shadow-sm: 0 1px 3px var(--shadow-color-base), 0 1px 2px var(--shadow-color-medium);--shadow-md: 0 4px 6px -1px var(--shadow-color-base), 0 2px 4px -1px var(--shadow-color-medium);--shadow-lg: 0 10px 15px -3px var(--shadow-color-medium), 0 4px 6px -2px var(--shadow-color-base);--shadow-xl: 0 20px 25px -5px var(--shadow-color-medium), 0 10px 10px -5px var(--shadow-color-strong);--shadow-2xl: 0 25px 50px -12px var(--shadow-color-strong);--shadow-primary: 0 4px 14px 0 rgba(34, 197, 94, .15);--shadow-success: 0 4px 14px 0 rgba(34, 197, 94, .2);--shadow-warning: 0 4px 14px 0 rgba(245, 158, 11, .2);--shadow-error: 0 4px 14px 0 rgba(239, 68, 68, .2);--shadow-focus: 0 0 0 3px rgba(34, 197, 94, .1);--shadow-focus-error: 0 0 0 3px rgba(239, 68, 68, .1);--card-bg: var(--bg-primary);--card-border: var(--border-primary);--card-shadow: var(--shadow-sm);--card-hover-shadow: var(--shadow-md);--card-elevated-shadow: var(--shadow-lg);--btn-primary-bg: var(--interactive-primary);--btn-primary-text: var(--text-on-primary);--btn-primary-border: var(--interactive-primary);--btn-primary-shadow: var(--shadow-primary);--btn-secondary-bg: var(--interactive-secondary);--btn-secondary-text: var(--text-primary);--btn-secondary-border: var(--border-primary);--btn-secondary-shadow: var(--shadow-sm);--nav-bg: var(--bg-primary);--nav-border: var(--border-primary);--nav-shadow: var(--shadow-sm);--nav-item-hover: var(--bg-secondary);--nav-item-active: var(--bg-accent);--product-card-bg: var(--bg-primary);--product-card-border: var(--border-primary);--product-card-shadow: var(--shadow-sm);--product-card-hover-shadow: var(--shadow-md);--product-price-color: var(--color-price-current);--product-discount-color: var(--color-price-discount);--product-badge-bg: var(--color-primary-500);--product-badge-text: var(--text-on-primary);--focus-outline: 2px solid var(--color-primary-600);--focus-outline-offset: 2px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--selection-bg: var(--color-primary-100);--selection-text: var(--color-primary-900)}::-moz-selection{background-color:var(--selection-bg);color:var(--selection-text)}::selection{background-color:var(--selection-bg);color:var(--selection-text)}:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset);border-radius:var(--border-radius)}.btn-primary{background:linear-gradient(135deg,var(--btn-primary-bg) 0%,var(--color-primary-700) 100%);box-shadow:var(--btn-primary-shadow);transition:all var(--transition-normal)}.btn-primary:hover{background:linear-gradient(135deg,var(--interactive-primary-hover) 0%,var(--color-primary-800) 100%);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-2px)}.card-elevated{box-shadow:var(--card-elevated-shadow)}.product-card{background:var(--product-card-bg);border:1px solid var(--product-card-border);box-shadow:var(--product-card-shadow);transition:all var(--transition-normal)}.product-card:hover{box-shadow:var(--product-card-hover-shadow);transform:translateY(-3px)}.product-price{color:var(--product-price-color);font-weight:600}.product-discount{color:var(--product-discount-color);font-weight:500}.product-badge{background:var(--product-badge-bg);color:var(--product-badge-text);box-shadow:var(--shadow-sm)}.form-input{background:var(--input-bg);border:1px solid var(--input-border);transition:all var(--transition-fast)}.form-input:hover{border-color:var(--input-border-hover)}.form-input:focus{border-color:var(--input-border-focus);box-shadow:var(--shadow-focus)}.form-input:disabled{background:var(--input-disabled-bg);color:var(--input-disabled-text);cursor:not-allowed}.nav{background:var(--nav-bg);border-bottom:1px solid var(--nav-border);box-shadow:var(--nav-shadow)}.nav-item:hover{background:var(--nav-item-hover)}.nav-item.active{background:var(--nav-item-active);color:var(--text-accent)}@media (max-width: 640px){:root{--card-shadow: var(--shadow-xs);--card-hover-shadow: var(--shadow-sm);--transition-fast: .1s ease;--transition-normal: .15s ease}}@media (min-resolution: 192dpi){:root{--border-primary: .5px solid var(--color-neutral-200)}}@media print{:root{--bg-page: #ffffff;--bg-primary: #ffffff;--text-primary: #000000;--border-primary: #000000;--shadow-sm: none;--shadow-md: none;--shadow-lg: none}}:root.theme-dark{--color-primary-25: #052e16;--color-primary-50: #14532d;--color-primary-100: #166534;--color-primary-200: #15803d;--color-primary-300: #16a34a;--color-primary-400: #22c55e;--color-primary-500: #4ade80;--color-primary-600: #86efac;--color-primary-700: #bbf7d0;--color-primary-800: #dcfce7;--color-primary-900: #f0fdf4;--color-primary-950: #f7fef8;--color-neutral-0: #000000;--color-neutral-25: #0a0a0a;--color-neutral-50: #141414;--color-neutral-100: #1a1a1a;--color-neutral-200: #262626;--color-neutral-300: #333333;--color-neutral-400: #525252;--color-neutral-500: #737373;--color-neutral-600: #a3a3a3;--color-neutral-700: #d4d4d4;--color-neutral-800: #e5e5e5;--color-neutral-900: #f5f5f5;--color-neutral-950: #ffffff;--color-success-25: #052e16;--color-success-50: #14532d;--color-success-100: #166534;--color-success-200: #15803d;--color-success-300: #16a34a;--color-success-400: #22c55e;--color-success-500: #4ade80;--color-success-600: #86efac;--color-success-700: #bbf7d0;--color-success-800: #dcfce7;--color-success-900: #f0fdf4;--color-warning-25: #78350f;--color-warning-50: #92400e;--color-warning-100: #b45309;--color-warning-200: #d97706;--color-warning-300: #f59e0b;--color-warning-400: #fbbf24;--color-warning-500: #fcd34d;--color-warning-600: #fde68a;--color-warning-700: #fef3c7;--color-warning-800: #fffbeb;--color-warning-900: #fffcf0;--color-error-25: #7f1d1d;--color-error-50: #991b1b;--color-error-100: #b91c1c;--color-error-200: #dc2626;--color-error-300: #ef4444;--color-error-400: #f87171;--color-error-500: #fca5a5;--color-error-600: #fecaca;--color-error-700: #fee2e2;--color-error-800: #fef2f2;--color-error-900: #fefaf9;--color-info-25: #1e3a8a;--color-info-50: #1e40af;--color-info-100: #1d4ed8;--color-info-200: #2563eb;--color-info-300: #3b82f6;--color-info-400: #60a5fa;--color-info-500: #93c5fd;--color-info-600: #bfdbfe;--color-info-700: #dbeafe;--color-info-800: #eff6ff;--color-info-900: #f8fafc;--color-price-discount: var(--color-error-400);--color-price-original: var(--color-neutral-500);--color-price-current: var(--color-neutral-900);--color-price-installment: var(--color-primary-500);--color-stock-high: var(--color-success-500);--color-stock-medium: var(--color-warning-400);--color-stock-low: var(--color-error-400);--color-rating-star: #fbbf24;--color-rating-empty: var(--color-neutral-400);--bg-page: linear-gradient(135deg, #0a0a0a 0%, #0f1410 25%, #141a16 50%, #19201b 75%, #1e2720 100%);--bg-primary: var(--color-neutral-100);--bg-secondary: var(--color-neutral-200);--bg-tertiary: var(--color-neutral-300);--bg-accent: var(--color-primary-100);--bg-muted: var(--color-neutral-200);--bg-elevated: var(--color-neutral-200);--bg-overlay: rgba(0, 0, 0, .8);--bg-success: var(--color-success-100);--bg-warning: var(--color-warning-100);--bg-error: var(--color-error-100);--bg-info: var(--color-info-100);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-700);--text-tertiary: var(--color-neutral-600);--text-quaternary: var(--color-neutral-500);--text-muted: var(--color-neutral-500);--text-accent: var(--color-primary-500);--text-on-primary: var(--color-neutral-50);--text-on-accent: var(--color-primary-950);--text-success: var(--color-success-600);--text-warning: var(--color-warning-500);--text-error: var(--color-error-500);--text-info: var(--color-info-500);--text-link: var(--color-primary-500);--text-link-hover: var(--color-primary-400);--text-link-visited: var(--color-primary-600);--border-primary: var(--color-neutral-400);--border-secondary: var(--color-neutral-500);--border-tertiary: var(--color-neutral-300);--border-accent: var(--color-primary-400);--border-focus: var(--color-primary-500);--border-success: var(--color-success-400);--border-warning: var(--color-warning-400);--border-error: var(--color-error-400);--border-info: var(--color-info-400);--interactive-primary: var(--color-primary-500);--interactive-primary-hover: var(--color-primary-400);--interactive-primary-active: var(--color-primary-300);--interactive-primary-disabled: var(--color-neutral-400);--interactive-secondary: var(--color-neutral-200);--interactive-secondary-hover: var(--color-neutral-300);--interactive-secondary-active: var(--color-neutral-400);--interactive-tertiary: transparent;--interactive-tertiary-hover: var(--color-neutral-200);--interactive-tertiary-active: var(--color-neutral-300);--input-bg: var(--color-neutral-100);--input-border: var(--color-neutral-400);--input-border-hover: var(--color-neutral-500);--input-border-focus: var(--color-primary-500);--input-text: var(--color-neutral-900);--input-placeholder: var(--color-neutral-500);--input-disabled-bg: var(--color-neutral-200);--input-disabled-text: var(--color-neutral-400);--shadow-color-base: rgba(0, 0, 0, .3);--shadow-color-medium: rgba(0, 0, 0, .4);--shadow-color-strong: rgba(0, 0, 0, .5);--shadow-xs: 0 1px 2px var(--shadow-color-base);--shadow-sm: 0 1px 3px var(--shadow-color-base), 0 1px 2px var(--shadow-color-medium);--shadow-md: 0 4px 6px -1px var(--shadow-color-medium), 0 2px 4px -1px var(--shadow-color-base);--shadow-lg: 0 10px 15px -3px var(--shadow-color-medium), 0 4px 6px -2px var(--shadow-color-strong);--shadow-xl: 0 20px 25px -5px var(--shadow-color-strong), 0 10px 10px -5px var(--shadow-color-medium);--shadow-2xl: 0 25px 50px -12px var(--shadow-color-strong);--shadow-primary: 0 4px 14px 0 rgba(74, 222, 128, .25);--shadow-success: 0 4px 14px 0 rgba(74, 222, 128, .3);--shadow-warning: 0 4px 14px 0 rgba(251, 191, 36, .3);--shadow-error: 0 4px 14px 0 rgba(248, 113, 113, .3);--shadow-focus: 0 0 0 3px rgba(74, 222, 128, .2);--shadow-focus-error: 0 0 0 3px rgba(248, 113, 113, .2);--glow-primary: 0 0 20px rgba(74, 222, 128, .1);--glow-success: 0 0 20px rgba(74, 222, 128, .15);--glow-warning: 0 0 20px rgba(251, 191, 36, .15);--glow-error: 0 0 20px rgba(248, 113, 113, .15);--card-bg: var(--bg-primary);--card-border: var(--border-primary);--card-shadow: var(--shadow-md);--card-hover-shadow: var(--shadow-lg);--card-elevated-shadow: var(--shadow-xl);--btn-primary-bg: var(--interactive-primary);--btn-primary-text: var(--text-on-primary);--btn-primary-border: var(--interactive-primary);--btn-primary-shadow: var(--shadow-primary);--btn-secondary-bg: var(--interactive-secondary);--btn-secondary-text: var(--text-primary);--btn-secondary-border: var(--border-primary);--btn-secondary-shadow: var(--shadow-sm);--nav-bg: var(--bg-primary);--nav-border: var(--border-primary);--nav-shadow: var(--shadow-md);--nav-item-hover: var(--bg-secondary);--nav-item-active: var(--bg-accent);--product-card-bg: var(--bg-primary);--product-card-border: var(--border-primary);--product-card-shadow: var(--shadow-md);--product-card-hover-shadow: var(--shadow-lg);--product-price-color: var(--color-price-current);--product-discount-color: var(--color-price-discount);--product-badge-bg: var(--color-primary-500);--product-badge-text: var(--text-on-primary);--focus-outline: 2px solid var(--color-primary-500);--focus-outline-offset: 2px;--selection-bg: var(--color-primary-200);--selection-text: var(--color-primary-950);--scrollbar-track: var(--color-neutral-200);--scrollbar-thumb: var(--color-neutral-400);--scrollbar-thumb-hover: var(--color-neutral-500)}:root.theme-dark .btn-primary{background:linear-gradient(135deg,var(--btn-primary-bg) 0%,var(--color-primary-400) 100%);box-shadow:var(--btn-primary-shadow),var(--glow-primary);transition:all var(--transition-normal)}:root.theme-dark .btn-primary:hover{background:linear-gradient(135deg,var(--interactive-primary-hover) 0%,var(--color-primary-300) 100%);box-shadow:var(--shadow-lg),var(--glow-success);transform:translateY(-1px)}:root.theme-dark .card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);transition:all var(--transition-normal)}:root.theme-dark .card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-2px);border-color:var(--border-accent)}:root.theme-dark .card-elevated{box-shadow:var(--card-elevated-shadow)}:root.theme-dark .product-card{background:var(--product-card-bg);border:1px solid var(--product-card-border);box-shadow:var(--product-card-shadow);transition:all var(--transition-normal)}:root.theme-dark .product-card:hover{box-shadow:var(--product-card-hover-shadow),var(--glow-primary);transform:translateY(-3px);border-color:var(--border-accent)}:root.theme-dark .form-input{background:var(--input-bg);border:1px solid var(--input-border);transition:all var(--transition-fast)}:root.theme-dark .form-input:hover{border-color:var(--input-border-hover);box-shadow:var(--shadow-sm)}:root.theme-dark .form-input:focus{border-color:var(--input-border-focus);box-shadow:var(--shadow-focus),var(--glow-primary)}:root.theme-dark ::-webkit-scrollbar{width:8px;height:8px}:root.theme-dark ::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}:root.theme-dark ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px;-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}:root.theme-dark ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}:root.theme-dark ::-moz-selection{background-color:var(--selection-bg);color:var(--selection-text)}:root.theme-dark ::selection{background-color:var(--selection-bg);color:var(--selection-text)}@media (prefers-contrast: high){:root.theme-dark{--border-primary: var(--color-neutral-600);--text-primary: var(--color-neutral-950);--bg-primary: var(--color-neutral-50);--shadow-md: var(--shadow-lg);--shadow-lg: var(--shadow-xl)}}@media (prefers-reduced-motion: reduce){:root.theme-dark *{transition:none!important;animation:none!important}:root.theme-dark{--glow-primary: none;--glow-success: none;--glow-warning: none;--glow-error: none}}@media (max-width: 640px){:root.theme-dark{--glow-primary: none;--glow-success: none;--card-shadow: var(--shadow-sm);--card-hover-shadow: var(--shadow-md);--transition-fast: .1s ease;--transition-normal: .15s ease}}@media (prefers-color-scheme: dark) and (color-gamut: p3){:root.theme-dark{--bg-page: #000000;--color-neutral-25: #000000}}@media (prefers-reduced-data: reduce){:root.theme-dark{--glow-primary: none;--glow-success: none;--glow-warning: none;--glow-error: none;--shadow-primary: var(--shadow-sm);--card-elevated-shadow: var(--shadow-md)}}:root.theme-auto{--primary-50: #f0fdf4;--primary-100: #dcfce7;--primary-200: #bbf7d0;--primary-300: #86efac;--primary-400: #4ade80;--primary-500: #22c55e;--primary-600: #16a34a;--primary-700: #15803d;--primary-800: #166534;--primary-900: #14532d;--primary: #4a7c59;--color-primary: #4a7c59;--color-primary-main: #4a7c59;--color-primary-light: #5ca35c;--color-primary-dark: #3a6149}@media (prefers-color-scheme: dark){:root.theme-auto{--primary-50: #14532d;--primary-100: #166534;--primary-200: #15803d;--primary-300: #16a34a;--primary-400: #22c55e;--primary-500: #4ade80;--primary-600: #16a34a;--primary-700: #15803d;--primary-800: #166534;--primary-900: #14532d;--gray-50: #1f2937;--gray-100: #374151;--gray-200: #4b5563;--gray-300: #6b7280;--gray-400: #9ca3af;--gray-500: #d1d5db;--gray-600: #e5e7eb;--gray-700: #f3f4f6;--gray-800: #f9fafb;--gray-900: #ffffff;--background: var(--gray-50);--foreground: var(--gray-900);--card: var(--gray-100);--card-foreground: var(--gray-800);--popover: var(--gray-100);--popover-foreground: var(--gray-800);--primary: #4a7c59;--primary-foreground: var(--gray-50);--secondary: var(--gray-200);--secondary-foreground: var(--gray-700);--muted: var(--gray-200);--muted-foreground: var(--gray-600);--accent: var(--gray-200);--accent-foreground: var(--gray-700);--destructive: #dc2626;--destructive-foreground: var(--gray-50);--border: var(--gray-300);--input: var(--gray-300);--ring: var(--primary-500);--radius: .5rem}}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-normal: 0ms;--transition-slow: 0ms}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){:root{--shadow-sm: 0 0 0 1px currentColor;--shadow-md: 0 0 0 2px currentColor;--shadow-lg: 0 0 0 3px currentColor;--shadow-xl: 0 0 0 4px currentColor}}:root{--time-transition-duration: 1s;--time-transition-easing: cubic-bezier(.4, 0, .2, 1)}:root[data-auto-switching=true] *{transition:color var(--time-transition-duration) var(--time-transition-easing),background-color var(--time-transition-duration) var(--time-transition-easing),border-color var(--time-transition-duration) var(--time-transition-easing),box-shadow var(--time-transition-duration) var(--time-transition-easing),fill var(--time-transition-duration) var(--time-transition-easing)}:root:not([data-auto-switching=true]) *{transition:var(--theme-transition)}:root[data-theme=light][data-time-period=morning]{--bg-page: #fafbfc;--color-primary-500: #10b981;--text-primary: #111827;--shadow-primary: 0 4px 14px 0 rgba(16, 185, 129, .2)}:root[data-theme=light][data-time-period=midday]{--bg-page: #ffffff;--color-primary-500: #059669;--text-primary: #1f2937;--shadow-primary: 0 4px 14px 0 rgba(5, 150, 105, .15)}:root[data-theme=light][data-time-period=afternoon]{--bg-page: #fefefe;--color-primary-500: #047857;--text-primary: #374151;--shadow-primary: 0 4px 14px 0 rgba(4, 120, 87, .18)}:root[data-theme=dark][data-time-period=evening]{--bg-page: #1a1a1a;--color-primary-500: #34d399;--text-primary: #e5e7eb;--glow-primary: 0 0 15px rgba(52, 211, 153, .1)}:root[data-theme=dark][data-time-period=night]{--bg-page: #0f0f0f;--color-primary-500: #6ee7b7;--text-primary: #f3f4f6;--glow-primary: 0 0 10px rgba(110, 231, 183, .08);--border-primary: #404040;--bg-primary: #1a1a1a}:root[data-theme=dark][data-time-period=late-night]{--bg-page: #0a0a0a;--color-primary-500: #86efac;--text-primary: #f9fafb;--glow-primary: 0 0 8px rgba(134, 239, 172, .06);--border-primary: #333333;--bg-primary: #141414;--text-secondary: #9ca3af}.auto-switching-indicator{position:fixed;top:16px;left:50%;transform:translate(-50%);padding:8px 16px;background:var(--bg-accent);border:1px solid var(--border-accent);border-radius:20px;font-size:12px;color:var(--text-accent);z-index:var(--z-toast);opacity:0;transition:opacity .3s ease;pointer-events:none}:root[data-auto-switching=true] .auto-switching-indicator{opacity:1;animation:auto-switch-pulse 2s ease-in-out}@keyframes auto-switch-pulse{0%,to{opacity:0}20%,80%{opacity:1}}.theme-toggle[data-auto-switching=true]{position:relative}.theme-toggle[data-auto-switching=true]:before{content:"";position:absolute;inset:-4px;border:2px solid var(--color-primary-500);border-radius:inherit;opacity:.6;animation:theme-toggle-ring 3s ease-in-out infinite}@keyframes theme-toggle-ring{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.3;transform:scale(1.1)}}:root[data-transition=sunrise]{--time-transition-duration: 2s;--transition-accent: linear-gradient(45deg, #f59e0b, #22c55e)}:root[data-transition=sunrise] .hero,:root[data-transition=sunrise] .main-content{background:linear-gradient(135deg,#f59e0b0d,#22c55e0d)}:root[data-transition=sunset]{--time-transition-duration: 2s;--transition-accent: linear-gradient(45deg, #22c55e, #f59e0b)}:root[data-transition=sunset] .hero,:root[data-transition=sunset] .main-content{background:linear-gradient(135deg,#22c55e0d,#f59e0b0d)}:root[data-season=summer]{--color-primary-500: #10b981;--shadow-primary: 0 4px 14px 0 rgba(16, 185, 129, .25)}:root[data-season=winter]{--color-primary-500: #047857;--shadow-primary: 0 4px 14px 0 rgba(4, 120, 87, .15);--color-neutral-50: #fefefe;--color-neutral-100: #f8f8f8}:root[data-season=spring]{--color-primary-500: #059669;--shadow-primary: 0 4px 14px 0 rgba(5, 150, 105, .2)}:root[data-season=fall]{--color-primary-500: #065f46;--shadow-primary: 0 4px 14px 0 rgba(6, 95, 70, .18)}.card[data-time-adaptive=true]{transition:all var(--time-transition-duration) var(--time-transition-easing)}:root[data-time-period=morning] .card[data-time-adaptive=true]{box-shadow:var(--shadow-lg)}:root[data-time-period=night] .card[data-time-adaptive=true],:root[data-time-period=late-night] .card[data-time-adaptive=true]{box-shadow:var(--shadow-sm);border-color:var(--color-neutral-400)}.btn-primary[data-time-adaptive=true]{transition:all var(--time-transition-duration) var(--time-transition-easing)}:root[data-time-period=morning] .btn-primary[data-time-adaptive=true],:root[data-time-period=midday] .btn-primary[data-time-adaptive=true]{box-shadow:var(--shadow-primary),var(--glow-success)}:root[data-time-period=night] .btn-primary[data-time-adaptive=true],:root[data-time-period=late-night] .btn-primary[data-time-adaptive=true]{box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion: reduce){:root[data-auto-switching=true] *{transition:none!important}.auto-switching-indicator,.theme-toggle[data-auto-switching=true]:before{animation:none!important}}@media (prefers-contrast: high){:root[data-time-period]{--color-primary-500: #22c55e;--text-primary: var(--theme-dark) ? #ffffff : #000000;--border-primary: var(--theme-dark) ? #ffffff : #000000}}@media (forced-colors: active){:root[data-time-period]{--bg-primary: Canvas;--text-primary: CanvasText;--color-primary-500: Highlight;--border-primary: CanvasText}}.time-theme-debug{position:fixed;bottom:16px;left:16px;padding:12px;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--border-radius);font-family:var(--font-family-mono);font-size:11px;color:var(--text-secondary);z-index:var(--z-toast);opacity:.8;pointer-events:none;display:none}:root[data-env=development] .time-theme-debug{display:block}.time-theme-debug .debug-line{display:block;margin-bottom:2px}.time-theme-debug .debug-value{color:var(--text-accent);font-weight:600}.theme-transition{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,fill .3s ease,stroke .3s ease}.theme-transition-fast{transition-duration:.15s}.theme-transition-slow{transition-duration:.5s}.theme-switching *{transition:none!important}@keyframes theme-fade-in{0%{opacity:0}to{opacity:1}}@keyframes theme-fade-out{0%{opacity:1}to{opacity:0}}@media (prefers-contrast: high){:root{--theme-contrast-boost: 1.2}.theme-high-contrast{filter:contrast(var(--theme-contrast-boost))}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.theme-transition,.theme-transition-fast,.theme-transition-slow{transition:none!important}}.theme-focus-visible:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-to-content{position:absolute;left:-9999px;z-index:999}.skip-to-content:focus{position:fixed;top:0;left:0;background:var(--color-background);color:var(--color-text);padding:1rem;text-decoration:none}.btn{background-color:var(--color-primary);color:var(--color-primary-contrast);border:1px solid var(--color-primary);transition:all .2s ease}.btn:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn:active{transform:scale(.98)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-secondary-contrast);border-color:var(--color-secondary)}.btn-secondary:hover{background-color:var(--color-secondary-dark);border-color:var(--color-secondary-dark)}.btn-ghost{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-ghost:hover{background-color:var(--color-primary);color:var(--color-primary-contrast)}[data-theme=dark] .btn{box-shadow:0 2px 4px #0000004d}[data-theme=dark] .btn:hover{box-shadow:0 4px 8px #0006}.form-input{background:linear-gradient(to bottom,#fffffff2,#fefefeeb);color:var(--color-text-primary);border:2px solid rgba(74,124,89,.15);border-radius:12px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 2px #4a7c590d,0 1px #ffffffe6;font-size:.9375rem}.form-input:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #4a7c5926,0 4px 12px #4a7c591a,inset 0 1px 2px #4a7c590d;background:linear-gradient(to bottom,#fffffffa,#fefefef2);transform:translateY(-1px)}.form-label{color:var(--color-text-secondary);font-weight:500}.form-input-error{border-color:var(--color-error-500);background:linear-gradient(to bottom,#fef2f2f2,#fef0f0eb)}.form-input-error:focus{box-shadow:0 0 0 3px #ef444426,0 4px 12px #ef44441a,inset 0 1px 2px #ef44440d}.form-error-message{color:var(--color-error);font-size:.875rem}.form-input-success{border-color:var(--color-success-500);background:linear-gradient(to bottom,#f0fdf4f2,#eefcf2eb)}.form-input-success:focus{box-shadow:0 0 0 3px #22c55e26,0 4px 12px #22c55e1a,inset 0 1px 2px #22c55e0d}[data-theme=dark] .form-input,.theme-dark .form-input{background:linear-gradient(to bottom,#1a1a1af2,#202020eb);border-color:#56efac26;color:var(--color-text-primary);box-shadow:inset 0 1px 2px #0000004d,0 1px #ffffff0d}[data-theme=dark] .form-input:focus,.theme-dark .form-input:focus{background:linear-gradient(to bottom,#202020fa,#262626f2);border-color:var(--color-primary-400);box-shadow:0 0 0 3px #56efac26,0 4px 12px #56efac1a,inset 0 1px 2px #0003}.form-section{position:relative;background:linear-gradient(135deg,#fffffffa,#fefefef5);border-radius:16px;padding:24px;margin-bottom:24px;border:1px solid rgba(74,124,89,.1);box-shadow:0 4px 12px #4a7c590f,0 2px 6px #4a7c590a,inset 0 1px #ffffffe6}.form-section:before{content:"";position:absolute;top:-1px;right:-1px;width:50px;height:50px;background:linear-gradient(135deg,transparent 50%,rgba(74,124,89,.04) 50%);border-radius:0 16px 0 0}.form-button{background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-500) 100%);border:none;border-radius:12px;padding:12px 24px;color:#fff;font-weight:600;font-size:.9375rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #4a7c5940,inset 0 1px #fff3;cursor:pointer}.form-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4a7c594d,inset 0 1px #ffffff4d}.form-button:active{transform:translateY(0);box-shadow:0 2px 8px #4a7c5933,inset 0 1px 2px #0000001a}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--color-border);padding:var(--spacing-4)}.card-body{padding:var(--spacing-4)}.card-footer{border-top:1px solid var(--color-border);padding:var(--spacing-4);background-color:var(--color-background-subtle)}.card-elevated{background-color:var(--color-surface-elevated);box-shadow:var(--shadow-lg);border:none}[data-theme=dark] .card{background-color:var(--color-surface-dark);border-color:var(--color-border-subtle)}[data-theme=dark] .card-footer{background-color:var(--color-surface-darker)}[data-theme*=origami] .card{position:relative;overflow:hidden}[data-theme*=origami] .card:before{content:"";position:absolute;top:-10px;right:-10px;width:40px;height:40px;background:linear-gradient(135deg,transparent 50%,var(--color-primary-alpha-10) 50%);transform:rotate(45deg)}.particle-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-index-particles)}.particle-leaves{opacity:var(--particle-opacity, .8);mix-blend-mode:multiply}.particle-confetti{mix-blend-mode:screen}.particle-snow{opacity:.9;filter:blur(.5px)}.particle-sparkle{mix-blend-mode:add;filter:brightness(1.5)}.particles-low-quality{filter:none;transform:translateZ(0)}.particles-medium-quality{will-change:transform}.particles-high-quality{will-change:transform,opacity;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@media (prefers-reduced-motion: reduce){.particle-container{display:none}}[data-theme=sakura-origami] .particle-leaves{filter:hue-rotate(320deg) saturate(1.2)}[data-theme=bamboo-garden] .particle-leaves{filter:hue-rotate(90deg) brightness(.9)}[data-theme=golden-paper] .particle-leaves{filter:sepia(.8) saturate(2) hue-rotate(40deg)}@keyframes theme-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes theme-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes theme-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes theme-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes theme-scale-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes origami-fold{0%{transform:rotateX(0) rotateY(0)}25%{transform:rotateX(45deg) rotateY(0)}50%{transform:rotateX(45deg) rotateY(45deg)}75%{transform:rotateX(0) rotateY(45deg)}to{transform:rotateX(0) rotateY(0)}}@keyframes theme-pulse{0%{box-shadow:0 0 0 0 var(--color-primary-alpha-40)}70%{box-shadow:0 0 0 10px var(--color-primary-alpha-0)}to{box-shadow:0 0 0 0 var(--color-primary-alpha-0)}}.animate-fade-in{animation:theme-fade-in .3s ease-out}.animate-fade-out{animation:theme-fade-out .3s ease-out}.animate-slide-in-left{animation:theme-slide-in-left .3s ease-out}.animate-slide-in-right{animation:theme-slide-in-right .3s ease-out}.animate-scale-in{animation:theme-scale-in .3s ease-out}.animate-origami-fold{animation:origami-fold 2s ease-in-out infinite}.animate-pulse{animation:theme-pulse 2s infinite}.animate-stagger-1{animation-delay:.1s}.animate-stagger-2{animation-delay:.2s}.animate-stagger-3{animation-delay:.3s}.animate-stagger-4{animation-delay:.4s}.animate-stagger-5{animation-delay:.5s}html,html body,body,#root,.app{background-color:#e8f5e8!important;background-image:repeating-linear-gradient(90deg,transparent 0px,transparent 15px,rgba(74,124,89,.15) 15px,rgba(74,124,89,.15) 17px),repeating-linear-gradient(0deg,transparent 0px,transparent 15px,rgba(74,124,89,.15) 15px,rgba(74,124,89,.15) 17px),linear-gradient(135deg,#e8f5e8,#d4f4d4,#c4f0c4)!important}:root,:root.theme-auto,:root.theme-light,html,html body,body{--primary-50: #f0fdf4 !important;--primary-100: #dcfce7 !important;--primary-200: #bbf7d0 !important;--primary-300: #86efac !important;--primary-400: #4ade80 !important;--primary-500: #22c55e !important;--primary-600: #16a34a !important;--primary-700: #15803d !important;--primary-800: #166534 !important;--primary-900: #14532d !important;--bg-primary: #4a7c59 !important;--background-primary: #4a7c59 !important;--theme-primary: #4a7c59 !important;--brand-primary: #4a7c59 !important;--color-info-500: #22c55e !important;--color-info-600: #16a34a !important;--color-info-700: #15803d !important;--color-primary: #4a7c59 !important;--color-primary-light: #5ca35c !important;--color-primary-dark: #3a6149 !important;--color-primary-main: #4a7c59 !important;--interactive-primary: #4a7c59 !important;--interactive-primary-hover: #5ca35c !important;--interactive-primary-active: #3a6149 !important;--text-link: #4a7c59 !important;--text-link-hover: #5ca35c !important;--text-accent: #4a7c59 !important;--primary: #4a7c59 !important;--accent: #4a7c59 !important}@media (prefers-color-scheme: dark){:root.theme-auto{--primary-50: #14532d !important;--primary-100: #166534 !important;--primary-200: #15803d !important;--primary-300: #16a34a !important;--primary-400: #22c55e !important;--primary-500: #4ade80 !important;--primary-600: #86efac !important;--primary-700: #bbf7d0 !important;--primary-800: #dcfce7 !important;--primary-900: #f0fdf4 !important}}.bg-blue-50,.bg-blue-100,.bg-blue-200,.bg-blue-300,.bg-blue-400,.bg-blue-500,.bg-blue-600,.bg-blue-700,.bg-blue-800,.bg-blue-900{background-color:#4a7c59!important}.text-blue-50,.text-blue-100,.text-blue-200,.text-blue-300,.text-blue-400,.text-blue-500,.text-blue-600,.text-blue-700,.text-blue-800,.text-blue-900{color:#4a7c59!important}.border-blue-50,.border-blue-100,.border-blue-200,.border-blue-300,.border-blue-400,.border-blue-500,.border-blue-600,.border-blue-700,.border-blue-800,.border-blue-900{border-color:#4a7c59!important}.focus\:ring-blue-500:focus{--tw-ring-color: rgba(74, 124, 89, .5) !important}.hover\:bg-blue-600:hover,.hover\:bg-blue-700:hover{background-color:#5ca35c!important}*[class*=blue]{color:#4a7c59!important;background-color:transparent!important}*[class*=blue][class*=bg-]{background-color:#4a7c59!important}nav,header,.nav,.header,.navigation,.navigation-bar,.navbar,.top-bar,.app-header,.main-nav,[role=navigation],[class*=nav],[class*=header],[id*=nav],[id*=header]{background-color:#e8f5e8!important;background-image:repeating-linear-gradient(90deg,transparent 0px,transparent 16px,rgba(74,124,89,.12) 16px,rgba(74,124,89,.12) 18px,transparent 18px,transparent 34px,rgba(74,124,89,.08) 34px,rgba(74,124,89,.08) 36px),repeating-linear-gradient(0deg,transparent 0px,transparent 16px,rgba(74,124,89,.12) 16px,rgba(74,124,89,.12) 18px,transparent 18px,transparent 34px,rgba(74,124,89,.08) 34px,rgba(74,124,89,.08) 36px),linear-gradient(135deg,#e8f5e8,#d4f4d4,#c4f0c4)!important}nav *,header *,.navigation-bar *,[role=navigation] *{color:#1f2937!important}.MuiAppBar-root,.ant-layout-header,.bp3-navbar,.navbar,.nav-bar,.top-navigation{background-color:#e8f5e8!important;background-image:linear-gradient(135deg,#e8f5e8,#d4f4d4,#c4f0c4)!important}[data-theme] nav,[data-theme] header,[data-theme=light] nav,[data-theme=dark] nav,[data-theme=auto] nav,.theme-light nav,.theme-dark nav,.theme-auto nav{background-color:#e8f5e8!important;background-image:linear-gradient(135deg,#e8f5e8,#d4f4d4,#c4f0c4)!important}[class*=theme] nav,[class*=Theme] nav{background-color:#e8f5e8!important;background-image:linear-gradient(135deg,#e8f5e8,#d4f4d4,#c4f0c4)!important}:root{--paper-texture-washi: radial-gradient(circle at 20% 30%, rgba(74, 124, 89, .03) 0%, transparent 40%), radial-gradient(circle at 60% 70%, rgba(111, 168, 111, .02) 0%, transparent 40%), radial-gradient(circle at 85% 20%, rgba(74, 124, 89, .025) 0%, transparent 30%);--paper-texture-kraft: repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(180, 150, 120, .03) 2px, rgba(180, 150, 120, .03) 4px), repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(180, 150, 120, .02) 2px, rgba(180, 150, 120, .02) 4px);--paper-texture-sakura: radial-gradient(circle at 25% 25%, rgba(255, 182, 193, .08) 0%, transparent 25%), radial-gradient(circle at 75% 75%, rgba(255, 192, 203, .06) 0%, transparent 25%), radial-gradient(circle at 50% 50%, rgba(255, 182, 193, .04) 0%, transparent 35%);--paper-texture-gold: radial-gradient(circle at 15% 15%, rgba(251, 191, 36, .08) 0%, transparent 15%), radial-gradient(circle at 85% 85%, rgba(245, 158, 11, .06) 0%, transparent 15%), radial-gradient(circle at 50% 60%, rgba(251, 191, 36, .04) 0%, transparent 20%);--paper-texture-plaid-green: repeating-linear-gradient(90deg, transparent 0px, transparent 18px, rgba(74, 124, 89, .06) 18px, rgba(74, 124, 89, .06) 20px, transparent 20px, transparent 38px, rgba(74, 124, 89, .04) 38px, rgba(74, 124, 89, .04) 40px ), repeating-linear-gradient(0deg, transparent 0px, transparent 18px, rgba(74, 124, 89, .06) 18px, rgba(74, 124, 89, .06) 20px, transparent 20px, transparent 38px, rgba(74, 124, 89, .04) 38px, rgba(74, 124, 89, .04) 40px ), repeating-linear-gradient(45deg, transparent 0px, transparent 39px, rgba(74, 124, 89, .02) 39px, rgba(74, 124, 89, .02) 41px );--paper-base-white: linear-gradient(145deg, #f8faf7 0%, #f3f7f2 45%, #eff4ed 100%);--paper-base-kraft: linear-gradient(135deg, #faf8f5 0%, #f7f4ef 50%, #f4f0e8 100%);--paper-base-blue: linear-gradient(135deg, #f3f6ff 0%, #eef2ff 50%, #e9edff 100%);--paper-base-amber: linear-gradient(135deg, #fffbf3 0%, #fff9ed 50%, #fff6e6 100%);--paper-base-purple: linear-gradient(135deg, #f7f5ff 0%, #f3f0ff 50%, #efebff 100%);--paper-base-pink: linear-gradient(135deg, #fff9fb 0%, #fef5f8 50%, #fdf1f5 100%);--paper-base-green: linear-gradient(135deg, #f5fef8 0%, #f0fdf4 50%, #ecfbf0 100%);--paper-base-gold: linear-gradient(135deg, #fffdf7 0%, #fffbf0 50%, #fff8e8 100%);--paper-shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 2px 6px rgba(74, 124, 89, .04);--paper-shadow-md: 0 2px 4px rgba(0, 0, 0, .04), 0 4px 8px rgba(74, 124, 89, .06), 0 8px 16px rgba(74, 124, 89, .04);--paper-shadow-lg: 0 4px 8px rgba(0, 0, 0, .06), 0 8px 16px rgba(74, 124, 89, .08), 0 16px 32px rgba(74, 124, 89, .04);--paper-shadow-xl: 0 6px 12px rgba(0, 0, 0, .08), 0 12px 24px rgba(74, 124, 89, .1), 0 24px 48px rgba(74, 124, 89, .06);--fold-size-sm: 16px;--fold-size-md: 24px;--fold-size-lg: 32px}.paper-card{background:var(--paper-texture-washi),var(--paper-base-white);border-radius:12px;padding:1.5rem;box-shadow:var(--paper-shadow-md);border:1px solid rgba(74,124,89,.12);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.paper-card:hover{transform:translateY(-2px);box-shadow:var(--paper-shadow-lg)}.paper-card--kraft{background:var(--paper-texture-kraft),var(--paper-base-kraft);border-color:#dcc8b433}.paper-card--sakura{background:var(--paper-texture-sakura),var(--paper-base-pink);border-color:#ffb6c126}.paper-card--blue{background:radial-gradient(circle at 10% 20%,rgba(59,130,246,.06) 0%,transparent 40%),var(--paper-base-blue);border-color:#3b82f626}.paper-card--amber{background:radial-gradient(circle at 90% 10%,rgba(245,158,11,.06) 0%,transparent 40%),var(--paper-base-amber);border-color:#f59e0b26}.paper-card--purple{background:radial-gradient(circle at 50% 0%,rgba(139,92,246,.06) 0%,transparent 40%),var(--paper-base-purple);border-color:#8b5cf626}.paper-card--green{background:radial-gradient(ellipse at top left,rgba(34,197,94,.06) 0%,transparent 50%),var(--paper-base-green);border-color:#22c55e26}.paper-card--gold{background:var(--paper-texture-gold),var(--paper-base-gold);border-color:#fbbf2426}.paper-fold{position:relative;overflow:visible}.paper-fold:before,.paper-fold:after{content:"";position:absolute;top:0;right:0}.paper-fold:before{width:0;height:0;border-style:solid;border-width:0 var(--fold-size-md, 24px) var(--fold-size-md, 24px) 0;border-color:transparent rgba(74,124,89,.08) transparent transparent}.paper-fold:after{width:0;height:0;border-style:solid;border-width:0 calc(var(--fold-size-md, 24px) - 2px) calc(var(--fold-size-md, 24px) - 2px) 0;border-color:transparent var(--bg-page, #f0f4ed) transparent transparent}.paper-torn-edge{position:relative}.paper-torn-edge:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:repeating-linear-gradient(90deg,var(--bg-secondary, #f4f0e8) 0px,var(--bg-secondary, #f4f0e8) 5px,transparent 5px,transparent 8px)}.paper-pattern-overlay{position:relative}.paper-pattern-overlay:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;opacity:.03;background-image:linear-gradient(60deg,transparent 40%,currentColor 40%,currentColor 41%,transparent 41%),linear-gradient(-60deg,transparent 40%,currentColor 40%,currentColor 41%,transparent 41%);background-size:30px 30px;transform:rotate(30deg);pointer-events:none}.paper-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.paper-lift:hover{transform:translateY(-3px) rotate(.5deg);box-shadow:var(--paper-shadow-xl)}.paper-stack{position:relative}.paper-stack:before,.paper-stack:after{content:"";position:absolute;left:2px;right:2px;bottom:-4px;height:100%;background:inherit;border-radius:inherit;z-index:-1;opacity:.7;box-shadow:0 2px 4px #0000001a}.paper-stack:after{left:4px;right:4px;bottom:-8px;opacity:.4}.paper-gold-accent{position:relative}.paper-gold-accent:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#d4af37,#f4e19d,#d4af37,#f4e19d,#d4af37);background-size:200% 100%;animation:goldShimmer 3s ease-in-out infinite}@keyframes goldShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.paper-card{padding:1rem}.paper-fold:before,.paper-fold:after{--fold-size-md: 16px}.paper-pattern-overlay:before{background-size:20px 20px}}@media (prefers-color-scheme: dark){.paper-card{filter:brightness(.9) contrast(1.1);box-shadow:0 2px 4px #0000004d,0 4px 8px #0003}.paper-gold-accent:before{filter:brightness(.8)}}.paper-sm{padding:.75rem 1rem}.paper-md{padding:1.25rem 1.5rem}.paper-lg{padding:1.75rem 2rem}.paper-xl{padding:2rem 2.5rem}.paper-rounded-sm{border-radius:6px}.paper-rounded-md{border-radius:10px}.paper-rounded-lg{border-radius:16px}.paper-rounded-xl{border-radius:20px}.paper-primary{composes:paper-card paper-card--green}.paper-secondary{composes:paper-card paper-card--kraft}.paper-accent{composes:paper-card paper-card--gold}.paper-info{composes:paper-card paper-card--blue}.paper-warning{composes:paper-card paper-card--amber}.paper-special{composes:paper-card paper-card--purple}