@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--background:#f8f9fa;--surface:#f8f9fa;--surface-bright:#fff;--surface-container-low:#f1f3f5;--surface-container:#e9ecef;--surface-container-high:#dee2e6;--surface-container-highest:#ced4da;--surface-container-lowest:#fff;--surface-dim:#adb5bd;--primary:#1a56db;--primary-hover:#1e40af;--primary-container:#3b82f6;--primary-fixed:#dbeafe;--primary-fixed-dim:#93c5fd;--on-primary:#fff;--on-primary-container:#eff6ff;--secondary:#374151;--secondary-container:#d1d5db;--on-secondary:#fff;--on-secondary-container:#4b5563;--accent:#dc2626;--accent-soft:#fee2e2;--success:#059669;--success-soft:#d1fae5;--warning:#d97706;--warning-soft:#fef3c7;--on-surface:#111827;--on-surface-variant:#4b5563;--outline:#6b7280;--outline-variant:#9ca3af;--error:#b91c1c;--on-error:#fff;--grad-primary:linear-gradient(135deg, #1a56db 0%, #3b82f6 100%);--grad-warm:linear-gradient(135deg, #dc2626 0%, #f97316 100%);--grad-success:linear-gradient(135deg, #059669 0%, #10b981 100%);--grad-hero:linear-gradient(135deg, #1a56db 0%, #06b6d4 100%);--grad-dark:linear-gradient(135deg, #111827 0%, #1f2937 100%);--glass-bg:#ffffffeb;--glass-border:#ffffff4d;--glass-shadow:0 8px 32px #0000001a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 6px -1px #00000014;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000026;--shadow-ambient:0 8px 40px #00000014;--shadow-float:0 20px 60px #0000001f;--shadow-card:0 1px 3px #0000000f;--shadow-glow:0 0 40px #3b82f633}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-padding-top:80px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--background);color:var(--on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overscroll-behavior-y:none;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5{letter-spacing:-.025em;color:var(--on-surface);font-family:Manrope,sans-serif;line-height:1.15}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800}h2{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700}h3{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700}a{color:inherit;text-decoration:none;transition:color .3s}img{max-width:100%;transition:transform .4s;display:block}button{cursor:pointer;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.97)}input,textarea,select{font-family:inherit;transition:all .3s}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-gradient{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.hover-lift:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.btn{border-radius:var(--radius-md);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.9375rem;font-weight:600;transition:all .35s cubic-bezier(.25,.46,.45,.94);display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--grad-primary);color:var(--on-primary)}.btn-primary:hover{opacity:.92;transform:translateY(-1px)}.btn-primary:active{transition:transform .1s;transform:scale(.98)translateY(0)}.btn-primary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-secondary{background:var(--surface-container-lowest);color:var(--on-surface);border:1px solid var(--outline-variant)}.btn-secondary:hover{border-color:var(--outline);transform:translateY(-1px)}.btn-secondary:active{transition:transform .1s;transform:scale(.98)translateY(0)}.btn-ghost{color:var(--on-surface-variant);border-radius:var(--radius-md);background:0 0;padding:10px 18px}.btn-ghost:hover{color:var(--primary)}.btn-ghost:active{transition:transform .1s;transform:scale(.98)}.btn-outline{color:var(--primary);border:1.5px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary-fixed);transform:translateY(-1px)}.btn-outline:active{transition:transform .1s;transform:scale(.98)translateY(0)}.btn-text{color:var(--primary);background:0 0;padding:8px 4px;font-weight:500;position:relative}.btn-text:after{content:"";background:var(--primary);transform-origin:100%;height:1.5px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:6px;left:4px;right:4px;transform:scaleX(0)}.btn-text:hover:after{transform-origin:0;transform:scaleX(1)}.btn-text:hover{color:var(--primary-hover)}.btn-lg{border-radius:var(--radius-lg);letter-spacing:-.015em;padding:16px 32px;font-size:1rem}.btn-sm{border-radius:var(--radius-sm);padding:8px 16px;font-size:.8125rem}.btn-xs{border-radius:var(--radius-sm);padding:6px 12px;font-size:.75rem}.btn-icon{border-radius:var(--radius-md);width:40px;height:40px;padding:0}.btn-icon-sm{border-radius:var(--radius-sm);width:32px;height:32px;padding:0}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle,#ffffff4d 10%,#0000 10.01%) 50% no-repeat;width:100%;height:100%;transition:transform .5s,opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(10)}.btn-ripple:active:after{opacity:1;transition:all;transform:translate(-50%,-50%)scale(0)}.btn-loading{pointer-events:none;opacity:.7}.btn-loading:after{content:"";border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite btn-spin}.card{background:var(--surface-container-lowest);border-radius:var(--radius-lg);will-change:transform, border-color;border:1px solid #1118270f;padding:24px;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative}.card:hover{border-color:var(--outline-variant)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--primary-fixed-dim)}.card-interactive:active{transition:transform .1s;transform:scale(.995)}.card-elevated{background:var(--surface-container-lowest);border-radius:var(--radius-xl);border:1px solid #172b4d0f;padding:32px;transition:all .35s cubic-bezier(.4,0,.2,1)}.card-elevated:hover{border-color:var(--outline-variant)}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid #ffffff4d;padding:32px;transition:all .35s cubic-bezier(.4,0,.2,1)}.card-glass:hover{border-color:#ffffff80}.chip{letter-spacing:.02em;background:var(--primary-fixed);color:var(--primary);border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;font-weight:600;transition:all .25s;display:inline-flex}.chip-hover:hover{background:var(--primary-fixed-dim)}.chip-outline{border:1.5px solid var(--outline-variant);color:var(--on-surface-variant);background:0 0}.chip-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-fixed)}.chip-success{background:var(--success-soft);color:var(--success)}.chip-warning{background:var(--warning-soft);color:#b76e00}.chip-accent{background:var(--accent-soft);color:var(--accent)}.chip-live{padding-left:24px;position:relative}.chip-live:before{content:"";background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-ring;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);background:#f8f9faeb;border-bottom:1px solid #1118270f;justify-content:space-between;align-items:center;height:72px;padding:0 48px;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:#fffffffa}.navbar-brand{color:var(--primary);align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:1.375rem;font-weight:800;transition:all .35s cubic-bezier(.25,.46,.45,.94);display:flex}.navbar-brand:hover{color:var(--primary-hover)}.navbar-brand span.logo-dot{background:var(--grad-primary);border-radius:50%;width:10px;height:10px;transition:all .35s;display:inline-block}.navbar-links{align-items:center;gap:4px;list-style:none;display:flex}.navbar-links a{color:var(--on-surface-variant);border-radius:var(--radius-md);-webkit-tap-highlight-color:transparent;padding:10px 18px;font-size:.9375rem;font-weight:500;transition:color .35s cubic-bezier(.25,.46,.45,.94);position:relative}.navbar-links a:after{content:"";background:var(--primary);transform-origin:50%;border-radius:2px;height:2px;transition:transform .35s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:6px;left:18px;right:18px;transform:scaleX(0)}.navbar-links a:hover{color:var(--primary)}.navbar-links a:hover:after{transform:scaleX(.6)}.navbar-links a.active{color:var(--primary);font-weight:600}.navbar-links a.active:after{transform:scaleX(1)}.navbar-actions{align-items:center;gap:12px;display:flex}.progress-track{background:var(--surface-container-high);border-radius:99px;height:10px;position:relative;overflow:hidden}.progress-fill{background:var(--grad-primary);border-radius:99px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--on-surface);font-size:.875rem;font-weight:600}.form-input{background:var(--surface-container-lowest);border:1.5px solid var(--outline-variant);border-radius:var(--radius-md);width:100%;color:var(--on-surface);outline:none;padding:14px 18px;font-size:1rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.form-input:hover{border-color:var(--outline);background:var(--surface-bright)}.form-input:focus{border-color:var(--primary);background:var(--surface-bright);box-shadow:0 0 0 4px #0052cc1a,0 2px 8px #0052cc14}.form-input::placeholder{color:var(--outline)}.input-wrapper{position:relative}.input-wrapper .input-icon{color:var(--outline);transition:color .25s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-wrapper .form-input{padding-left:48px}.input-wrapper:focus-within .input-icon{color:var(--primary)}.form-checkbox{width:20px;height:20px;accent-color:var(--primary);cursor:pointer}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%235e6c84'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:44px}.section{padding:100px 48px}.section-sm{padding:72px 48px}.container{max-width:1280px;margin:0 auto}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-ring{0%{opacity:.7;transform:scale(.95)}50%{opacity:.4;transform:scale(1.1)}to{opacity:.7;transform:scale(.95)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes btn-spin{to{transform:rotate(360deg)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #0052cc33}50%{box-shadow:0 0 40px #0052cc66}}@keyframes border-dance{0%{background-position:0 0}to{background-position:200% 0}}@keyframes subtle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.animate-fade-up{animation:.7s cubic-bezier(.25,.46,.45,.94) both fadeUp}.animate-fade-in{animation:.6s both fadeIn}.animate-scale-in{animation:.6s cubic-bezier(.25,.46,.45,.94) both scaleIn}.animate-slide-right{animation:.7s cubic-bezier(.25,.46,.45,.94) both slideInRight}.animate-slide-left{animation:.7s cubic-bezier(.25,.46,.45,.94) both slideInLeft}.animate-float{animation:6s ease-in-out infinite float}.animate-glow{animation:3s ease-in-out infinite glow-pulse}.animate-subtle-bounce{animation:2s ease-in-out infinite subtle-bounce}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.hover-lift{transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.hover-lift:hover{transform:translateY(-4px)}.hover-scale{transition:transform .35s cubic-bezier(.25,.46,.45,.94)}.hover-scale:hover{transform:scale(1.02)}.hover-border{transition:border-color .35s}.hover-border:hover{border-color:var(--primary-fixed-dim)}.icon-hover{transition:all .35s cubic-bezier(.25,.46,.45,.94)}.icon-hover:hover{color:var(--primary);transform:scale(1.1)}.link-arrow{color:var(--primary);align-items:center;gap:6px;font-weight:500;transition:gap .25s;display:inline-flex}.link-arrow:hover{gap:10px}.link-arrow svg{transition:transform .25s}.link-arrow:hover svg{transform:translate(2px)}.img-cover{object-fit:cover;width:100%;height:100%}.img-rounded{border-radius:var(--radius-xl);overflow:hidden}.img-overlay{position:relative}.img-overlay:after{content:"";pointer-events:none;background:linear-gradient(#0000,#172b4db3);position:absolute;inset:0}.dashboard-layout{background:var(--background);min-height:100vh;padding-top:0;display:flex}.sidebar{background:var(--surface-container-lowest);z-index:50;border-right:1px solid #172b4d0f;flex-direction:column;flex-shrink:0;width:280px;padding:28px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{color:var(--primary);border-bottom:1px solid #172b4d0f;align-items:center;gap:10px;padding:0 24px 28px;font-family:Manrope,sans-serif;font-size:1.25rem;font-weight:800;display:flex}.sidebar-user{border-bottom:1px solid #172b4d0f;padding:24px}.sidebar-user .user-name{color:var(--on-surface);font-family:Manrope,sans-serif;font-size:1rem;font-weight:700}.sidebar-user .user-role{color:var(--on-surface-variant);margin-top:2px;font-size:.8125rem}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:20px 16px;display:flex}.sidebar-link{border-radius:var(--radius-md);color:var(--on-surface-variant);align-items:center;gap:14px;padding:12px 16px;font-size:.9375rem;font-weight:500;transition:all .2s;display:flex}.sidebar-link:hover{background:var(--surface-container-low);color:var(--on-surface)}.sidebar-link.active{background:var(--primary-fixed);color:var(--primary);font-weight:600}.sidebar-link .icon{text-align:center;width:24px;font-size:1.25rem}.sidebar-bottom{border-top:1px solid #172b4d0f;margin-top:auto;padding:20px 16px}.dashboard-content{background:var(--background);flex:1;min-height:100vh;margin-left:280px;padding:40px 48px}.tag{letter-spacing:.02em;border-radius:99px;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.tag-warning{background:var(--warning-soft);color:#b76e00}.tag-success{background:var(--success-soft);color:var(--success)}.tag-info{background:var(--primary-fixed);color:var(--primary)}.tag-muted{background:var(--surface-container-high);color:var(--on-surface-variant)}.tag-accent{background:var(--accent-soft);color:var(--accent)}.hero-image-container{border-radius:var(--radius-2xl);position:relative;overflow:hidden}.hero-image-container img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.hero-image-container:hover img{transform:scale(1.03)}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.feature-card{border-radius:var(--radius-xl);background:var(--surface-container-lowest);border:1px solid #172b4d0a;padding:32px;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--grad-primary);transform-origin:0;height:3px;transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover{border-color:var(--primary-fixed)}.feature-card:hover:before{transform:scaleX(1)}.icon-container{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex}.icon-container-primary{background:var(--primary-fixed);color:var(--primary)}.icon-container-success{background:var(--success-soft);color:var(--success)}.icon-container-warning{background:var(--warning-soft);color:var(--warning)}.icon-container-accent{background:var(--accent-soft);color:var(--accent)}.feature-card:hover .icon-container{transform:scale(1.05)}.stat-card{border-radius:var(--radius-xl);background:var(--surface-container-lowest);text-align:center;border:1px solid #172b4d0a;padding:28px;transition:all .35s cubic-bezier(.4,0,.2,1)}.stat-card:hover{border-color:var(--primary-fixed)}.stat-value{letter-spacing:-.03em;background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Manrope,sans-serif;font-size:2.5rem;font-weight:800}.stat-label{color:var(--on-surface-variant);margin-top:4px;font-size:.9375rem}@media (width<=1024px){.navbar{padding:0 32px}.section,.section-sm{padding:72px 32px}}.text-gradient-warm{background:var(--grad-warm);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-success{background:var(--grad-success);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.divider{background:linear-gradient(to right, transparent, var(--outline-variant), transparent);height:1px;margin:32px 0}.skeleton{background:linear-gradient(90deg, var(--surface-container-high) 25%, var(--surface-container) 50%, var(--surface-container-high) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.backdrop-blur{-webkit-backdrop-filter:blur(12px)}.focus-ring:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}[id]{scroll-margin-top:80px}::selection{background:var(--primary-fixed);color:var(--primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-container-low)}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--outline)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);background:var(--on-surface);color:var(--surface-bright);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;z-index:100;padding:8px 12px;font-size:.8125rem;font-weight:500;transition:all .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.tooltip:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.avatar{object-fit:cover;border:2px solid var(--surface-container-lowest);width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:50%}.avatar-lg{width:56px;height:56px}.avatar-sm{width:32px;height:32px}.avatar-group{display:flex}.avatar-group .avatar{margin-left:-12px}.avatar-group .avatar:first-child{margin-left:0}.badge-dot{position:relative}.badge-dot:after{content:"";background:var(--accent);border:2px solid var(--surface-container-lowest);border-radius:50%;width:10px;height:10px;position:absolute;top:0;right:0}.pulse{position:relative}.pulse:before{content:"";border-radius:inherit;opacity:0;background:currentColor;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-ring;position:absolute;inset:0}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94);transform:translate(-40px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94);transform:translate(40px)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94);transform:scale(.95)}.reveal-scale.visible{opacity:1;transform:scale(1)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.stagger-6{transition-delay:.6s}.parallax-container{position:relative;overflow:hidden}.parallax-bg{will-change:transform;pointer-events:none;position:absolute;inset:-20%}.parallax-bg img{object-fit:cover;width:100%;height:100%}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transition:opacity .5s,transform .5s;transform:translateY(0)}.hero-parallax{transform-style:preserve-3d;position:relative}.hero-parallax-layer{will-change:transform;backface-visibility:hidden}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid;position:relative}.giving-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.impact-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:80px;display:grid}.testimonials-grid{grid-template-columns:1fr 1fr;gap:32px;max-width:900px;margin:0 auto;display:grid}.trusted-by-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.trusted-by-logos{flex-wrap:wrap;align-items:center;gap:48px;display:flex}.mobile-menu-btn{cursor:pointer;border-radius:var(--radius-md);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:6px;transition:background .2s;display:none}.mobile-menu-btn:hover{background:var(--surface-container-low)}.mobile-menu-btn span{background:var(--on-surface);transform-origin:50%;border-radius:2px;width:22px;height:2px;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:block}.mobile-menu-btn.open span:first-child{transform:translateY(7px)rotate(45deg)}.mobile-menu-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-btn.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-nav-overlay{z-index:150;opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182766;transition:opacity .3s;display:none;position:fixed;inset:0}.mobile-nav-overlay.open{opacity:1}.mobile-nav{background:var(--surface-container-lowest);z-index:200;width:min(320px,85vw);box-shadow:var(--shadow-2xl);flex-direction:column;transition:transform .35s cubic-bezier(.25,.46,.45,.94);display:none;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.mobile-nav.open{transform:translate(0)}.mobile-nav-header{border-bottom:1px solid #1118270f;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.mobile-nav-close{background:var(--surface-container-low);border-radius:var(--radius-md);width:36px;height:36px;color:var(--on-surface-variant);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.mobile-nav-close:hover{background:var(--surface-container);color:var(--on-surface)}.mobile-nav-links{flex-direction:column;gap:4px;padding:16px;display:flex}.mobile-nav-link{color:var(--on-surface-variant);border-radius:var(--radius-md);padding:14px 16px;font-size:1rem;font-weight:500;transition:all .2s;display:block}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--primary-fixed);color:var(--primary);font-weight:600}.mobile-nav-actions{border-top:1px solid #1118270f;flex-direction:column;gap:12px;margin-top:auto;padding:16px 24px 32px;display:flex}@media (width<=768px){.parallax-bg{transform:none!important}.reveal,.reveal-left,.reveal-right,.reveal-scale{transition-duration:.5s}}@media (width<=1024px){.hero-grid,.impact-grid{gap:48px}.giving-grid{grid-template-columns:repeat(2,1fr);gap:24px}.trusted-by-logos{gap:32px}}@media (width<=768px){.navbar{padding:0 20px}.navbar-links,.navbar-actions{display:none}.mobile-menu-btn,.mobile-nav-overlay,.mobile-nav{display:flex}.hero-grid{grid-template-columns:1fr;gap:40px}.hero-float-card{display:none!important}.giving-grid{grid-template-columns:1fr;gap:24px}.impact-grid{grid-template-columns:1fr;gap:48px}.testimonials-grid{grid-template-columns:1fr;gap:24px}.trusted-by-row{flex-direction:column;align-items:flex-start;gap:20px}.trusted-by-logos{flex-wrap:wrap;gap:24px}.section,.section-sm{padding:56px 20px}.dashboard-content{margin-left:0;padding:24px 16px}.sidebar{display:none}h1{font-size:2.25rem}h2{font-size:1.75rem}}@media (width<=480px){.hero-grid{gap:32px}.section,.section-sm{padding:48px 16px}.btn-lg{padding:14px 24px;font-size:.9375rem}.giving-grid{grid-template-columns:1fr}.trusted-by-logos{gap:16px}.dashboard-content{padding:20px 12px}.card-elevated{padding:20px}}.site-footer{background:var(--surface-container-lowest);border-top:1px solid #172b4d0f;padding:80px 48px 40px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:48px;margin-bottom:64px;display:grid}.footer-bottom{border-top:1px solid #172b4d14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:32px;display:flex}.cta-section{background:var(--grad-dark);text-align:center;color:#fff;padding:100px 48px;position:relative;overflow:hidden}@media (width<=1024px){.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:40px}.site-footer{padding:64px 32px 32px}.cta-section{padding:80px 32px}}@media (width<=768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-grid>div:first-child{grid-column:1/-1}.site-footer{padding:56px 20px 32px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}.cta-section{padding:64px 20px}.cta-section h2{font-size:2rem!important}}@media (width<=480px){.footer-grid{grid-template-columns:1fr;gap:28px}.footer-grid>div:first-child{grid-column:auto}.cta-section{padding:48px 16px}}@media (prefers-reduced-motion:reduce){.reveal,.reveal-left,.reveal-right,.reveal-scale{opacity:1;transition:none;transform:none}.parallax-bg,.hero-parallax-layer{transform:none!important}}#root{min-height:100vh}