:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--target-min: 44px;--target-compact: 36px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-pill: 9999px;--squircle-xl: 20px;--squircle-lg: 16px;--squircle-md: 12px;--squircle-sm: 8px;--squircle-full: 9999px;--causes-indigo: #002B49;--causes-indigo-light: #1A4466;--causes-indigo-dark: #001A2C;--causes-navy: #151976;--causes-red: #D52027;--causes-red-hover: #B91C1C;--causes-yellow: #F2C710;--causes-green: #117A3D;--causes-charcoal: #231F20;--text-primary: #0B192C;--text-secondary: #334155;--text-tertiary: #475569;--text-muted: #64748B;--text-on-dark: #FFFFFF;--text-on-dark-secondary: rgba(255, 255, 255, .88);--text-on-dark-muted: rgba(255, 255, 255, .65);--action-primary: #002B49;--action-primary-hover: #1A4466;--action-primary-active: #001A2C;--action-primary-shadow: 0 4px 14px rgba(0, 43, 73, .22);--action-accent: #D52027;--action-accent-hover: #B91C1C;--action-destructive-text: #DC2626;--action-destructive-bg: #FEF2F2;--action-destructive-border: #FECACA;--desk-bg: #EEF2F6;--surface-nav: rgba(255, 255, 255, .86);--surface-sidebar: rgba(248, 250, 252, .92);--surface-card: #FFFFFF;--surface-card-hover: #F8FAFC;--surface-elevated: rgba(255, 255, 255, .96);--glass-surface: rgba(255, 255, 255, .88);--glass-surface-dense: rgba(255, 255, 255, .94);--glass-surface-card: #FFFFFF;--glass-border: rgba(255, 255, 255, .95);--glass-border-subtle: rgba(0, 43, 73, .08);--glass-blur: blur(24px) saturate(180%);--glass-blur-sm: blur(14px) saturate(160%);--border-subtle: rgba(0, 43, 73, .08);--border-regular: rgba(0, 43, 73, .14);--border-strong: rgba(0, 43, 73, .24);--border-focus: #002B49;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;--shadow-bloom: 0 20px 50px -10px rgba(0, 43, 73, .14), 0 6px 20px -3px rgba(0, 0, 0, .04);--shadow-card: 0 10px 30px -5px rgba(0, 43, 73, .08), 0 2px 8px -1px rgba(0, 0, 0, .04);--shadow-subtle: 0 2px 10px rgba(0, 0, 0, .04);--shadow-dock: 0 -4px 20px rgba(0, 43, 73, .06), 0 -1px 4px rgba(0, 0, 0, .02);--spring-smooth: cubic-bezier(.16, 1, .3, 1);--spring-bounce: cubic-bezier(.175, .885, .32, 1.12);--ease-out: cubic-bezier(0, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100vw;height:100%;overflow-x:hidden;font-family:var(--font-sans);background:var(--desk-bg);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.type-large-title{font-size:32px;line-height:38px;font-weight:800;letter-spacing:-.025em;font-family:var(--font-heading)}.type-title-1{font-size:26px;line-height:32px;font-weight:700;letter-spacing:-.02em;font-family:var(--font-heading)}.type-title-2{font-size:20px;line-height:26px;font-weight:700;letter-spacing:-.015em;font-family:var(--font-heading)}.type-title-3{font-size:17px;line-height:22px;font-weight:700;letter-spacing:-.01em;font-family:var(--font-heading)}.type-headline{font-size:15px;line-height:20px;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.type-body{font-size:14px;line-height:20px;font-weight:400;color:var(--text-primary)}.type-callout{font-size:13px;line-height:18px;font-weight:500;color:var(--text-secondary)}.type-subheadline{font-size:13px;line-height:18px;font-weight:400;color:var(--text-secondary)}.type-footnote{font-size:12px;line-height:16px;font-weight:500;color:var(--text-tertiary)}.type-caption-1{font-size:11px;line-height:14px;font-weight:600;color:var(--text-tertiary)}.type-caption-2{font-size:10px;line-height:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}h1,h2,h3,h4,.brand-title{letter-spacing:-.025em;font-family:var(--font-heading)}.tabular-nums,.badge-num,.version-tag,.slide-counter{font-variant-numeric:tabular-nums}.glass-panel{background:var(--glass-surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card)}.glass-toolbar{background:var(--surface-nav);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-subtle);box-shadow:0 1px 3px #002b4908}.glass-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);transition:all .2s var(--spring-smooth)}.glass-card:hover{background:#fff;border-color:var(--border-regular);box-shadow:var(--shadow-card);transform:translateY(-1px)}@property --causes-border-angle{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@keyframes rotate-causes-border-clockwise{0%{--causes-border-angle: 0deg}to{--causes-border-angle: 360deg}}@keyframes causes-liquid-aura-pulse{0%,to{opacity:.52;filter:blur(22px);transform:scale(.995)}50%{opacity:.82;filter:blur(34px) saturate(155%);transform:scale(1.018)}}@keyframes causes-liquid-outer-aura{0%,to{opacity:.3;filter:blur(42px);transform:scale(.99)}50%{opacity:.58;filter:blur(58px) saturate(175%);transform:scale(1.028)}}@keyframes modalBackdropFadeIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(20px) saturate(165%);-webkit-backdrop-filter:blur(20px) saturate(165%)}}@keyframes modalPopIn{0%{opacity:0;transform:scale(.96) translateY(10px)}70%{transform:scale(1.006) translateY(-1px)}to{opacity:1;transform:scale(1) translateY(0)}}.causes-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,#002b4985,#000e1acc);backdrop-filter:blur(20px) saturate(165%);-webkit-backdrop-filter:blur(20px) saturate(165%);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:modalBackdropFadeIn .22s cubic-bezier(.16,1,.3,1)}.causes-modal-panel{position:relative;border-radius:var(--squircle-xl);padding:2.75px;background:conic-gradient(from var(--causes-border-angle, 0deg),#002B49 0deg,#151976 40deg,#0071E3 90deg,#117A3D 150deg,#F2C710 210deg,#D52027 270deg,#8A1538 320deg,#002B49 360deg);animation:rotate-causes-border-clockwise 5.5s linear infinite,modalPopIn .26s var(--spring-bounce);box-shadow:0 28px 80px -12px #000e1a73,0 12px 32px -4px #002b4938;display:flex;flex-direction:column;box-sizing:border-box}.causes-modal-panel:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:calc(var(--squircle-xl) + 6px);background:conic-gradient(from var(--causes-border-angle, 0deg),rgba(0,43,73,.95) 0deg,rgba(21,25,118,.95) 40deg,rgba(0,113,227,.98) 90deg,rgba(17,122,61,.98) 150deg,rgba(242,199,16,1) 210deg,rgba(213,32,39,1) 270deg,rgba(138,21,56,.95) 320deg,rgba(0,43,73,.95) 360deg);filter:blur(22px);opacity:.58;z-index:-1;animation:rotate-causes-border-clockwise 5.5s linear infinite,causes-liquid-aura-pulse 4s ease-in-out infinite;pointer-events:none;transition:opacity .3s ease,filter .3s ease}.causes-modal-panel:after{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:calc(var(--squircle-xl) + 16px);background:conic-gradient(from var(--causes-border-angle, 0deg),rgba(0,43,73,.9) 0deg,rgba(21,25,118,.9) 40deg,rgba(0,113,227,.95) 90deg,rgba(17,122,61,.95) 150deg,rgba(242,199,16,.98) 210deg,rgba(213,32,39,.98) 270deg,rgba(138,21,56,.9) 320deg,rgba(0,43,73,.9) 360deg);filter:blur(44px);opacity:.36;z-index:-2;animation:rotate-causes-border-clockwise 5.5s linear infinite,causes-liquid-outer-aura 5s ease-in-out infinite .5s;pointer-events:none;transition:opacity .3s ease,filter .3s ease}.causes-modal-panel:hover:before{opacity:.85;filter:blur(30px)}.causes-modal-panel:hover:after{opacity:.55;filter:blur(54px)}.causes-modal-content{position:relative;width:100%;flex:1;min-height:0;background:#ffffffe0;backdrop-filter:blur(32px) saturate(190%) contrast(102%);-webkit-backdrop-filter:blur(32px) saturate(190%) contrast(102%);border-radius:calc(var(--squircle-xl) - 2px);overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 1px 1.5px #fffffff2,inset 0 -1px 1px #002b490a}.causes-modal-header{padding:16px 24px;border-bottom:1px solid rgba(0,43,73,.08);display:flex;align-items:center;justify-content:space-between;background:#ffffffc7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);flex-shrink:0}.causes-modal-body{flex:1;min-height:0;padding:16px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:#fff9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.causes-modal-close-btn{width:32px;height:32px;border-radius:var(--radius-pill);border:1px solid transparent;background:#002b490d;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;font-size:1.3rem;cursor:pointer;transition:all .15s var(--spring-smooth);line-height:1}.causes-modal-close-btn:hover{background:#d520271f;color:var(--causes-red);border-color:#d5202740;transform:scale(1.06)}.causes-modal-close-btn:active{transform:scale(.94)}.causes-modal-content input[type=text],.causes-modal-content input[type=search],.causes-modal-content textarea,.causes-modal-content select{background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,43,73,.14);transition:all .15s var(--spring-smooth)}.causes-modal-content input[type=text]:focus,.causes-modal-content input[type=search]:focus,.causes-modal-content textarea:focus,.causes-modal-content select:focus{background:#fff;border-color:var(--causes-indigo);box-shadow:0 0 0 3px #002b491f;outline:none}@media (prefers-reduced-motion: reduce){.causes-modal-backdrop{animation:none}.causes-modal-panel{animation:modalPopIn .2s ease-out;background:linear-gradient(135deg,#002b49,#151976,#d52027,#f2c710,#117a3d)}.causes-modal-panel:before{animation:none;background:linear-gradient(135deg,#002b49,#151976,#d52027,#f2c710,#117a3d)}}.cupertino-navbar{height:56px;min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);position:sticky;top:0;z-index:100}.brand-title{font-size:16px;font-weight:700;display:flex;align-items:center;gap:var(--space-2);color:var(--causes-indigo)}.btn-primary{background:var(--action-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:0 var(--space-5);min-height:var(--target-min);font-size:14px;font-weight:700;cursor:pointer;box-shadow:var(--action-primary-shadow);transition:all .15s var(--spring-smooth);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-primary:hover{background:var(--action-primary-hover);transform:translateY(-1px);box-shadow:0 6px 18px #002b4947}.btn-primary:active{background:var(--action-primary-active);transform:translateY(0) scale(.98)}.btn-primary:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:#002b490d;border:1px solid rgba(0,43,73,.12);border-radius:var(--radius-md);color:var(--causes-indigo);padding:0 var(--space-4);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s var(--spring-smooth);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--target-compact)}.btn-secondary:hover{background:#002b4917;border-color:#002b4938;color:var(--causes-indigo-dark)}.btn-secondary:active{transform:scale(.98)}.btn-destructive{background:var(--action-destructive-bg);border:1px solid var(--action-destructive-border);color:var(--action-destructive-text);border-radius:var(--radius-md);padding:0 var(--space-3);min-height:var(--target-compact);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:var(--space-1)}.btn-destructive:hover{background:#fee2e2;border-color:#fca5a5}.segmented-control{display:flex;align-items:center;background:#002b490f;padding:3px;border-radius:var(--radius-lg);gap:2px;border:1px solid rgba(0,43,73,.08)}.segmented-control-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-3);min-height:34px;border-radius:calc(var(--radius-lg) - 3px);border:none;font-size:12px;font-weight:600;color:var(--text-tertiary);background:transparent;cursor:pointer;transition:all .15s var(--spring-smooth);white-space:nowrap}.segmented-control-btn:hover{color:var(--text-primary)}.segmented-control-btn.active{background:#fff;color:var(--causes-indigo);font-weight:700;box-shadow:0 2px 6px #002b4914,0 1px 2px #0000000a}.canvas-toolbar{height:48px;min-height:48px;background:var(--surface-nav);backdrop-filter:var(--glass-blur-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);z-index:15;box-shadow:0 1px 4px #002b4905}.canvas-tool-group{display:flex;align-items:center;gap:var(--space-2)}.canvas-tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 var(--space-3);min-height:var(--target-compact);border-radius:var(--radius-md);border:1px solid var(--border-regular);background:#fff;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s var(--spring-smooth);position:relative}.canvas-tool-btn:hover{background:#002b490a;color:var(--causes-indigo);border-color:var(--causes-indigo-light)}.canvas-tool-btn.active{background:var(--causes-indigo);color:#fff;border-color:var(--causes-indigo);box-shadow:0 2px 6px #002b4933}.slide-filmstrip{display:flex;align-items:center;gap:12px;padding:10px 24px;overflow-x:auto;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.08);z-index:10}.slide-filmstrip::-webkit-scrollbar{height:4px}.slide-filmstrip::-webkit-scrollbar-thumb{background:#00000026;border-radius:999px}.slide-filmstrip-thumb{flex-shrink:0;width:154px;aspect-ratio:16/9;border-radius:10px;border:1.5px solid rgba(0,0,0,.1);background:#fff;cursor:pointer;padding:8px 10px;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 3px #0000000d;-webkit-user-select:none;user-select:none}.slide-filmstrip-thumb:hover{border-color:#0071e3;transform:translateY(-2px);box-shadow:0 6px 16px #0071e326}.slide-filmstrip-thumb.active{border-color:#0071e3;box-shadow:0 0 0 2px #0071e359,0 6px 18px #0071e333;background:#f5f9ff}.keynote-fullscreen-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px}.keynote-fullscreen-content{width:100%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.keynote-fullscreen-hud{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;background:#1e1e24d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.15);padding:8px 20px;border-radius:999px;color:#fff;box-shadow:0 16px 36px #00000080;z-index:100000}.sidebar-panel{transition:width .22s var(--spring-smooth),min-width .22s var(--spring-smooth)}.sidebar-rail{width:58px;min-width:58px;height:100%;background:var(--surface-sidebar);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:var(--space-3) 6px;z-index:20;box-shadow:2px 0 12px #002b4908;transition:width .22s var(--spring-smooth),min-width .22s var(--spring-smooth)}.rail-group{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.rail-btn{width:44px;height:44px;min-height:44px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .15s var(--spring-smooth)}.rail-btn:hover{background:#002b4912;color:var(--causes-indigo);border-color:#002b491f;transform:translateY(-1px)}.rail-btn:active{transform:scale(.96)}.rail-btn.active{background:var(--causes-indigo);color:#fff;border-color:var(--causes-indigo);box-shadow:0 2px 8px #002b4938}.rail-badge{position:absolute;top:3px;right:3px;background:var(--causes-indigo);color:#fff;font-size:10px;font-weight:800;min-width:16px;height:16px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;padding:0 3px;border:1.5px solid #FFFFFF;box-shadow:0 1px 3px #00000026}.rail-btn.active .rail-badge{background:#fff;color:var(--causes-indigo);border-color:var(--causes-indigo)}.rail-divider{width:32px;height:1px;background:var(--border-subtle);margin:4px 0}.inspector-drawer{width:384px;min-width:384px;height:100%;background:var(--surface-sidebar);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-left:1px solid var(--border-subtle);box-shadow:-4px 0 24px #002b490f;display:flex;flex-direction:column;z-index:25;overflow:hidden;animation:slideInRight .22s var(--spring-smooth);transition:width .22s var(--spring-smooth),transform .22s var(--spring-smooth)}@keyframes slideInRight{0%{opacity:.7;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.inspector-header{padding:var(--space-4) var(--space-5);min-height:56px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;background:#fffffff2}.inspector-body{flex:1;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.stepper-track{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:#f8fafc;border-bottom:1px solid var(--border-subtle)}.stepper-step{display:flex;align-items:center;gap:var(--space-2);font-size:13px;font-weight:600;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.stepper-step.active{color:var(--causes-indigo);font-weight:700}.stepper-num{width:28px;height:28px;border-radius:var(--radius-pill);background:#e2e8f0;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.stepper-step.active .stepper-num{background:var(--causes-indigo);color:#fff}.stepper-step.completed .stepper-num{background:var(--causes-green);color:#fff}.stepper-connector{width:32px;height:2px;background:#cbd5e1}.stepper-connector.active{background:var(--causes-indigo)}.upload-dropzone{border:2px dashed rgba(0,43,73,.2);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;background:#fffc;cursor:pointer;transition:all .2s var(--spring-smooth);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1)}.upload-dropzone:hover,.upload-dropzone.active{border-color:var(--causes-indigo);background:#002b490a}.upload-dropzone.compact{padding:var(--space-3) var(--space-4);font-size:13px}.floating-pill-selector{position:absolute;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background:#fffffff0;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.95);border-radius:var(--radius-pill);box-shadow:0 14px 36px -6px #002b4929,0 4px 12px #0000000f}.pill-item{padding:0 var(--space-4);min-height:var(--target-compact);border:none;border-radius:var(--radius-pill);font-size:13px;font-weight:600;cursor:pointer;background:transparent;color:var(--text-tertiary);transition:all .15s var(--spring-smooth);display:flex;align-items:center}.pill-item:hover{color:var(--text-primary)}.pill-item.active{background:var(--causes-indigo);color:#fff;box-shadow:0 2px 8px #002b4940}[contenteditable=true]{transition:all .15s ease}[contenteditable=true]:hover{outline:1px dashed rgba(0,43,73,.28)!important;background:#002b4905}[contenteditable=true]:focus{outline:2px solid var(--causes-indigo)!important;background:#002b490a;box-shadow:0 0 0 3px #002b491a}.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}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--causes-indigo);outline-offset:2px}input,textarea,select{font-family:inherit;color:var(--text-primary)}::placeholder{color:#64748b!important;font-style:normal!important;opacity:1!important}input::placeholder,textarea::placeholder{color:#64748b!important;font-style:normal!important;opacity:1!important}@media (max-width: 768px){.cupertino-navbar{height:auto;padding:var(--space-3) var(--space-4);flex-wrap:wrap;gap:var(--space-2)}}@media print{body{background:#fff!important;padding:0!important}.cupertino-navbar,.sidebar-panel,.toggle-sidebar-btn,.top-nav-segment,.floating-pill-selector{display:none!important}.preview-container,iframe{width:100%!important;height:100vh!important;border:none!important;box-shadow:none!important}}@keyframes progress-shimmer-sweep{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes progress-beacon-pulse{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 #10b98199}50%{transform:scale(1.15);opacity:.85;box-shadow:0 0 0 6px #10b98100}}@keyframes progress-glow-breathe{0%,to{opacity:.6;filter:drop-shadow(0 0 4px rgba(213,32,39,.4))}50%{opacity:1;filter:drop-shadow(0 0 10px rgba(213,32,39,.85)) drop-shadow(0 0 4px rgba(242,199,16,.6))}}@keyframes progress-substep-fade{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.causes-progress-card{position:relative;background:#fffffff2;border:1px solid rgba(0,43,73,.12);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:0 4px 20px -2px #002b4914,0 2px 6px #0000000a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.causes-progress-track{position:relative;width:100%;height:8px;background:#e2e8f0;border-radius:var(--radius-pill);overflow:hidden;box-shadow:inset 0 1px 2px #00000014}.causes-progress-fill{position:relative;height:100%;background:linear-gradient(90deg,#002b49,#2e338c 45%,#d52027 85%,#f2c710);border-radius:var(--radius-pill);transition:width .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.causes-progress-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 30%,rgba(255,255,255,.75) 50%,rgba(255,255,255,.15) 70%,transparent 100%);animation:progress-shimmer-sweep 1.8s infinite linear}.causes-beacon-dot{width:8px;height:8px;border-radius:50%;background:#10b981;display:inline-block;animation:progress-beacon-pulse 1.6s infinite ease-in-out}.causes-milestone-chip{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;transition:all .25s ease}.causes-milestone-chip.active{background:#002b4914;color:var(--causes-indigo);border:1px solid rgba(0,43,73,.18)}.causes-milestone-chip.completed{background:#10b98114;color:#065f46;border:1px solid rgba(16,185,129,.2)}.causes-milestone-chip.pending{background:#94a3b81a;color:#94a3b8;border:1px solid transparent}@keyframes fadeInSlideDown{0%{opacity:0;transform:translateY(-6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
