:root{--hc-color-brand-primary: #0284c7;--hc-color-brand-secondary: #0891b2;--hc-color-brand-accent: #059669;--hc-color-brand-accent-alt: #10b981;--hc-color-info: #3b82f6;--hc-color-success: #10b981;--hc-color-warning: #f59e0b;--hc-color-danger: #dc2626;--hc-color-pink: #ec4899;--hc-color-purple: #8b5cf6;--hc-color-cyan: #06b6d4;--hc-color-amber: #f59e0b;--hc-color-bg: #f1f5f9;--hc-color-bg-alt: #ffffff;--hc-color-surface: rgba(255,255,255,.98);--hc-color-surface-alt: rgba(255,255,255,.9);--hc-color-border: #e2e8f0;--hc-color-border-soft: rgba(226,232,240,.6);--hc-color-text: #0f172a;--hc-color-text-soft: #334155;--hc-color-text-muted: #64748b;--hc-color-overlay: rgba(15,23,42,.7);--hc-gradient-brand: linear-gradient(135deg, var(--hc-color-brand-primary), var(--hc-color-brand-secondary) 40%, var(--hc-color-brand-accent));--hc-gradient-green: linear-gradient(135deg, #10b981, #059669);--hc-gradient-purple: linear-gradient(135deg, #8b5cf6, #6366f1);--hc-gradient-warning: linear-gradient(135deg, #fbbf24, #f59e0b);--hc-gradient-danger: linear-gradient(135deg, #f87171, #dc2626);--hc-shadow-xs: 0 1px 2px rgba(15,23,42,.06), 0 0 0 1px rgba(15,23,42,.04);--hc-shadow-sm: 0 2px 6px rgba(15,23,42,.08), 0 1px 2px rgba(15,23,42,.04);--hc-shadow-md: 0 4px 16px rgba(15,23,42,.1);--hc-shadow-lg: 0 12px 32px rgba(15,23,42,.14);--hc-shadow-xl: 0 20px 56px rgba(15,23,42,.18);--hc-radius-xs: 6px;--hc-radius-sm: 10px;--hc-radius-md: 16px;--hc-radius-lg: 20px;--hc-radius-xl: 24px;--hc-radius-2xl: 28px;--hc-radius-3xl: 32px;--hc-space-0: 0;--hc-space-1: 4px;--hc-space-2: 8px;--hc-space-3: 12px;--hc-space-4: 16px;--hc-space-5: 20px;--hc-space-6: 24px;--hc-space-7: 28px;--hc-space-8: 32px;--hc-space-10: 40px;--hc-space-12: 48px;--hc-space-16: 64px;--hc-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";--hc-font-mono: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--hc-font-weight-normal: 500;--hc-font-weight-semibold: 600;--hc-font-weight-bold: 700;--hc-font-weight-extrabold: 800;--hc-font-weight-black: 900;--hc-ease-standard: cubic-bezier(.4, 0, .2, 1);--hc-transition-fast: .12s var(--hc-ease-standard);--hc-transition-base: .24s var(--hc-ease-standard);--hc-transition-slow: .42s var(--hc-ease-standard);--hc-z-base: 0;--hc-z-sticky: 50;--hc-z-dropdown: 100;--hc-z-overlay: 900;--hc-z-modal: 1000;--hc-z-toast: 1100}@media (prefers-color-scheme: dark){:root{--hc-color-bg: #0f172a;--hc-color-bg-alt: #1e293b;--hc-color-surface: rgba(30,41,59,.9);--hc-color-surface-alt: rgba(30,41,59,.8);--hc-color-border: #334155;--hc-color-border-soft: rgba(51,65,85,.6);--hc-color-text: #f1f5f9;--hc-color-text-soft: #e2e8f0;--hc-color-text-muted: #94a3b8;--hc-color-overlay: rgba(0,0,0,.6);--hc-shadow-xs: 0 1px 2px rgba(0,0,0,.5), 0 0 0 1px rgba(0,0,0,.4);--hc-shadow-sm: 0 2px 6px rgba(0,0,0,.55), 0 1px 2px rgba(0,0,0,.4);--hc-shadow-md: 0 4px 16px rgba(0,0,0,.6);--hc-shadow-lg: 0 12px 32px rgba(0,0,0,.65);--hc-shadow-xl: 0 20px 56px rgba(0,0,0,.7)}}.dark-mode{color-scheme:dark}.dark-mode .healthcare-market,.dark-mode .hm,.dark-mode{background:radial-gradient(circle at 30% 30%,#0f172a,#020617 60%)}.healthcare-market{min-height:100vh;background:linear-gradient(180deg,#f0f9ff,#e0f2fe,#f8fafc);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;overflow-x:hidden}.dark-mode .healthcare-market,.healthcare-market.dark-mode{background:radial-gradient(circle at 30% 30%,#0f172a,#020617 70%);color:var(--hc-color-text)}@media (prefers-color-scheme: dark){.dark-mode .hm-login-card,.hm-login-card.dark-mode,.dark-mode .hm-service-card,.dark-mode .hm-provider-card,.dark-mode .hm-resource-card,.dark-mode .hm-impact-card,.dark-mode .hm-analytics-card,.dark-mode .hm-appointment-card{background:var(--hc-color-surface);border-color:var(--hc-color-border-soft);box-shadow:var(--hc-shadow-md)}.dark-mode .hm-login-subtitle,.dark-mode .hm-service-desc,.dark-mode .hm-provider-specialty,.dark-mode .hm-resource-desc,.dark-mode .hm-metric-label{color:var(--hc-color-text-muted)}.dark-mode .hm-header,.dark-mode .hm-nav,.dark-mode .hm-modal{background:#1e293bd9;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.dark-mode .hm-nav-btn.active,.dark-mode .hm-filter-btn.active{background:linear-gradient(135deg,#0891b240,#05966940);color:#fff}.dark-mode .hm-stat-card{background:linear-gradient(135deg,#1e293be6,#0f172ad9);border-color:#33415599}.dark-mode .hm-service-card:hover,.dark-mode .hm-provider-card:hover,.dark-mode .hm-resource-card:hover,.dark-mode .hm-impact-card:hover{border-color:#0891b280;box-shadow:var(--hc-shadow-lg)}.dark-mode .hm-modal-overlay{background:#0009}.dark-mode .hm-resource-category{background:linear-gradient(135deg,#0ea5e926,#0891b226);color:var(--hc-color-info)}.dark-mode .hm-apt-status.status-confirmed{background:linear-gradient(135deg,#10b98140,#05966940);color:#10b981}.dark-mode .hm-apt-status.status-pending{background:linear-gradient(135deg,#f59e0b40,#d9770640);color:#fbbf24}.dark-mode .hm-apt-status.status-completed{background:linear-gradient(135deg,#8b5cf640,#6d28d940);color:#a78bfa}.dark-mode input,.dark-mode select,.dark-mode textarea{background:#1e293bcc;border-color:#334155;color:var(--hc-color-text)}.dark-mode input:focus,.dark-mode select:focus,.dark-mode textarea:focus{border-color:var(--hc-color-brand-secondary);box-shadow:0 0 0 3px #0891b24d}.dark-mode .hm-btn-primary{background:linear-gradient(135deg,#0891b2,#059669);color:#fff}.dark-mode .hm-btn-primary:hover{box-shadow:0 8px 24px #0891b273}.dark-mode .hm-btn-secondary{background:#33415599;color:#f1f5f9}.dark-mode .hm-btn-secondary:hover{background:#334155bf}.dark-mode .hm-notification.success{background:linear-gradient(135deg,#10b98133,#05966926);color:#10b981}.dark-mode .hm-notification.error{background:linear-gradient(135deg,#ef444433,#dc262626);color:#f87171}.dark-mode .hm-metric-bar{background:#334155b3}.dark-mode .hm-metric-fill:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}}.hm-login-icon,.hm-header-icon,.hm-service-icon,.hm-stat-icon,.hm-provider-avatar,.hm-action-icon,.hm-apt-icon,.hm-nav-btn span:first-child{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Android Emoji",sans-serif}.hm-login{min-height:100vh;background:linear-gradient(135deg,#0284c7,#0891b2,#059669);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.hm-login:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(16,185,129,.2) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(8,145,178,.2) 0%,transparent 50%);pointer-events:none}.hm-login-container{width:100%;max-width:520px;position:relative;z-index:1}.hm-login-card{background:#fffffffa;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:32px;padding:4rem 3rem;box-shadow:0 30px 90px #00000040,0 0 0 1px #ffffff80;text-align:center;border:1px solid rgba(255,255,255,.8)}.hm-login-icon{font-size:5rem;margin-bottom:2rem;display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;background:linear-gradient(135deg,#0ea5e91a,#10b9811a);border-radius:32px;animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{transform:scale(1);box-shadow:0 0 #0ea5e94d}50%{transform:scale(1.05);box-shadow:0 0 50px 15px #0ea5e926}}.hm-login-title{font-size:2.75rem;font-weight:900;margin:0 0 1rem;color:#0f172a;letter-spacing:-.5px}.hm-login-subtitle{font-size:1.125rem;color:#475569;margin:0 0 3rem;line-height:1.7;font-weight:400}.hm-login-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2.5rem}.hm-login-feature{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#0ea5e90d,#10b9810d);border-radius:16px;font-size:.9375rem;font-weight:600;color:#334155;border:1px solid rgba(14,165,233,.1)}.hm-login-feature-icon{font-size:1.75rem}.hm-login-btn{width:100%;padding:1.5rem 2rem;background:linear-gradient(135deg,#0284c7,#0891b2,#059669);color:#fff;border:none;border-radius:18px;font-size:1.125rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 12px 48px #0ea5e966;position:relative;overflow:hidden}.hm-login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.hm-login-btn:hover:before{left:100%}.hm-login-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 64px #0ea5e980}.hm-login-help{margin-top:2rem;font-size:.9375rem;color:#64748b}.hm-login-help a{color:#0284c7;text-decoration:none;font-weight:700;transition:color .3s ease}.hm-login-help a:hover{color:#0891b2}.hm{position:relative;min-height:100vh;background:linear-gradient(180deg,#f8fafc,#f1f5f9);z-index:1}.hm-header{position:sticky;top:0;z-index:10;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.75rem 2.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 24px #0000000f;border-bottom:2px solid rgba(14,165,233,.1)}.hm-header-left{display:flex;align-items:center;gap:1rem}.hm-header-title{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:800;margin:0;color:#0f172a;letter-spacing:-.5px}.hm-header-icon{font-size:2rem}.hm-header-role{padding:.5rem 1rem;border-radius:12px;font-size:.75rem;font-weight:800;letter-spacing:1px;text-transform:uppercase}.hm-header-role[data-role=patient]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.hm-header-role[data-role=provider]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.hm-header-role[data-role=admin]{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.hm-header-right{display:flex;align-items:center;gap:1rem}.hm-header-btn{padding:.875rem 1.5rem;background:linear-gradient(135deg,#0ea5e91a,#10b9811a);border:2px solid rgba(14,165,233,.2);border-radius:14px;font-weight:700;font-size:.9375rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;color:#0284c7}.hm-header-btn:hover{background:linear-gradient(135deg,#0284c7,#0891b2);border-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #0ea5e94d}.hm-header-user{display:flex;align-items:center;gap:.75rem;padding-left:1rem;border-left:2px solid #e2e8f0}.hm-header-user-name{font-weight:700;color:#334155}.hm-header-logout{padding:.625rem 1.25rem;background:transparent;border:2px solid #cbd5e1;border-radius:12px;font-size:.875rem;font-weight:700;cursor:pointer;color:#334155;transition:all .3s ease}.hm-header-logout:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:translateY(-2px)}.hm-nav{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0 2rem;display:flex;gap:.5rem;border-bottom:2px solid #e2e8f0;overflow-x:auto;position:sticky;top:98px;z-index:9}.hm-nav-btn{padding:1.125rem 1.75rem;background:transparent;border:none;border-bottom:3px solid transparent;font-weight:700;font-size:.9375rem;cursor:pointer;color:#64748b;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;white-space:nowrap}.hm-nav-btn:hover{color:#0284c7;background:linear-gradient(135deg,#0ea5e90d,#10b9810d)}.hm-nav-btn.active{color:#0284c7;border-bottom-color:#0284c7;background:linear-gradient(135deg,#0ea5e914,#10b98114)}.hm-notifications{position:fixed;top:7rem;right:2rem;z-index:50;display:flex;flex-direction:column;gap:.75rem;max-width:420px}.hm-notification{padding:1.25rem 1.5rem;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 12px 36px #00000026;display:flex;justify-content:space-between;align-items:center;gap:1rem;animation:slideInRight .4s ease;border-left:4px solid #10b981}.hm-notification.success{border-left-color:#10b981}.hm-notification.error{border-left-color:#ef4444}.hm-notification button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#64748b;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.hm-notification button:hover{background:#e2e8f0;color:#0f172a}.hm-content{padding:2.5rem;max-width:1600px;margin:0 auto}.hm-welcome h2{font-size:2.25rem;font-weight:800;margin:0 0 .75rem;color:#0f172a;letter-spacing:-.5px}.hm-welcome p{font-size:1.125rem;color:#64748b;margin:0 0 2.5rem}.hm-quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:3rem}.hm-stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px;padding:2.25rem;box-shadow:0 8px 32px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid rgba(255,255,255,.6);position:relative;overflow:hidden}.hm-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--stat-color, #0ea5e9),transparent);opacity:.8}.hm-stat-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 56px #00000026;border-color:#0ea5e94d}.hm-stat-icon{font-size:3rem;margin-bottom:1.25rem;display:inline-flex;align-items:center;justify-content:center;width:75px;height:75px;border-radius:20px}.hm-stat-content{display:flex;flex-direction:column;gap:.5rem}.hm-stat-value{font-size:3rem;font-weight:900;color:#0f172a;line-height:1;letter-spacing:-1px}.hm-stat-label{font-size:1rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:1px}.hm-section{margin-bottom:3rem}.hm-section-title{font-size:1.5rem;font-weight:800;margin:0 0 1.75rem;color:#0f172a;letter-spacing:-.3px}.hm-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.75rem}.hm-service-card{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:28px;padding:2.5rem;box-shadow:0 8px 32px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid rgba(255,255,255,.7);cursor:pointer;position:relative;overflow:hidden}.hm-service-card:before{content:"";position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle,var(--service-color, #0ea5e9) 0%,transparent 70%);opacity:.08;transition:all .4s ease}.hm-service-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 24px 72px #00000026;border-color:#0ea5e966}.hm-service-card:hover:before{opacity:.15;width:180px;height:180px}.hm-service-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1.5rem}.hm-service-icon{font-size:4rem;margin-bottom:1.5rem;display:inline-flex;align-items:center;justify-content:center;width:95px;height:95px;background:linear-gradient(135deg,#ffffffe6,#fff9);border-radius:24px;box-shadow:0 4px 16px #00000014;transition:all .4s ease}.hm-service-card:hover .hm-service-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 32px #0000001f}.hm-service-name{font-size:1.5rem;font-weight:800;margin:0;color:#0f172a;letter-spacing:-.3px}.hm-service-desc{font-size:1rem;color:#475569;line-height:1.7;margin:0 0 1.75rem;font-weight:400;text-align:center}.hm-service-esg{display:flex;justify-content:space-around;gap:1rem;margin-bottom:1.75rem}.hm-service-esg-item{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:linear-gradient(135deg,#0ea5e90d,#10b9810d);border-radius:12px;flex:1}.hm-esg-label{font-size:.8125rem;font-weight:800;color:#64748b;margin-bottom:.5rem;letter-spacing:1px}.hm-esg-value{font-size:1.5rem;font-weight:900;color:#0f172a}.hm-service-btn{width:100%;padding:1.125rem 1.5rem;background:linear-gradient(135deg,var(--service-color, #0ea5e9),rgba(14,165,233,.8));color:#fff;border:none;border-radius:16px;font-weight:800;font-size:1rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #00000026;position:relative;overflow:hidden}.hm-service-btn .hm-service-icon-svg{color:var(--hc-color-brand-accent);stroke:currentColor}.hm-service-btn .dark-mode .hm-service-icon-svg{color:var(--hc-color-brand-secondary)}.hm-service-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.hm-service-btn:hover:before{width:350px;height:350px}.hm-service-btn:hover{transform:translateY(-3px);box-shadow:0 12px 36px #00000040}.hm-providers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.75rem}.hm-provider-card{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:28px;padding:2.5rem;box-shadow:0 8px 32px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid rgba(255,255,255,.7);position:relative;overflow:hidden}.hm-provider-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0ea5e9,#06b6d4,#10b981);opacity:0;transition:opacity .4s ease}.hm-provider-card:hover:after{opacity:1}.hm-provider-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 24px 72px #00000026;border-color:#0ea5e94d}.hm-provider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.hm-provider-avatar{font-size:3.5rem}.hm-provider-rating{display:flex;align-items:center;gap:.5rem}.hm-rating-star{color:#f59e0b;font-size:1.25rem}.hm-rating-value{font-weight:800;color:#0f172a;font-size:1.125rem}.hm-provider-name{font-size:1.5rem;font-weight:800;margin:0 0 .5rem;color:#0f172a;letter-spacing:-.3px}.hm-provider-specialty{font-size:1rem;color:#64748b;margin:0 0 1.5rem;font-weight:600}.hm-provider-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.hm-provider-info-item{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;color:#64748b;font-weight:500}.hm-info-icon{font-size:1.125rem}.hm-provider-certs{display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:1.5rem}.hm-cert-badge{padding:.5rem .875rem;background:linear-gradient(135deg,#0ea5e914,#10b98114);border-radius:10px;font-size:.8125rem;font-weight:700;color:#334155;border:1px solid rgba(14,165,233,.2)}.hm-provider-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.hm-esg-badge{padding:.5rem 1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:12px;font-size:.875rem;font-weight:800}.hm-provider-fee{font-size:1.125rem;font-weight:800;color:#0f172a}.hm-provider-btn{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#0284c7,#0891b2);color:#fff;border:none;border-radius:16px;font-weight:800;font-size:.9375rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0ea5e94d}.hm-provider-btn:hover{transform:translateY(-3px);box-shadow:0 12px 36px #0ea5e966;background:linear-gradient(135deg,#0369a1,#0e7490)}.hm-modal-overlay{position:fixed;inset:0;background:#0f172ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:100;padding:2rem;animation:fadeIn .4s ease}.hm-modal{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;max-width:680px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 40px 120px #0006;animation:slideUp .5s cubic-bezier(.4,0,.2,1);border:2px solid rgba(255,255,255,.8)}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.hm-modal-header{padding:2.5rem 2.5rem 1.5rem;border-bottom:2px solid rgba(14,165,233,.1);display:flex;justify-content:space-between;align-items:center}.hm-modal-header h2{font-size:1.75rem;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.3px}.hm-modal-close{background:transparent;border:none;font-size:2rem;cursor:pointer;color:#64748b;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.hm-modal-close:hover{background:#ef44441a;color:#ef4444}.hm-modal-body{padding:2.5rem}.hm-form-group{margin-bottom:1.75rem}.hm-form-group label{display:block;font-weight:700;color:#334155;margin-bottom:.75rem;font-size:.9375rem}.hm-form-group input,.hm-form-group select,.hm-form-group textarea{width:100%;padding:1rem 1.25rem;border:2px solid #e2e8f0;border-radius:14px;font-size:1rem;font-family:inherit;transition:all .3s ease;background:#fff}.hm-form-group input:focus,.hm-form-group select:focus,.hm-form-group textarea:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 4px #0ea5e91a}.hm-form-group textarea{resize:vertical;min-height:120px}.hm-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.hm-modal-footer{padding:1.5rem 2.5rem 2.5rem;display:flex;gap:1rem;justify-content:flex-end}.hm-btn-primary,.hm-btn-secondary{padding:1rem 2rem;border:none;border-radius:14px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease}.hm-btn-primary{background:linear-gradient(135deg,#0284c7,#0891b2);color:#fff;box-shadow:0 4px 16px #0ea5e94d}.hm-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0ea5e966}.hm-btn-secondary{background:#f1f5f9;color:#334155}.hm-btn-secondary:hover{background:#e2e8f0}.hm-appointments-list{display:grid;gap:1rem}.hm-appointment-card{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:1.75rem;border:1px solid rgba(226,232,240,.8);box-shadow:0 4px 16px #0f172a14;transition:all .3s cubic-bezier(.4,0,.2,1)}.hm-appointment-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0f172a26;border-color:#0ea5e94d}.hm-apt-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(226,232,240,.6)}.hm-apt-provider{display:flex;align-items:center;gap:1rem}.hm-apt-info h4{margin:0 0 .25rem}.hm-apt-name{font-size:1.125rem;font-weight:700;color:#0f172a}.hm-apt-specialty{font-size:.875rem;color:#64748b}.hm-apt-status{padding:.5rem 1rem;border-radius:12px;font-size:.813rem;font-weight:600;text-transform:capitalize}.hm-apt-status.status-confirmed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.hm-apt-status.status-pending{background:linear-gradient(135deg,#fed7aa,#fbbf24);color:#92400e}.hm-apt-status.status-completed{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3}.hm-apt-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.25rem}.hm-apt-detail{display:flex;align-items:center;gap:.625rem;font-size:.938rem;color:#475569}.hm-apt-detail-icon{font-size:1.25rem}.hm-apt-actions{display:flex;gap:.75rem;justify-content:flex-end}.hm-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-top:2rem}.hm-action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 1.5rem;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:2px solid rgba(226,232,240,.8);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.hm-action-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(14,165,233,.1),transparent 70%);opacity:0;transition:opacity .3s ease}.hm-action-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0ea5e933;border-color:#0ea5e966}.hm-action-card:hover:before{opacity:1}.hm-action-label{font-size:1rem;font-weight:700;color:#0f172a;text-align:center;position:relative;z-index:1}.hm-resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem}.hm-resource-card{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:1.75rem;border:1px solid rgba(226,232,240,.8);box-shadow:0 4px 16px #0f172a14;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1rem}.hm-resource-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0ea5e926;border-color:#0ea5e94d}.hm-resource-card h4{margin:0;font-size:1.125rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:.75rem}.hm-resource-icon{font-size:1.5rem}.hm-resource-card p{margin:0;color:#64748b;line-height:1.6;font-size:.938rem}.hm-resource-category{display:inline-block;padding:.375rem .875rem;background:linear-gradient(135deg,#0ea5e91a,#0891b21a);color:#0284c7;border-radius:10px;font-size:.813rem;font-weight:600}.hm-impact{padding:0 .5rem}.hm-impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.75rem;margin-top:1.5rem}.hm-impact-card{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px;padding:2.25rem;border:1px solid rgba(226,232,240,.8);box-shadow:0 8px 24px #0f172a14;transition:all .4s cubic-bezier(.4,0,.2,1)}.hm-impact-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px #0f172a26;border-color:#0596694d}.hm-impact-card-title{margin:0 0 1.5rem;font-size:1.375rem;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:.875rem}.hm-impact-icon{font-size:2rem}.hm-impact-metrics{display:grid;gap:1.25rem}.hm-impact-metric{padding:1.25rem;background:linear-gradient(135deg,#f0fdf4cc,#dcfce799);border-radius:16px;border-left:4px solid #059669}.hm-impact-metric h4{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#065f46;text-transform:uppercase;letter-spacing:.05em}.hm-impact-metric p{margin:0;font-size:1.75rem;font-weight:900;color:#059669;line-height:1}.hm-impact-metric small{font-size:.813rem;color:#047857;font-weight:500}.hm-metric-label{font-size:.875rem;font-weight:600;color:#475569;margin-bottom:.5rem}.hm-metric-value{font-size:1.5rem;font-weight:800;color:#0f172a;margin-bottom:.625rem}.hm-metric-bar{width:100%;height:8px;background:#e2e8f080;border-radius:10px;overflow:hidden;position:relative}.hm-metric-fill{height:100%;border-radius:10px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.hm-metric-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.hm-sdg-section{margin-top:2.75rem}.hm-sdg-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:1.25rem}.hm-sdg-card{position:relative;background:#ffffffe6;border:1px solid rgba(226,232,240,.85);border-radius:24px;padding:1.4rem 1.25rem 1.6rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 24px #0f172a0f;display:flex;flex-direction:column;gap:.6rem;transition:transform var(--hc-transition-fast),box-shadow var(--hc-transition-fast),border-color var(--hc-transition-fast)}.hm-sdg-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0f172a26;border-color:#0891b259}.hm-sdg-card-header{display:flex;align-items:center;justify-content:space-between}.hm-sdg-number{font-weight:800;font-size:1rem;width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0ea5e9,#10b981);color:#fff;box-shadow:0 4px 12px #0ea5e959;letter-spacing:.5px}.hm-sdg-number[data-sdg="10"]{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f159}.hm-sdg-number[data-sdg="12"]{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 4px 12px #f59e0b59}.hm-sdg-number[data-sdg="13"]{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 4px 12px #22c55e59}.hm-sdg-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145deg,#ffffffbf,#ffffff73);box-shadow:inset 0 2px 4px #fff9,0 4px 10px #00000014}.hm-sdg-title{margin:0;font-size:.9rem;font-weight:600;color:var(--hc-color-text);line-height:1.3;transition:color var(--hc-transition-fast)}.hm-sdg-progress-ring{width:100%;max-width:120px;margin-top:.25rem}.hm-sdg-progress-ring svg{width:100%;height:auto;display:block}.hm-sdg-ring-bg,.hm-sdg-ring-fg{fill:none;stroke-width:2.6}.hm-sdg-ring-bg{stroke:#00000014}.hm-sdg-ring-fg{stroke:#0891b2;stroke-linecap:round;transform-origin:center;transition:stroke-dasharray .6s ease}.hm-sdg-ring-text{font-size:7px;fill:var(--hc-color-text);text-anchor:middle;font-weight:600}.dark-mode .hm-sdg-card{background:linear-gradient(145deg,#1e293bd9,#0f172abf);border-color:#33415599}.dark-mode .hm-sdg-ring-bg{stroke:#ffffff14}.dark-mode .hm-sdg-title{color:var(--hc-color-text-soft)}@media (max-width: 1024px){.hm-services-grid,.hm-providers-grid,.hm-resources-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.hm-impact-grid{grid-template-columns:1fr}}@media (max-width: 768px){.hm-header{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem}.hm-header-left,.hm-header-right{width:100%;justify-content:center}.hm-nav{padding:0 1rem}.hm-content{padding:1.5rem}.hm-quick-stats,.hm-services-grid,.hm-providers-grid,.hm-login-features,.hm-form-row{grid-template-columns:1fr}.hm-login-card{padding:2.5rem 2rem}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-base{position:relative;overflow:hidden;background-color:#e5e7eb;border-radius:.375rem}.skeleton-light{background-color:#ffffff59}.skeleton-light.thin{background-color:#ffffff40}.skeleton-animate:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#fff0,#fff9,#fff0 80%);background-size:200% 100%;animation:shimmer 2s infinite}.skeleton-text{height:.75rem}.skeleton-rounded{border-radius:9999px}.skeleton-line+.skeleton-line{margin-top:.5rem}.skeleton-fade-in{animation:skeleton-fade .25s ease-out}@keyframes skeleton-fade{0%{opacity:0}to{opacity:1}}.canvas-gallery{min-height:100vh;background:linear-gradient(135deg,#fef7ff,#f3f4f6,#ecfdf5);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.gallery-hero{padding:4rem 2rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed 30%,#a855f7 70%,#c084fc);color:#fff;position:relative;display:flex;align-items:center;justify-content:space-between;min-height:65vh;overflow:hidden}.gallery-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="art-pattern" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="2" fill="rgba(255,255,255,0.1)"/><path d="M5,5 Q10,15 15,5" stroke="rgba(255,255,255,0.08)" stroke-width="1" fill="none"/></pattern></defs><rect width="100" height="100" fill="url(%23art-pattern)"/></svg>');animation:artisticFloat 25s ease-in-out infinite}.hero-content{flex:1;max-width:650px;z-index:2;position:relative}.hero-title{font-size:3.8rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;text-shadow:2px 2px 4px rgba(0,0,0,.3);color:#fff;position:relative;z-index:3}.highlight{background:linear-gradient(45deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text;background-size:300% 300%;animation:artisticShimmer 4s ease-in-out infinite;display:inline-block;text-shadow:none;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.hero-description{font-size:1.35rem;margin-bottom:2rem;opacity:.95;line-height:1.7;font-weight:300}.hero-stats{display:flex;gap:2.5rem;margin-top:2rem}.stat{text-align:center;padding:1.2rem;background:#ffffff26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:15px;border:1px solid rgba(255,255,255,.25);transition:all .4s ease;box-shadow:0 8px 25px #8b5cf633}.stat:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 15px 35px #8b5cf64d}.stat-number{display:block;font-size:2.8rem;font-weight:700;color:#fbbf24;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.stat-label{font-size:.95rem;opacity:.9;font-weight:500}.hero-visual{flex:1;position:relative;height:450px;display:flex;align-items:center;justify-content:center}.floating-art{position:relative;width:100%;height:100%}.art-piece{position:absolute;font-size:5rem;animation:artisticFloat 8s ease-in-out infinite;opacity:.9;filter:drop-shadow(2px 2px 8px rgba(0,0,0,.3))}.art-piece:nth-child(1){top:15%;left:20%;animation-delay:0s}.art-piece:nth-child(2){top:45%;right:25%;animation-delay:2s}.art-piece:nth-child(3){bottom:25%;left:35%;animation-delay:4s}.art-piece:nth-child(4){top:30%;left:60%;animation-delay:6s}.impact-dashboard{padding:4rem 2rem;text-align:center;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.impact-dashboard h2{font-size:2.8rem;margin-bottom:2.5rem;color:#7c3aed;font-weight:600;background:linear-gradient(45deg,#7c3aed,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.impact-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;max-width:1300px;margin:0 auto}.impact-card{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:1.25rem;background:#fff;padding:1.5rem;border-radius:24px;box-shadow:0 10px 30px #0000000f;border:1px solid rgba(0,0,0,.05);transition:transform .25s ease,box-shadow .25s ease}.impact-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0000001a}.impact-card.environmental:before{background:linear-gradient(90deg,#10b981,#059669,#047857)}.impact-card.social:before{background:linear-gradient(90deg,#f59e0b,#d97706,#b45309)}.impact-card.governance:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed,#6d28d9)}.impact-icon-badge{width:96px;height:96px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:#fff;box-shadow:0 10px 24px #00000014}.environmental .impact-icon-badge{background:linear-gradient(135deg,#059669,#10b981)}.social .impact-icon-badge{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.governance .impact-icon-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.impact-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.impact-score-row{display:inline-flex;align-items:baseline;gap:.35rem}.impact-score-value{font-size:2.25rem;font-weight:800;color:#1f2937}.impact-score-denom{font-size:1.5rem;font-weight:700;color:#4b5563}.impact-label{font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#1e40af}.impact-card.governance{background:linear-gradient(135deg,#faf5ff,#ede9fe)}.impact-description{color:#6b7280;font-size:1rem;line-height:1.5}.services-section{padding:4rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.services-section h2{font-size:2.8rem;text-align:center;margin-bottom:3rem;color:#7c3aed;font-weight:600}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.service-card{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 25px #00000014;transition:all .3s ease;cursor:pointer;border:2px solid transparent;position:relative}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f;border-color:#8b5cf6}.service-card.active{border-color:#7c3aed;background:linear-gradient(135deg,#faf5ff,#f3f4f6);box-shadow:0 15px 35px #7c3aed26}.service-card h3{color:#7c3aed;margin-bottom:1rem;font-size:1.4rem;font-weight:600}.service-card p{color:#6b7280;margin-bottom:1.5rem;line-height:1.6}.service-metrics{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.5rem}.metrics-theme-toggle+.services-grid,.metrics-theme-toggle+div.services-grid{margin-top:.5rem}.canvas-gallery{--metric-bg: #faf5ff;--metric-bg-hover: #f3e8ff;--metric-border: rgba(124, 58, 237, .5);--metric-border-hover: rgba(124, 58, 237, .65);--metric-label: #7c3aed;--metric-value: #111827}.canvas-gallery.theme-white{--metric-bg: #ffffff;--metric-bg-hover: #ffffff;--metric-border: rgba(17, 24, 39, .12);--metric-border-hover: rgba(17, 24, 39, .2);--metric-label: #7c3aed;--metric-value: #111827}.canvas-gallery.theme-dark{--metric-bg: #111827;--metric-bg-hover: #0f172a;--metric-border: rgba(148, 163, 184, .25);--metric-border-hover: rgba(148, 163, 184, .4);--metric-label: #c4b5fd;--metric-value: #f9fafb}.metric{position:relative;padding:1rem 1.1rem;background:var(--metric-bg);border-radius:16px;border:2px solid var(--metric-border);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.metric:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#8b5cf6,#7c3aed);transition:width .3s ease}.metric:hover{transform:translateY(-4px);box-shadow:0 8px 24px #8b5cf633;border-color:var(--metric-border-hover);background:var(--metric-bg-hover)}.metric:hover:before{width:6px}.metric-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--metric-label);font-size:.813rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem}.metric-label:before{content:"→";font-size:.875rem;opacity:.7}.canvas-gallery .metric-value{display:block;color:var(--metric-value);-webkit-text-fill-color:var(--metric-value);background:none;-webkit-background-clip:initial;background-clip:initial;font-weight:800;font-size:1.125rem;line-height:1.35;padding-left:0;text-shadow:none;opacity:1;filter:none;mix-blend-mode:normal;white-space:normal;overflow:visible;text-overflow:unset}@media (max-width: 640px){.service-metrics{grid-template-columns:1fr}}.search-filter-section{padding:3rem 2rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-container{max-width:700px;margin:0 auto 2.5rem;position:relative}.search-input{width:100%;padding:1.2rem 3.5rem 1.2rem 1.2rem;border:2px solid #e5e7eb;border-radius:50px;font-size:1.1rem;background:#fff;transition:all .3s ease;box-shadow:0 5px 20px #00000014}.search-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.search-icon{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);font-size:1.3rem;color:#6b7280}.category-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;max-width:900px;margin:0 auto}.category-btn{display:flex;align-items:center;gap:.6rem;padding:.9rem 1.6rem;border:2px solid #e5e7eb;background:#fff;color:#374151;border-radius:30px;cursor:pointer;transition:all .3s ease;font-weight:500;box-shadow:0 3px 12px #0000000d;position:relative;overflow:hidden}.category-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.category-btn:hover{border-color:var(--category-color, #8b5cf6);transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.category-btn.active{background:var(--category-color, #8b5cf6);color:#fff;border-color:transparent;box-shadow:0 6px 25px #8b5cf64d}.category-icon{font-size:1.3rem}.artwork-section{padding:3rem 2rem;max-width:1500px;margin:0 auto}.artwork-section h2{font-size:2.8rem;text-align:center;margin-bottom:3rem;color:#7c3aed;font-weight:600}.artwork-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2.5rem}.artwork-card{background:#fff;border-radius:25px;overflow:hidden;box-shadow:0 15px 35px #00000014;transition:all .4s ease;cursor:pointer;border:3px solid transparent;position:relative}.artwork-card:hover{transform:translateY(-12px);box-shadow:0 25px 50px #00000026;border-color:#8b5cf6}.artwork-image{position:relative;height:250px;background:linear-gradient(135deg,#8b5cf6,#a855f7,#c084fc);display:flex;align-items:center;justify-content:center;overflow:hidden}.artwork-placeholder{font-size:6rem;color:#fff;opacity:.9;filter:drop-shadow(2px 2px 8px rgba(0,0,0,.3));transition:all .3s ease}.artwork-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.artwork-card:hover .artwork-overlay{opacity:1}.artwork-card:hover .artwork-placeholder{transform:scale(1.1)}.view-btn{background:#fff;color:#7c3aed;border:none;padding:1rem 2rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #0003}.view-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.artwork-info{padding:2rem}.artwork-title{font-size:1.6rem;font-weight:600;color:#7c3aed;margin-bottom:.5rem}.artwork-artist{color:#6b7280;margin-bottom:.5rem;font-style:italic}.artwork-medium{color:#9ca3af;font-size:.9rem;margin-bottom:1rem}.therapeutic-focus{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;background:#faf5ff;border-radius:10px;border-left:4px solid #8b5cf6}.focus-label{font-weight:600;color:#7c3aed;font-size:.9rem}.focus-value{color:#374151;font-weight:500}.esg-scores{display:flex;gap:1rem;margin-bottom:1.5rem}.esg-score{display:flex;flex-direction:column;align-items:center;padding:.6rem;border-radius:12px;min-width:65px;background:#f9fafb;border:2px solid #e5e7eb;transition:all .3s ease}.esg-score.governance{border-color:#8b5cf6;background:linear-gradient(135deg,#faf5ff,#e9d5ff)}.esg-label{font-size:.8rem;font-weight:700;color:#374151}.esg-value{font-size:1.3rem;font-weight:700;color:#1e40af}.impact-preview{padding:1rem;background:linear-gradient(135d,#ecfdf5,#d1fae5);border-radius:12px;border-left:4px solid #10b981}.social-impact{color:#065f46;font-weight:500;margin:0;font-size:.9rem}.modal-content{background:#fff;border-radius:25px;max-width:900px;max-height:90vh;overflow-y:auto;margin:2rem;box-shadow:0 30px 60px #0000004d;animation:slideUp .4s ease}.modal-header h2{color:#7c3aed;margin:0;font-size:2rem;font-weight:600}.close-btn{background:none;border:none;font-size:2.2rem;cursor:pointer;color:#6b7280;transition:all .3s ease;padding:0;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%}.artwork-details{margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:15px}.detail-row{display:flex;margin-bottom:.8rem;align-items:center}.detail-label{font-weight:600;color:#374151;min-width:150px}.detail-value{color:#6b7280;font-weight:500}.modal-esg-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.modal-esg-score{background:#f9fafb;padding:2rem;border-radius:15px;text-align:center;border:3px solid #e5e7eb;transition:all .3s ease}.modal-esg-score.governance{border-color:#8b5cf6;background:linear-gradient(135deg,#faf5ff,#e9d5ff)}.score-label{display:block;font-size:1rem;color:#374151;margin-bottom:.8rem;font-weight:600}.score-value{display:block;font-size:2.5rem;font-weight:700;color:#1e40af;margin-bottom:.8rem}.score-description{font-size:.9rem;color:#6b7280;line-height:1.5}.sdg-tags{display:flex;flex-wrap:wrap;gap:.8rem}.sdg-tag{background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff;padding:.6rem 1.2rem;border-radius:25px;font-size:.9rem;font-weight:500;box-shadow:0 3px 10px #7c3aed4d}.accessibility-list{list-style:none;padding:0}.accessibility-list li{color:#6b7280;position:relative;padding:.6rem 0 .6rem 2rem;line-height:1.5}.accessibility-list li:before{content:"♿";position:absolute;left:0;color:#8b5cf6;font-size:1.2rem}.engagement-stats{background:linear-gradient(135deg,#ede9fe,#ddd6fe);padding:1.5rem;border-radius:12px;border-left:4px solid #8b5cf6;font-weight:500;color:#5b21b6;margin-bottom:1rem}.cultural-significance{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:1.5rem;border-radius:12px;border-left:4px solid #f59e0b;font-weight:500;color:#92400e;font-style:italic}.experience-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:1rem 2.5rem;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 5px 20px #8b5cf64d}.experience-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #8b5cf666}.learn-more-btn{background:#fff;color:#374151;border:2px solid #d1d5db;padding:1rem 2.5rem;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s ease}.learn-more-btn:hover{border-color:#8b5cf6;color:#8b5cf6;transform:translateY(-3px)}@keyframes artisticFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(2deg)}50%{transform:translateY(-25px) rotate(-1deg)}75%{transform:translateY(-10px) rotate(1deg)}}@keyframes artisticShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 768px){.gallery-hero{flex-direction:column;text-align:center;padding:3rem 1rem}.hero-title{font-size:2.8rem}.hero-stats{justify-content:center;flex-wrap:wrap;gap:1.5rem}.impact-grid,.services-grid,.artwork-grid{grid-template-columns:1fr}.category-filters{justify-content:center}.category-btn{font-size:.9rem;padding:.7rem 1.2rem}.modal-content{margin:1rem;max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:1rem}.modal-footer{flex-direction:column}.hero-visual{height:250px;margin-top:2rem}.art-piece{font-size:3.5rem}}@media (max-width: 480px){.hero-title{font-size:2.2rem}.hero-description{font-size:1.1rem}.artwork-grid{grid-template-columns:1fr;gap:1.5rem}.artwork-card{margin:0 .5rem}.artwork-info{padding:1.5rem}.esg-scores{gap:.5rem}.esg-score{min-width:55px;padding:.4rem}}@media (prefers-contrast: high){.artwork-card{border:3px solid #000}.category-btn,.search-input{border:2px solid #000}}@media print{.canvas-gallery{background:#fff!important}.gallery-hero{background:#fff!important;color:#000!important}.modal-overlay{display:none!important}.artwork-card{break-inside:avoid;border:1px solid #ccc}}.advisory-services{min-height:100vh;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden;position:relative}.advisory-services:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 50% 20%,rgba(245,158,11,.05) 0%,transparent 40%);pointer-events:none;z-index:0;animation:floatingGradient 20s ease-in-out infinite}@keyframes floatingGradient{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.advisory-hero{padding:6rem 2rem;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#fff;position:relative;display:flex;align-items:center;justify-content:space-between;min-height:85vh;overflow:hidden}.advisory-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(16,185,129,.2) 0%,transparent 70%);border-radius:50%;animation:pulseGlow 8s ease-in-out infinite}.advisory-hero:after{content:"";position:absolute;bottom:-30%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);border-radius:50%;animation:pulseGlow 10s ease-in-out infinite reverse}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.hero-content{flex:1;max-width:750px;z-index:2;position:relative}@keyframes fadeInGlass{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.5rem;background:#10b98126;border:2px solid rgba(16,185,129,.4);border-radius:50px;margin-bottom:2rem;box-shadow:0 4px 20px #10b98133,inset 0 1px #ffffff80;animation:fadeInUp .6s ease-out}.badge-icon{font-size:1.2rem;animation:leafFloat 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(16,185,129,.3))}.badge-text{font-size:.95rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes leafFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(2deg)}75%{transform:translateY(-3px) rotate(-2deg)}}.hero-title{font-size:5rem;font-weight:900;margin-bottom:1.5rem;line-height:1.1;color:#fff;letter-spacing:-2px;opacity:1;visibility:visible;z-index:10}.hero-subtitle{font-size:2.2rem;font-weight:300;margin-top:1rem;margin-bottom:2rem;color:#cbd5e1;letter-spacing:-.5px;line-height:1.3}.highlight{color:#10b981;position:relative;display:inline-block;font-weight:900;text-shadow:0 0 40px rgba(16,185,129,.6),0 0 20px rgba(16,185,129,.4);opacity:1;visibility:visible}.highlight:before{content:"";position:absolute;inset:0;pointer-events:none}.highlight:after{content:"";position:absolute;left:12px;right:12px;bottom:-4px;height:3px;border-radius:2px}.highlight-wrap{position:relative;display:inline-flex;align-items:center;padding:0;margin:0}.highlight-wrap:before,.highlight-wrap:after{display:none}.highlight-accent{display:none}@keyframes highlightSheen{0%,65%{transform:translate(-105%);opacity:0}72%{opacity:1}85%{transform:translate(15%);opacity:0}to{transform:translate(15%);opacity:0}}@keyframes accentFlow{0%{background-position:0 50%}to{background-position:150% 50%}}.highlight:before{content:"";position:absolute;inset:-8px;border-radius:12px;filter:blur(20px);z-index:-1;opacity:.8}.highlight:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:4px;background-size:200% 100%;border-radius:4px}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.hero-description{font-size:1.25rem;margin-bottom:3rem;color:#94a3b8;line-height:1.8;font-weight:400;max-width:650px}.hero-cta{display:flex;gap:1.5rem;margin-bottom:4rem;animation:fadeInUp 1.2s ease-out .4s both;flex-wrap:wrap}.cta-primary,.cta-secondary{display:flex;align-items:center;gap:.8rem;padding:1.2rem 2.2rem;border-radius:50px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);border:none;position:relative;overflow:hidden;letter-spacing:.3px}.cta-primary{background:linear-gradient(135deg,#10b981,#059669,#047857);color:#fff;box-shadow:0 10px 30px #10b98159,0 4px 12px #10b98133,inset 0 1px #ffffff4d;border:1px solid rgba(255,255,255,.2)}.cta-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff40;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease}.cta-primary:hover:before{width:400px;height:400px}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #10b98173,0 8px 16px #10b9814d,inset 0 1px #fff6}.cta-secondary{background:#fff9;color:#047857;border:2px solid rgba(16,185,129,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #10b98126,inset 0 1px #fffc}.cta-secondary:hover{background:#fffc;border-color:#10b98180;transform:translateY(-3px);box-shadow:0 12px 35px #10b98140,inset 0 1px #ffffffe6}.cta-icon{font-size:1.3rem;transition:transform .3s ease}.cta-primary:hover .cta-icon{transform:scale(1.2) rotate(10deg)}.cta-secondary:hover .cta-icon{transform:scale(1.2)}.hero-stats{display:flex;gap:1rem;margin-top:1.5rem;padding:0;animation:fadeInUp 1.4s ease-out .6s both;flex-wrap:wrap;width:100%;background:transparent;border:none;position:relative}.hero-stats:after{display:none}.hero-stats .stat{flex:1;min-width:160px;padding:1.2rem 1.5rem;gap:.9rem}.hero-stats .stat-icon{font-size:2rem;filter:drop-shadow(0 2px 8px rgba(16,185,129,.4))}.hero-stats .stat-number{font-size:1.8rem;color:#047857;filter:drop-shadow(0 2px 6px rgba(16,185,129,.3))}.hero-stats .stat-label{font-size:.7rem;letter-spacing:.5px;color:#374151}.stat{display:flex;align-items:center;gap:1.2rem;padding:1.5rem 2rem;background:#ffffff80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.6);transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #10b9811a,0 4px 12px #0000000d,inset 0 1px #fffc;position:relative;overflow:hidden;flex:1;min-width:200px}.stat:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .5s ease}.stat:hover:before{opacity:1;animation:statGlow 2s ease-in-out infinite}.stat:hover{transform:translateY(-5px);box-shadow:0 15px 40px #10b98140,0 8px 20px #0000001a,inset 0 1px #ffffffe6;background:#ffffffb3;border-color:#10b98166}.stat-icon{font-size:2.5rem;filter:drop-shadow(0 4px 12px rgba(16,185,129,.4));animation:floatIcon 3s ease-in-out infinite;flex-shrink:0}.stat:hover .stat-icon{animation:floatIcon 1.5s ease-in-out infinite;transform:scale(1.1)}.stat-content{display:flex;flex-direction:column;align-items:flex-start;flex:1}.stat-number{display:block;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#059669,#10b981,#34d399);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;margin-bottom:.35rem;filter:drop-shadow(0 2px 8px rgba(16,185,129,.4));line-height:1}.stat-label{display:block;font-size:.75rem;color:#6b7280;font-weight:600;letter-spacing:.5px;text-transform:uppercase;line-height:1.35}.hero-visual{flex:1;position:relative;height:600px;display:flex;align-items:center;justify-content:center}.visual-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:450px;height:450px;background:radial-gradient(circle,rgba(16,185,129,.25) 0%,rgba(59,130,246,.15) 40%,transparent 70%);border-radius:50%;animation:glowPulse 6s ease-in-out infinite;filter:blur(50px)}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.visual-circles{position:absolute;width:100%;height:100%}.circle{position:absolute;border-radius:50%;border:2px solid rgba(16,185,129,.2);animation:circleFloat 12s ease-in-out infinite;background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.circle-1{top:15%;right:20%;width:100px;height:100px;background:radial-gradient(circle,rgba(16,185,129,.15),transparent);animation-delay:0s}.circle-2{top:60%;right:10%;width:140px;height:140px;background:radial-gradient(circle,rgba(59,130,246,.15),transparent);animation-delay:3s}.circle-3{top:35%;right:45%;width:70px;height:70px;background:radial-gradient(circle,rgba(245,158,11,.15),transparent);animation-delay:6s}@keyframes circleFloat{0%,to{transform:translateY(0) scale(1);opacity:.4}50%{transform:translateY(-40px) scale(1.15);opacity:.7}}.floating-advisory{position:relative;width:100%;height:100%;z-index:2}.advisory-icon{position:absolute;font-size:4.5rem;animation:consultingFloat 12s ease-in-out infinite;opacity:.85;filter:drop-shadow(0 6px 20px rgba(16,185,129,.35));transition:all .4s ease}.advisory-icon:hover{transform:scale(1.15) rotate(8deg);filter:drop-shadow(0 8px 30px rgba(16,185,129,.5));opacity:1}.advisory-icon:nth-child(1){top:15%;left:20%;animation-delay:0s}.advisory-icon:nth-child(2){top:45%;right:15%;animation-delay:3s;font-size:5rem;filter:drop-shadow(0 6px 20px rgba(59,130,246,.35))}.advisory-icon:nth-child(2):hover{filter:drop-shadow(0 8px 30px rgba(59,130,246,.5))}.advisory-icon:nth-child(3){bottom:25%;left:35%;animation-delay:6s}.advisory-icon:nth-child(4){top:20%;right:35%;animation-delay:9s;font-size:4rem;filter:drop-shadow(0 6px 20px rgba(245,158,11,.35))}.advisory-icon:nth-child(4):hover{filter:drop-shadow(0 8px 30px rgba(245,158,11,.5))}.impact-dashboard{padding:7rem 3rem;text-align:center;background:linear-gradient(180deg,#f8fafc,#fff 42%,#f8fafc);position:relative;z-index:2}.impact-dashboard:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent,rgba(16,185,129,.6),rgba(59,130,246,.6),transparent);box-shadow:0 0 20px #10b9814d}.impact-dashboard h2{font-size:3.5rem;margin-bottom:3rem;color:#1f2937;font-weight:800;background:linear-gradient(115deg,#047857,#10b981,#3b82f6,#2563eb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1.5px;position:relative;display:inline-block;filter:drop-shadow(0 2px 8px rgba(16,185,129,.2))}.impact-dashboard h2:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:60%;height:3px;background:linear-gradient(90deg,#10b981,#3b82f6);border-radius:2px;box-shadow:0 2px 10px #10b98166}.impact-intro{max-width:1200px;margin:0 auto 5rem;text-align:center;padding:0 2rem}.impact-intro-text{font-size:1.15rem;line-height:1.8;color:#4b5563;font-weight:400;margin-bottom:2rem;letter-spacing:-.01em}.impact-badge-row{display:flex;justify-content:center;gap:1.2rem;flex-wrap:wrap}.impact-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(16,185,129,.3);border-radius:50px;font-size:.9rem;font-weight:600;color:#047857;box-shadow:0 4px 12px #10b9811f,inset 0 1px #fffc;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.impact-badge:before{display:none}.impact-badge:hover{transform:translateY(-3px);box-shadow:0 8px 20px #6366f140,inset 0 1px #ffffffb3}.impact-badge:hover:before{opacity:1}@media (max-width: 780px){.impact-intro{margin-bottom:3rem;padding:0 1rem}.impact-intro-text{font-size:1.05rem;line-height:1.7}.impact-badge-row{gap:1rem}.impact-badge{font-size:.85rem;padding:.6rem 1.2rem}}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:3rem;max-width:1600px;margin:0 auto;padding:0 2rem}.impact-card{background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:3.5rem 3rem;border-radius:30px;box-shadow:0 20px 50px #10b9811f,0 8px 20px #0000000d,inset 0 1px #fffc;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.6);position:relative;overflow:visible;text-align:center}.impact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#10b981,#3b82f6);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.4,0,.2,1);border-radius:30px 30px 0 0}.impact-card:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.08) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;z-index:0}.impact-card:hover{transform:translateY(-10px);box-shadow:0 25px 60px #10b9812e,0 12px 25px #00000014,inset 0 1px #ffffffe6;border-color:#10b98166;background:#ffffffbf}.impact-card .corner-accent{display:none}.impact-card:hover:after{width:400px;height:400px}.impact-card.environmental:hover{border-color:#10b9814d}.impact-card.social:before{background:linear-gradient(90deg,#f59e0b,#fb923c)}.impact-card.social:hover{border-color:#f59e0b66}.impact-card.governance:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.impact-card.governance:hover{border-color:#3b82f666}.impact-icon{font-size:4.5rem;margin-bottom:1.5rem;display:block;filter:drop-shadow(0 4px 12px rgba(16,185,129,.3));animation:floatIcon 3s ease-in-out infinite;transition:transform .4s ease;position:relative;z-index:1}.impact-card:hover .impact-icon{transform:scale(1.15) rotate(5deg)}.impact-score{font-size:6.5rem;font-weight:900;margin-bottom:1.5rem;background:linear-gradient(135deg,#047857,#10b981,#34d399);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-4px;line-height:1.2;position:relative;display:inline-block;z-index:1;padding-right:3rem}.impact-card.social .impact-score{background:linear-gradient(135deg,#d97706,#f59e0b,#fbbf24);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.impact-card.governance .impact-score{background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.impact-score:after{content:"/100";font-size:2rem;color:#475569;font-weight:700;position:absolute;top:50%;transform:translateY(-50%);margin-left:.5rem;text-shadow:0 1px 2px rgba(255,255,255,.5);-webkit-text-fill-color:#475569;background:none}.impact-label{font-size:1.5rem;font-weight:800;margin-bottom:1rem;color:#0f172a;letter-spacing:.5px;text-transform:uppercase;position:relative;z-index:1;text-shadow:0 1px 2px rgba(255,255,255,.8)}.impact-description{color:#6b7280;font-size:1rem;line-height:1.6;font-weight:400;position:relative;z-index:1}@media (max-width: 1100px){.impact-dashboard{padding:5rem 2rem}.impact-dashboard h2{font-size:3.4rem;margin-bottom:3.2rem}.impact-grid{gap:3rem;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));max-width:1600px}.impact-card{padding:2.5rem 2rem;border-radius:30px}.impact-icon{font-size:5rem;margin-bottom:2rem}.impact-score{font-size:7rem;margin-bottom:1.4rem}.impact-score:after{font-size:2rem}.impact-label{font-size:1.6rem;margin-bottom:1.2rem}.impact-description{font-size:1.15rem;line-height:1.65}}@media (max-width: 780px){.impact-dashboard{padding:4rem 1.5rem}.impact-dashboard h2{font-size:2.6rem;margin-bottom:2rem}.impact-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.impact-card{padding:1.5rem}.impact-icon{font-size:3.8rem}.impact-score{font-size:4.8rem}.impact-score:after{font-size:.5rem}.impact-label{font-size:1.25rem}.impact-description{font-size:1rem;line-height:1.55}}.frameworks-section{padding:5rem 2rem;background:linear-gradient(135deg,#f8fafc,#eef2ff,#f1f5f9);position:relative;z-index:1}.frameworks-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(139,92,246,.05) 0%,transparent 50%);pointer-events:none}.frameworks-section h2{font-size:3.5rem;text-align:center;margin-bottom:4rem;color:#1e293b;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#1e293b,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;z-index:1}.frameworks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.framework-card{background:linear-gradient(135deg,#fff,#fafbfc);padding:2.5rem;border-radius:25px;box-shadow:0 10px 30px #00000014,0 0 0 1px #6366f114;transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer;border:3px solid transparent;position:relative;overflow:hidden;z-index:1}.framework-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.08) 0%,transparent 70%);opacity:0;transition:opacity .5s ease,transform .5s ease;transform:scale(0)}.framework-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 25px 50px #00000026,0 0 0 2px #6366f14d;border-color:#6366f1}.framework-card:hover:before{opacity:1;transform:scale(1)}.framework-card.active{border-color:#4f46e5;background:linear-gradient(135deg,#eef2ff,#e0e7ff);box-shadow:0 20px 50px #4f46e533,0 0 20px #4f46e526;transform:translateY(-10px) scale(1.03)}.framework-card.active:before{opacity:1;transform:scale(1)}.framework-card h3{color:#1e293b;margin-bottom:1rem;font-size:1.4rem;font-weight:600}.framework-card p{color:#6b7280;margin-bottom:1.5rem;line-height:1.6}.framework-details{display:flex;flex-direction:column;gap:.8rem}.detail{display:flex;justify-content:space-between;align-items:center}.search-filter-section{padding:3rem 2rem;background:#fffffffa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.search-container{max-width:800px;margin:0 auto 3rem;position:relative}.search-box{position:relative;width:100%}.search-input{width:100%;padding:1.2rem 4rem 1.2rem 1.8rem;border:2px solid rgba(16,185,129,.2);border-radius:60px;font-size:1rem;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #10b98114,inset 0 1px #fffc;font-weight:500;color:#1f2937}.search-input:focus{outline:none;border-color:#10b981;background:#ffffffe6;box-shadow:0 12px 35px #10b98126,0 0 0 4px #10b9811a,inset 0 1px #ffffffe6;transform:translateY(-2px)}.search-input::placeholder{color:#9ca3af;font-weight:500}.search-icon{position:absolute;right:1.3rem;top:50%;transform:translateY(-50%);font-size:1.3rem;color:#6b7280}.category-filters{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center;max-width:1000px;margin:2rem auto 0}.category-btn{display:flex;align-items:center;gap:.7rem;padding:.9rem 1.6rem;border:2px solid rgba(16,185,129,.2);background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#374151;border-radius:50px;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);font-weight:600;font-size:.9rem;box-shadow:0 5px 15px #10b98114,inset 0 1px #fffc;position:relative;overflow:hidden}.category-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transition:left .5s ease}.category-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--category-color, #10b981);opacity:.1;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.category-btn:hover{border-color:var(--category-color, #10b981);background:#fffc;transform:translateY(-3px);box-shadow:0 10px 25px #10b98126,inset 0 1px #ffffffe6;color:var(--category-color, #10b981)}.category-btn:hover:before{left:100%}.category-btn:hover:after{width:300px;height:300px}.category-btn.active{background:var(--category-color, #10b981);color:#fff;border-color:var(--category-color, #10b981);box-shadow:0 10px 30px #10b9814d,0 0 30px #10b98126,inset 0 1px #ffffff4d;transform:translateY(-3px)}.category-btn.active:after{background:#fff3;width:300px;height:300px}.services-section{padding:5rem 2rem;max-width:1600px;margin:0 auto;position:relative;z-index:1}.services-section h2{font-size:3rem;text-align:center;margin-bottom:3rem;color:#1f2937;font-weight:800;letter-spacing:-1.2px;background:linear-gradient(135deg,#047857,#10b981,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block;width:100%;filter:drop-shadow(0 2px 8px rgba(16,185,129,.2))}.services-section h2:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,#10b981,#3b82f6);border-radius:3px;box-shadow:0 2px 10px #10b98166}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2rem}.service-card{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;padding:2.5rem;box-shadow:0 10px 35px #10b9811a,0 4px 12px #0000000d,inset 0 1px #ffffffe6;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid rgba(255,255,255,.6);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#3b82f6,#f59e0b);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1);border-radius:25px 25px 0 0}.service-card:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.06) 0%,transparent 70%);opacity:0;transition:opacity .4s ease,width .4s ease,height .4s ease;transform:translate(-50%,-50%)}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #10b9812e,0 8px 20px #00000014,inset 0 1px #fff;border-color:#10b9814d;background:#ffffffd9}.service-card .svc-corner{display:none}.service-card:hover:before{transform:scaleX(1)}.service-card:hover:after{opacity:1;width:400px;height:400px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.service-name{font-size:1.6rem;font-weight:600;color:#1e293b;margin:0;flex:1}.service-complexity{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem;margin-left:1rem}.service-description{color:#6b7280;margin-bottom:2rem;line-height:1.7;font-size:1rem}.service-details{margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:15px;border-left:4px solid #6366f1}.detail-row{display:flex;justify-content:space-between;margin-bottom:.8rem}.detail-row:last-child{margin-bottom:0}.detail-label{font-weight:600;color:#374151}.detail-value{color:#6366f1;font-weight:500}.esg-scores{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center}.esg-score{display:flex;flex-direction:column;align-items:center;padding:.8rem;border-radius:15px;min-width:70px;background:#f9fafb;border:2px solid #e5e7eb;transition:all .3s ease}.esg-score:hover{transform:scale(1.05)}.esg-score.environmental{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.esg-score.social{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.esg-score.governance{border-color:#6366f1;background:linear-gradient(135deg,#eef2ff,#e0e7ff)}.esg-label{font-size:.9rem;font-weight:700;color:#374151}.esg-value{font-size:1.4rem;font-weight:700;color:#1e40af}.frameworks-list{margin-bottom:2rem}.frameworks-list h4{font-size:1rem;font-weight:600;color:#374151;margin-bottom:.8rem}.framework-tags{display:flex;flex-wrap:wrap;gap:.5rem}.framework-tag{background:#f3f4f6;color:#374151;padding:.4rem .8rem;border-radius:15px;font-size:.8rem;font-weight:500;border:1px solid #d1d5db}.card-footer{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #f3f4f6}.client-impact{color:#065f46;font-weight:500;font-style:italic;padding:1rem;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:12px;border-left:4px solid #10b981;margin-bottom:1rem}.consult-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);color:#fff;border:none;padding:1.2rem 3rem;border-radius:50px;cursor:pointer;font-weight:700;font-size:1.05rem;letter-spacing:.5px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #6366f166,0 0 40px #8b5cf633;align-self:center;position:relative;overflow:hidden;text-transform:uppercase}.consult-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.consult-btn:hover:before{width:300px;height:300px}.consult-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px #6366f180,0 0 60px #8b5cf64d}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:25px;max-width:1000px;max-height:90vh;overflow-y:auto;margin:2rem;box-shadow:0 30px 60px #0000004d;animation:slideUp .4s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:2px solid #f3f4f6}.modal-header h2{color:#1e293b;margin:0;font-size:2.2rem;font-weight:600}.close-btn{background:none;border:none;font-size:2.5rem;cursor:pointer;color:#6b7280;transition:all .3s ease;padding:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-btn:hover{color:#ef4444;background:#fef2f2;transform:rotate(90deg)}.service-overview{margin-bottom:2.5rem;padding:2rem;background:#f8fafc;border-radius:15px}.service-overview h3{color:#1e293b;margin-bottom:1rem;font-size:1.5rem}.overview-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.overview-item{display:flex;flex-direction:column;gap:.3rem}.overview-label{font-weight:600;color:#374151;font-size:.9rem}.overview-value{color:#6366f1;font-weight:500}.modal-section{margin-bottom:2.5rem}.modal-section h3{color:#374151;margin-bottom:1.2rem;font-size:1.4rem;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem;font-weight:600}.modal-section p{color:#6b7280;line-height:1.7;font-size:1rem}.deliverables-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.8rem}.deliverables-list li{color:#374151;position:relative;padding:.8rem .8rem .8rem 2rem;line-height:1.5;background:#f9fafb;border-radius:8px;border-left:3px solid #6366f1}.deliverables-list li:before{content:"✓";position:absolute;left:.5rem;color:#6366f1;font-weight:700;font-size:1.1rem}.modal-esg-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.modal-esg-score{background:#f9fafb;padding:1rem;border-radius:15px;text-align:center;border:3px solid #e5e7eb;transition:all .3s ease}.modal-esg-score:hover{transform:translateY(-5px)}.modal-esg-score.environmental{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.modal-esg-score.social{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.modal-esg-score.governance{border-color:#6366f1;background:linear-gradient(135deg,#eef2ff,#e0e7ff)}.score-label{display:block;font-size:1rem;color:#374151;margin-bottom:.2rem;font-weight:600}.score-value{display:block;font-size:2rem;font-weight:700;color:#1e40af}.modal-frameworks{display:flex;flex-wrap:wrap;gap:.1rem}.modal-framework-tag{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:.2rem 1rem;border-radius:5px;font-size:.9rem;font-weight:500;box-shadow:0 3px 10px #6366f14d}.expertise-areas{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);padding:1.5rem;border-radius:12px;border-left:4px solid #6366f1;font-weight:500;color:#3730a3;font-style:italic}.impact-success{display:flex;flex-direction:column;gap:1rem}.client-impact-statement{background:linear-gradient(135deg,#ecfdf5,#d1fae5);padding:1.5rem;border-radius:12px;border-left:4px solid #10b981;font-weight:500;color:#065f46;margin:0}.success-metrics{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:1.5rem;border-radius:12px;border-left:4px solid #f59e0b;font-weight:500;color:#92400e;font-style:italic;margin:0}.modal-footer{padding:1.5rem 2rem 2rem;display:flex;gap:1rem;justify-content:flex-end;border-top:2px solid #f3f4f6}.schedule-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:1rem 2.5rem;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 5px 20px #6366f14d}.schedule-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #6366f166}.proposal-btn{background:#fff;color:#374151;border:2px solid #d1d5db;padding:1rem 2.5rem;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s ease}.proposal-btn:hover{border-color:#6366f1;color:#6366f1;transform:translateY(-3px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes consultingFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-25px) rotate(2deg)}50%{transform:translateY(-40px) rotate(-2deg)}75%{transform:translateY(-20px) rotate(1deg)}}@keyframes professionalShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmerLine{0%,to{opacity:1}50%{opacity:.6}}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes statGlow{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}@media (max-width: 768px){.advisory-hero{flex-direction:column;text-align:center;padding:3rem 1rem}.hero-content{max-width:100%}.hero-badge{margin-left:auto;margin-right:auto}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.8rem}.hero-description{font-size:1.15rem}.hero-cta{justify-content:center;gap:1rem}.cta-primary,.cta-secondary{padding:1.1rem 2rem;font-size:1rem}.hero-stats{justify-content:center;flex-direction:column;gap:1rem;width:100%}.stat{width:100%;max-width:350px;margin:0 auto}.stat-icon{font-size:2.8rem}.stat-number{font-size:2.4rem}.impact-grid,.frameworks-grid,.services-grid{grid-template-columns:1fr}.category-filters{justify-content:center}.category-btn{font-size:.9rem;padding:.8rem 1.2rem}.modal-content{margin:1rem;max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:1rem}.modal-footer{flex-direction:column}.hero-visual{height:250px;margin-top:2rem}.advisory-icon{font-size:4rem}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.5rem}.hero-description{font-size:1rem}.hero-cta{flex-direction:column;width:100%}.cta-primary,.cta-secondary{width:100%;justify-content:center}.stat{flex-direction:column;text-align:center;padding:1.8rem}.stat-content{align-items:center}.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-card{padding:2rem}.card-header{flex-direction:column;align-items:flex-start;gap:1rem}.service-complexity{margin-left:0;align-self:flex-start}.esg-scores{gap:.5rem}.esg-score{min-width:60px;padding:.6rem}}@media (prefers-contrast: high){.service-card{border:3px solid #000}.category-btn,.search-input{border:2px solid #000}}@media print{.advisory-services{background:#fff!important}.advisory-hero{background:#fff!important;color:#000!important}.modal-overlay{display:none!important}.service-card{break-inside:avoid;border:1px solid #ccc}}.fancy-title{position:relative;font-size:2.75rem;font-weight:800;letter-spacing:-1px;margin:0 0 3.5rem;text-align:center;background:linear-gradient(100deg,#fff,#c7d2fe 40%,#a5b4fc 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 18px rgba(0,0,0,.35))}.fancy-title:after{content:"";position:absolute;bottom:-18px;left:50%;transform:translate(-50%);width:180px;height:6px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);border-radius:4px;box-shadow:0 0 18px #6366f180,0 0 32px #ec489959;animation:barPulse 4.5s ease-in-out infinite}@keyframes barPulse{0%,to{transform:translate(-50%) scaleX(.85);opacity:.75}50%{transform:translate(-50%) scaleX(1);opacity:1}}.supplier-channel-page{background:#f8fafc;min-height:100vh;padding-bottom:80px}.scp-hero{background:linear-gradient(135deg,#1e3a8a,#312e81,#4c1d95);color:#fff;padding:60px 24px 80px;position:relative;overflow:hidden}.scp-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.15),transparent 55%);pointer-events:none}.scp-hero-inner{max-width:1200px;margin:0 auto}.scp-title{font-size:2.8rem;margin:0 0 12px;font-weight:800;letter-spacing:-1px}.scp-subtitle{margin:0 0 20px;font-size:1.15rem;line-height:1.55;max-width:820px;opacity:.92}.scp-principles{display:flex;flex-wrap:wrap;gap:10px;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase;font-weight:600}.scp-principles span{background:#ffffff1f;padding:6px 10px;border-radius:8px}.scp-filters{background:#fff;margin-top:-30px;position:relative;z-index:2;border-radius:20px;padding:20px 24px;max-width:1200px;margin-left:auto;margin-right:auto;box-shadow:0 8px 28px -8px #1e293b40}.scp-filters-row{display:flex;flex-wrap:wrap;gap:14px}.scp-input{flex:1;min-width:220px;padding:12px 14px;border:1px solid #cbd5e1;border-radius:12px;font-size:.95rem}.scp-select{padding:12px 14px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;font-size:.9rem}.scp-filter-label{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#475569;display:flex;flex-direction:column;gap:4px}.scp-toggle{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;cursor:pointer}.scp-toggle input{accent-color:#4c1d95}.scp-actions{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto}.scp-btn{background:#4c1d95;color:#fff;border:none;padding:10px 16px;border-radius:10px;font-size:.7rem;font-weight:600;letter-spacing:.5px;cursor:pointer;box-shadow:0 4px 12px -4px #4c1d9580;display:inline-flex;align-items:center;gap:6px}.scp-btn:hover{background:#5b21b6}.scp-btn.ghost{background:#f1f5f9;color:#4c1d95;box-shadow:none;border:1px solid #e2e8f0}.scp-btn.ghost:hover{background:#e2e8f0}.scp-active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;align-items:center}.filter-chip{background:#eef2ff;color:#4338ca;padding:6px 10px 6px 12px;border-radius:999px;font-size:.65rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;letter-spacing:.5px}.filter-chip button{background:none;border:none;font-size:14px;line-height:1;cursor:pointer;color:#4338ca;padding:0 2px;display:flex;align-items:center}.filter-chip button:hover{color:#1e1b4b}.filter-clear-all{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;font-size:.6rem;font-weight:700;letter-spacing:.6px;padding:6px 14px;cursor:pointer;text-transform:uppercase;color:#475569}.filter-clear-all:hover{background:#e2e8f0}.scp-kpis{max-width:1200px;margin:40px auto 30px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px 18px;box-shadow:0 4px 14px -4px #1e293b26;display:flex;flex-direction:column;gap:6px}.kpi-label{font-size:.65rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#64748b}.kpi-value{font-size:1.9rem;font-weight:800;line-height:1;background:linear-gradient(90deg,#4c1d95,#6366f1);-webkit-background-clip:text;background-clip:text;color:transparent}.kpi-unit{font-size:.75rem;font-weight:600;margin-left:2px}.scp-table-section{max-width:1200px;margin:0 auto;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:8px 0 0;box-shadow:0 10px 34px -10px #1e293b40}.scp-table{width:100%;border-collapse:collapse;font-size:.85rem}.scp-table col.col-name{width:220px}.scp-table col.col-region{width:90px}.scp-table col.col-category{width:170px}.scp-table col.col-risk{width:80px}.scp-table col.col-esg{width:60px}.scp-table col.col-avg{width:70px}.scp-table col.col-co2,.scp-table col.col-compliance{width:110px}.scp-table col.col-issues{width:80px}.scp-table col.col-riskscore{width:100px}.scp-table col.col-trend{width:110px}.scp-table col.col-flags{width:200px}.scp-table col.col-audit{width:120px}.scp-table col.col-market{width:100px}.scp-table thead th{text-align:left;padding:12px 16px;font-size:.65rem;letter-spacing:.6px;font-weight:700;text-transform:uppercase;color:#475569;background:#f1f5f9;position:sticky;top:0;z-index:1}.scp-table tbody td{padding:16px 18px;border-top:1px solid #e2e8f0;color:#334155;font-size:.9rem;line-height:1.4}.scp-table tbody tr{transition:background .15s,box-shadow .15s;cursor:pointer}.scp-table tbody tr:hover{background:#f8fafc}.scp-table tbody tr:focus-visible{outline:2px solid #6366f1;outline-offset:-2px}.risk-low{--risk-color:#059669}.risk-medium{--risk-color:#d97706}.risk-high{--risk-color:#dc2626}.scp-table tbody tr td:nth-child(4){font-weight:600;color:var(--risk-color,#475569)}.risk-score-cell{font-weight:700;font-variant-numeric:tabular-nums}.trend-cell{width:90px;padding:4px 10px!important}.trend-wrapper{width:100%;height:30px}.flag-pills{display:flex;flex-wrap:wrap;gap:6px}.flag-pill{background:#eef2ff;color:#4338ca;padding:4px 8px;border-radius:999px;font-size:.65rem;font-weight:600;letter-spacing:.5px}.flag-pills.big .flag-pill{font-size:.7rem;padding:6px 12px}.cert-grid{display:flex;flex-wrap:wrap;gap:6px}.cert-tag{background:#f1f5f9;color:#475569;padding:4px 8px;border-radius:8px;font-size:.65rem;font-weight:600;border:1px solid #e2e8f0}.scp-empty{text-align:center;padding:40px 0;font-size:.9rem;color:#64748b}.scp-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:100}.scp-modal-content{position:relative;background:#fff;width:clamp(320px,860px,90%);max-height:80vh;overflow:auto;border-radius:32px;padding:40px 48px 48px;box-shadow:0 30px 80px -20px #1e293b8c;animation:fadeUp .4s ease}.scp-backdrop{position:fixed;inset:0;z-index:1;background:linear-gradient(140deg,#0f172ad9,#1e293bc7 38%,#0f172ad9 70%),radial-gradient(circle at 50% 35%,rgba(255,255,255,.07),transparent 65%);background-blend-mode:overlay,normal;animation:backdropFade .35s ease}.scp-main.blurred{filter:none;opacity:1;pointer-events:none;-webkit-user-select:none;user-select:none}.scp-modal-content{z-index:2}body.modal-open{overflow:hidden}.scp-close{position:absolute;top:14px;right:18px;background:none;border:none;font-size:28px;line-height:1;cursor:pointer;color:#475569}.scp-modal-grid{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:28px}.mini-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;font-size:.8rem}.mini-list li{background:#f8fafc;padding:6px 10px;border-radius:8px}.scp-modal-meta{font-size:.8rem;color:#64748b;margin-top:4px}.scp-methodology{max-width:1200px;margin:60px auto 40px;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:40px 48px;box-shadow:0 8px 28px -8px #1e293b40}.scp-methodology h2{margin:0 0 20px;font-size:1.6rem;font-weight:800;color:#1e293b}.scp-methodology ul{margin:0 0 24px;padding-left:18px;line-height:1.55;color:#475569;font-size:.85rem}.scp-methodology li{margin-bottom:10px}.scp-disclaimer{font-size:.7rem;letter-spacing:.5px;text-transform:uppercase;color:#64748b}.onboarding-flow{margin:0 0 24px;padding-left:22px;line-height:1.55;color:#475569;font-size:.85rem}.onboarding-flow li{margin:0 0 16px}.onboarding-flow li strong{display:block;font-size:.9rem;margin:0 0 4px;color:#0f766e;letter-spacing:.5px}.scp-methodology{position:relative;overflow:hidden}.scp-methodology:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#4c1d9514,#0ea5e90f,#10b9810f);pointer-events:none;mix-blend-mode:normal}.scp-methodology:after{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#4c1d95,#6366f1,#10b981);border-top-left-radius:24px;border-top-right-radius:24px}.methodology-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}.tag-pill{background:linear-gradient(135deg,#eef2ff,#e0f7f4);color:#0f172a;padding:6px 10px;border-radius:10px;font-size:.55rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;border:1px solid #d0e4ff;box-shadow:0 2px 4px #1e293b14;position:relative}.tag-pill:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,#4c1d9573,#6366f159,#10b98173);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.25}.onboarding-flow{list-style:none;position:relative;padding-left:0;counter-reset:step}.onboarding-flow li{position:relative;padding:14px 18px 14px 56px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin:0 0 18px;box-shadow:0 4px 14px -6px #1e293b2e;transition:background .25s,border-color .25s,transform .25s}.onboarding-flow li:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-2px)}.onboarding-flow li strong{margin:0 0 6px;font-size:.82rem;letter-spacing:.7px;text-transform:uppercase;font-weight:800;color:#4338ca}.onboarding-flow li:before{counter-increment:step;content:counter(step);position:absolute;left:16px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#4c1d95,#6366f1);border-radius:10px;box-shadow:0 4px 10px -2px #4c1d9566}.onboarding-flow li:after{content:"";position:absolute;left:30px;top:100%;width:2px;height:18px;background:linear-gradient(to bottom,#6366f1,#10b981);opacity:.5}.onboarding-flow li:last-child:after{display:none}.onboarding-flow a{color:#4c1d95;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(76,29,149,.35);transition:color .2s,border-color .2s}.onboarding-flow a:hover{color:#0f766e;border-color:#0f766e}.onboarding-flow li p{margin:0}.onboarding-flow li:last-child{margin-bottom:0}.scp-disclaimer{margin-top:8px;background:#f1f5f9;padding:10px 14px;border-radius:10px;border:1px dashed #cbd5e1}.scp-onboarding-invite{max-width:1200px;margin:50px auto -10px;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:32px 40px;box-shadow:0 6px 24px -8px #1e293b38}.scp-onboarding-title{margin:0 0 18px;font-size:1.55rem;font-weight:800;letter-spacing:-.5px;color:#1e293b}@media (max-width:900px){.scp-onboarding-invite{padding:28px}.scp-onboarding-title{font-size:1.35rem}}.scp-sector-section{max-width:1200px;margin:60px auto 50px;background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:40px 44px 48px;box-shadow:0 8px 30px -10px #1e293b40}.scp-sector-title{margin:0 0 24px;font-size:1.55rem;font-weight:800;letter-spacing:-.5px;color:#1e293b}.scp-sector-subtitle{margin:32px 0 14px;font-size:1.05rem;font-weight:700;color:#334155;letter-spacing:.5px;text-transform:uppercase}.scp-sector-empty{font-size:.85rem;color:#64748b;margin:0}.scp-intro-tagline{font-size:.95rem;line-height:1.5;margin:0 0 14px;background:linear-gradient(120deg,#f8fafc,#f1fbf7 55%,#e3f6f1);border:1px solid #dbe7e3;padding:12px 16px;border-radius:12px;font-weight:500;color:#1b4332;box-shadow:0 2px 6px -1px #0000000a,0 1px 3px #0000000a}.scp-intro-tagline strong{color:#0f766e}.scp-sector-summary-wrapper,.scp-sector-detail-wrapper{overflow-x:auto}.scp-mini-table{width:100%;border-collapse:collapse;font-size:.7rem}.scp-mini-table thead th{text-align:left;padding:10px 12px;background:#f1f5f9;font-size:.55rem;letter-spacing:.6px;text-transform:uppercase;font-weight:700;color:#475569;border-bottom:2px solid #e2e8f0}.scp-mini-table tbody td{padding:10px 12px;border-bottom:1px solid #e2e8f0;font-size:.75rem;color:#334155}.scp-mini-table tbody tr:nth-child(2n){background:#f8fafc}.scp-mini-table tbody tr.risk-high{background:#fef2f2}.scp-mini-table tbody tr.risk-medium{background:#fff7ed}.scp-mini-table tbody tr.risk-low{background:#f0fdf4}.scp-mini-table tbody tr.risk-high td,.scp-mini-table tbody tr.risk-medium td,.scp-mini-table tbody tr.risk-low td{border-bottom:1px solid rgba(0,0,0,.05)}.sector-name-cell{font-weight:600;text-transform:capitalize}@media (max-width:900px){.scp-sector-section{padding:32px 28px 40px}.scp-sector-title{font-size:1.35rem}}@media (max-width:900px){.scp-title{font-size:2.2rem}.scp-subtitle{font-size:1rem}.scp-methodology{padding:32px 28px}.scp-modal-content{padding:32px 32px 40px}.scp-table thead th:nth-child(13),.scp-table tbody td:nth-child(13),.scp-table col.col-trend{display:none}}@media (max-width:1000px){.scp-table thead th:nth-child(14),.scp-table tbody td:nth-child(14),.scp-table col.col-flags,.scp-table thead th:nth-child(15),.scp-table tbody td:nth-child(15),.scp-table col.col-audit{display:none}}@media (max-width:820px){.scp-table thead th:nth-child(10),.scp-table tbody td:nth-child(10),.scp-table col.col-compliance,.scp-table thead th:nth-child(11),.scp-table tbody td:nth-child(11),.scp-table col.col-issues{display:none}}@media (max-width:700px){.scp-table thead th:nth-child(5),.scp-table tbody td:nth-child(5),.scp-table thead th:nth-child(6),.scp-table tbody td:nth-child(6),.scp-table thead th:nth-child(7),.scp-table tbody td:nth-child(7),.scp-table thead th:nth-child(8),.scp-table tbody td:nth-child(8),.scp-table col.col-esg:nth-of-type(1),.scp-table col.col-esg:nth-of-type(2),.scp-table col.col-esg:nth-of-type(3),.scp-table col.col-avg{display:none}}@media (max-width:600px){.scp-table thead th:nth-child(9),.scp-table tbody td:nth-child(9),.scp-table col.col-co2{display:none}}@media (prefers-reduced-motion:reduce){.scp-modal-content{animation:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.scp-about-btn{background:none;border:none;color:#4c1d95;font-weight:600;font-size:.9rem;cursor:pointer;text-decoration:none;transition:all .2s ease;padding:4px 8px;border-radius:6px}.scp-about-btn:hover{background:#f3f4f6;color:#5b21b6}.supplier-about-modal .scp-modal-content{max-width:900px;max-height:90vh;overflow-y:auto;overflow-x:hidden;width:90vw}.supplier-about-content{padding:32px;overflow:hidden}.info-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e5e7eb}.info-item:last-child{border-bottom:none}.info-value{font-size:.9rem;color:#1f2937;font-weight:600}.rate-highlight{color:#4c1d95;font-size:1.1rem}.esg-score-card{text-align:center}.esg-label{font-size:.8rem;color:#6b7280;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.esg-score{font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:12px}.esg-bar{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden}.esg-bar-fill{height:100%;border-radius:999px;transition:width .5s ease}.metric-card{background:#fff;padding:20px;border-radius:12px;text-align:center;box-shadow:0 2px 8px #0000000d}.metric-icon{font-size:2rem;margin-bottom:8px}.metric-value{font-size:1.8rem;font-weight:800;color:#1f2937;line-height:1;margin-bottom:4px}.metric-label{font-size:.75rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.supplier-about-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:1px solid #e5e7eb}@media (max-width: 768px){.supplier-about-grid,.esg-scores-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.supplier-about-header{flex-direction:column;align-items:flex-start;gap:12px}.supplier-about-content{padding:20px}}.supplier-onboarding-modal .scp-modal-content{max-width:700px;max-height:90vh;overflow-y:auto;overflow-x:hidden;width:90vw;-webkit-overflow-scrolling:touch}.onboarding-form-header{border-bottom:3px solid #10b981;padding-bottom:1rem;margin-bottom:1.5rem}.onboarding-form-title{font-size:1.5rem;color:#047857;margin-bottom:.5rem}.onboarding-supplier-name{font-size:1rem;color:#059669;display:block;margin-top:.5rem}.onboarding-form-description{font-size:.95rem;color:#64748b;line-height:1.5}.onboarding-form-section{margin-bottom:2rem}.onboarding-section-title{font-size:1.1rem;color:#047857;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #d1fae5;font-weight:600}.onboarding-form-group{margin-bottom:1.25rem}.onboarding-form-label{display:block;font-size:.9rem;color:#374151;font-weight:600;margin-bottom:.5rem}.onboarding-form-label.required:after{content:" *";color:#ef4444}.onboarding-form-input,.onboarding-form-select,.onboarding-form-textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-family:inherit;transition:all .2s ease;background:#fff}.onboarding-form-input:focus,.onboarding-form-select:focus,.onboarding-form-textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.onboarding-form-textarea{resize:vertical;min-height:100px}.onboarding-checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.onboarding-checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.onboarding-checkbox-item:hover{border-color:#10b981;background:#f0fdf4}.onboarding-checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#10b981}.onboarding-checkbox-item label{font-size:.9rem;color:#374151;cursor:pointer;flex:1;margin:0}.onboarding-form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:2px solid #e5e7eb;margin-top:2rem}.onboarding-submit-btn{padding:.875rem 2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.onboarding-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.onboarding-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.onboarding-cancel-btn{padding:.875rem 2rem;background:#fff;color:#6b7280;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.onboarding-cancel-btn:hover{border-color:#9ca3af;color:#374151}.onboarding-confirmation{text-align:center;padding:2rem}.onboarding-confirmation-icon{font-size:3rem;margin-bottom:1rem}.onboarding-confirmation-title{color:#10b981;margin-bottom:1rem;font-size:1.75rem}.onboarding-confirmation-text{font-size:1.1rem;line-height:1.6;color:#475569;margin-bottom:1.5rem}.onboarding-confirmation-note{font-size:.95rem;margin-top:1.5rem;color:#64748b}@media (max-width: 768px){.supplier-onboarding-modal .scp-modal-content{width:100vw;max-width:100vw;max-height:100vh;border-radius:0;margin:0;padding:16px}.onboarding-form-header{padding-bottom:.75rem;margin-bottom:1rem;border-bottom-width:2px}.onboarding-form-title{font-size:1.25rem}.onboarding-supplier-name{font-size:.9rem}.onboarding-form-description{font-size:.85rem}.onboarding-section-title{font-size:1rem}.onboarding-form-label{font-size:.85rem}.onboarding-form-input,.onboarding-form-select,.onboarding-form-textarea{padding:.625rem;font-size:.9rem}.onboarding-checkbox-grid{grid-template-columns:1fr;gap:.5rem}.onboarding-checkbox-item{padding:.625rem}.onboarding-checkbox-item label{font-size:.85rem}.onboarding-form-actions{flex-direction:column;gap:.75rem}.onboarding-submit-btn,.onboarding-cancel-btn{width:100%;padding:.75rem 1.5rem;font-size:.95rem}.onboarding-confirmation{padding:1.5rem 1rem}.onboarding-confirmation-icon{font-size:2.5rem}.onboarding-confirmation-title{font-size:1.5rem}.onboarding-confirmation-text{font-size:1rem}.onboarding-confirmation-note{font-size:.85rem}}@media (max-width: 480px){.supplier-onboarding-modal .scp-modal-content{padding:12px}.onboarding-form-title{font-size:1.1rem}.onboarding-section-title{font-size:.95rem}.onboarding-form-input,.onboarding-form-select,.onboarding-form-textarea{padding:.5rem;font-size:.85rem}.onboarding-form-textarea{min-height:80px}.onboarding-checkbox-item{padding:.5rem}.onboarding-checkbox-item input[type=checkbox]{width:16px;height:16px}.onboarding-submit-btn,.onboarding-cancel-btn{padding:.625rem 1.25rem;font-size:.9rem}}@media (min-width: 769px) and (max-width: 1024px){.supplier-onboarding-modal .scp-modal-content{width:95vw}.onboarding-checkbox-grid{grid-template-columns:repeat(2,1fr)}}.supplier-onboarding-modal .scp-close{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;z-index:10;position:sticky;top:0;right:0;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a}.recycled-packaging-page{min-height:100vh;background:linear-gradient(135deg,#f0fdf4,#ecfdf5,#f0fdfa)}.packaging-hero{position:relative;min-height:600px;background:linear-gradient(135deg,#059669,#10b981,#34d399);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4rem 2rem}.packaging-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0000001a,#0000000d)}.hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;text-align:center;color:#fff}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:600;margin-bottom:2rem;border:1px solid rgba(255,255,255,.3)}.badge-icon{font-size:1.2rem}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2}.title-gradient{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;line-height:1.8;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;opacity:.95}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:3rem}.hero-stat{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:16px;display:flex;align-items:center;gap:1rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.hero-stat:hover{transform:translateY(-5px);background:#ffffff40}.stat-icon{font-size:2.5rem}.stat-content{text-align:left}.stat-value{font-size:2rem;font-weight:800;margin-bottom:.25rem}.stat-label{font-size:.85rem;opacity:.9}.esg-impact-section{padding:4rem 5rem;max-width:2000px;margin:0 auto}.section-header{text-align:center;margin-bottom:2.5rem}.section-header h2{font-size:2.5rem;font-weight:800;color:#064e3b;margin-bottom:1rem}.section-header p{font-size:1.1rem;color:#047857}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;perspective:1000px}.impact-card{position:relative;background:linear-gradient(135deg,#fff,#f0fdf4);padding:2.5rem 2rem;border-radius:24px;text-align:center;box-shadow:0 4px 20px #10b9811a,0 1px 3px #0000000d;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid transparent;overflow:hidden;cursor:pointer}.impact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#34d399);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.impact-card:hover:before{transform:scaleX(1)}.impact-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 60px #10b98140,0 8px 20px #0000001a;border-color:#10b981}.impact-card.environmental{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.impact-card.environmental:hover{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.impact-card.environmental:before{background:linear-gradient(90deg,#10b981,#059669)}.impact-card.social{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.impact-card.social:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;box-shadow:0 20px 60px #3b82f640,0 8px 20px #0000001a}.impact-card.social:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.impact-icon-large{font-size:3.5rem;margin-bottom:1.25rem;display:inline-block;transition:transform .4s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.impact-card:hover .impact-icon-large{transform:scale(1.15) rotate(5deg)}.impact-value{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#059669,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;line-height:1.2;transition:all .3s ease}.impact-card.social .impact-value{background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.impact-card:hover .impact-value{transform:scale(1.05)}.impact-label{font-size:1.15rem;font-weight:700;color:#064e3b;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.impact-card.social .impact-label{color:#1e40af}.impact-card:hover .impact-label{color:#047857}.impact-card.social:hover .impact-label{color:#1d4ed8}.impact-description{font-size:.95rem;color:#6b7280;line-height:1.7;transition:color .3s ease}.impact-card:hover .impact-description{color:#374151}.packaging-tabs{display:flex;justify-content:center;gap:1rem;padding:2rem;background:#fff;border-bottom:2px solid #e5e7eb;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0000000d}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .3s ease}.tab-btn:hover{border-color:#10b981;color:#10b981;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff;box-shadow:0 4px 15px #10b9814d}.tab-content{max-width:1800px;margin:0 auto;padding:3rem 4rem}.overview-content{display:flex;flex-direction:column;gap:3rem;animation:fadeInUp .6s ease-out}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}.overview-card{position:relative;background:linear-gradient(135deg,#fff,#f9fafb);padding:3rem;border-radius:24px;box-shadow:0 4px 20px #0000000f,0 1px 3px #0000000d;border:1px solid rgba(16,185,129,.1);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.overview-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#10b981,#34d399,#6ee7b7);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.overview-card:hover:before{transform:scaleX(1)}.overview-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #10b98126,0 8px 16px #00000014;border-color:#10b9814d}.overview-card h3{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#064e3b,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2rem;position:relative;padding-bottom:1rem}.overview-card h3:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,#10b981,#34d399);border-radius:2px}.benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.75rem}.benefits-list li{display:flex;gap:1.25rem;align-items:flex-start;padding:1.25rem;background:linear-gradient(135deg,#f0fdf4,#fff);border-radius:16px;border:1px solid #d1fae5;transition:all .3s ease;position:relative;overflow:hidden}.benefits-list li:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,#10b981,#34d399);transform:scaleY(0);transition:transform .3s ease}.benefits-list li:hover{transform:translate(8px);box-shadow:0 8px 20px #10b98126;border-color:#10b981}.benefits-list li:hover:before{transform:scaleY(1)}.benefit-icon{flex-shrink:0;width:36px;height:36px;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;box-shadow:0 4px 12px #10b9814d;transition:all .3s ease}.benefits-list li:hover .benefit-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 16px #10b98166}.benefits-list strong{display:block;color:#064e3b;font-weight:700;font-size:1.05rem;margin-bottom:.5rem;transition:color .3s ease}.benefits-list li:hover strong{color:#059669}.benefits-list p{color:#6b7280;font-size:.95rem;margin:0;line-height:1.7;transition:color .3s ease}.benefits-list li:hover p{color:#374151}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.cert-badge{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-radius:16px;border:2px solid #d1fae5;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.cert-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.1),transparent);transition:left .5s ease}.cert-badge:hover:before{left:100%}.cert-badge:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 24px #10b98133;border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.cert-icon{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .3s ease}.cert-badge:hover .cert-icon{transform:scale(1.2) rotate(-10deg)}.cert-info strong{display:block;color:#064e3b;font-weight:700;font-size:1.05rem;margin-bottom:.4rem;transition:color .3s ease}.cert-badge:hover .cert-info strong{color:#059669}.cert-info p{color:#047857;font-size:.9rem;margin:0;line-height:1.5;transition:color .3s ease}.cert-badge:hover .cert-info p{color:#065f46}.sdg-alignment{position:relative;background:linear-gradient(135deg,#f8fafc,#e0f2fe,#dbeafe);padding:5rem 3rem;border-radius:24px;overflow:hidden}.sdg-alignment:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(16,185,129,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.05) 0%,transparent 70%);pointer-events:none;animation:sdgPulse 8s ease-in-out infinite}@keyframes sdgPulse{0%,to{opacity:1}50%{opacity:.6}}.sdg-alignment:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#3b82f6,#8b5cf6,#10b981,#f59e0b);border-radius:24px;z-index:-1;background-size:300% 300%;animation:gradientRotate 6s ease infinite}@keyframes gradientRotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.sdg-alignment h3{font-size:3rem;font-weight:800;color:#0f172a;margin-bottom:1rem;position:relative;display:inline-block;letter-spacing:-1px}.sdg-alignment h3:before{content:"🌱";margin-right:1rem;font-size:3rem;display:inline-block;animation:leafBounce 2s ease-in-out infinite}@keyframes leafBounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(5deg)}}.sdg-alignment h3:after{content:"";position:absolute;bottom:-12px;left:0;width:60%;height:4px;background:linear-gradient(90deg,#10b981,#3b82f6,#8b5cf6);border-radius:2px}.sdg-alignment>p{color:#475569;font-size:1.15rem;margin-bottom:3rem;line-height:1.8;font-weight:500;max-width:700px}.sdg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;margin-top:2rem;max-width:1600px}.sdg-badge{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:2rem;padding:3.5rem 4rem;background:#fff;border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 2px 12px #00000014,0 0 0 1px #0000000a;min-height:260px}.sdg-badge:before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:16px 16px 0 0;transition:height .4s ease}.sdg-badge:nth-child(1):before{background:linear-gradient(90deg,#f59e0b,#d97706)}.sdg-badge:nth-child(2):before{background:linear-gradient(90deg,#10b981,#059669)}.sdg-badge:nth-child(3):before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.sdg-badge:nth-child(4):before{background:linear-gradient(90deg,#8b5cf6,#6d28d9)}.sdg-badge:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(59,130,246,.08) 100%);opacity:0;transition:opacity .4s ease;z-index:1}.sdg-badge:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026,0 0 0 2px #3b82f64d}.sdg-badge:hover:before{height:8px}.sdg-badge:hover:after{opacity:1}.sdg-number{position:relative;font-size:2.5rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);width:70px;height:70px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .4s ease;z-index:2;box-shadow:0 4px 12px #00000026;flex-shrink:0}.sdg-badge:nth-child(1) .sdg-number{background:linear-gradient(135deg,#f59e0b,#d97706)}.sdg-badge:nth-child(2) .sdg-number{background:linear-gradient(135deg,#10b981,#059669)}.sdg-badge:nth-child(3) .sdg-number{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.sdg-badge:nth-child(4) .sdg-number{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.sdg-badge:hover .sdg-number{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 20px #00000040}.sdg-text{position:relative;font-size:1.15rem;font-weight:600;line-height:1.6;color:#1e293b;z-index:2;transition:all .3s ease;flex-grow:1}.sdg-badge:hover .sdg-text{color:#0f172a;transform:translate(4px)}.materials-content{display:flex;flex-direction:column;gap:2rem}.materials-intro{text-align:center;margin-bottom:2rem}.materials-intro h3{font-size:2rem;font-weight:800;color:#064e3b;margin-bottom:1rem}.materials-intro p{font-size:1.1rem;color:#6b7280}.materials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.material-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s ease;cursor:pointer;border:2px solid transparent}.material-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026;border-color:#10b981}.material-header{padding:2rem;text-align:center}.material-icon-large{font-size:4rem;margin-bottom:1rem}.material-header h4{font-size:1.5rem;font-weight:800;color:#064e3b;margin:0}.material-description{padding:0 2rem 1.5rem;color:#6b7280;font-size:.95rem;line-height:1.6;text-align:center}.material-metrics{padding:0 2rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.material-metric{display:flex;flex-direction:column}.metric-bar-container{display:flex;flex-direction:column;gap:.5rem}.metric-label{font-size:.85rem;font-weight:600;color:#374151}.metric-bar{height:8px;background:#e5e7eb;border-radius:10px;overflow:hidden}.metric-fill{height:100%;border-radius:10px;transition:width .6s ease}.metric-value{font-size:.9rem;font-weight:700;color:#064e3b;align-self:flex-end}.material-esg{display:flex;justify-content:center;gap:1.5rem;padding:1.5rem 2rem;background:#f9fafb}.esg-mini-score{display:flex;flex-direction:column;align-items:center;gap:.25rem}.esg-label{font-size:.75rem;font-weight:600;color:#6b7280}.esg-value{font-size:1.5rem;font-weight:800;color:#10b981}.material-price{padding:1rem 2rem;text-align:center;font-size:1.25rem;font-weight:700;color:#059669;border-top:1px solid #e5e7eb}.material-details-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.material-details-btn:hover{background:linear-gradient(135deg,#059669,#047857)}.calculator-content{display:flex;flex-direction:column;gap:2rem}.calculator-intro{text-align:center;margin-bottom:2rem}.calculator-intro h3{font-size:2rem;font-weight:800;color:#064e3b;margin-bottom:1rem}.calculator-intro p{font-size:1.1rem;color:#6b7280}.calculator-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem}.calculator-inputs{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 4px 20px #00000014;height:fit-content}.calculator-inputs h4{font-size:1.5rem;font-weight:800;color:#064e3b;margin-bottom:2rem}.input-group{margin-bottom:2rem}.input-group label{display:block;font-size:.95rem;font-weight:700;background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.calculator-select,.calculator-input{width:100%;padding:1.25rem;border:2px solid #d1fae5;border-radius:16px;font-size:1.05rem;background:linear-gradient(135deg,#fff,#f0fdf4);color:#064e3b;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #10b98114;cursor:pointer}.calculator-select{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;color:#1e40af;font-weight:700}.calculator-select option{color:#1e40af;background:#fff;font-weight:600}.calculator-select option:checked{background:linear-gradient(135deg,#bfdbfe,#93c5fd);color:#1e3a8a;font-weight:700}.calculator-select:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);border-color:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f633}.calculator-select:focus,.calculator-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 4px #10b98126;transform:translateY(-2px)}.calculator-input:hover{border-color:#10b981;box-shadow:0 4px 12px #10b98126}.input-slider{margin-top:1rem}.input-slider input[type=range]{width:100%;height:8px;border-radius:10px;background:linear-gradient(90deg,#d1fae5,#a7f3d0);outline:none;-webkit-appearance:none;appearance:none;box-shadow:inset 0 1px 3px #0000001a}.input-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#10b981,#34d399);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b98166;border:3px solid white}.input-slider input[type=range]::-webkit-slider-thumb:hover{background:linear-gradient(135deg,#059669,#10b981);transform:scale(1.3);box-shadow:0 6px 16px #10b98180}.input-slider input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#10b981,#34d399);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b98166;border:3px solid white}.input-slider input[type=range]::-moz-range-thumb:hover{background:linear-gradient(135deg,#059669,#10b981);transform:scale(1.3);box-shadow:0 6px 16px #10b98180}.calculator-results{display:flex;flex-direction:column;gap:2rem}.calculator-results h4{font-size:1.5rem;font-weight:800;color:#064e3b;margin-bottom:0}.result-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.result-card{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 4px 20px #00000014;text-align:center;transition:all .3s ease}.result-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.result-icon{font-size:3rem;margin-bottom:1rem}.result-value{font-size:2.5rem;font-weight:800;color:#059669;margin-bottom:.5rem}.result-label{font-size:1rem;font-weight:700;color:#064e3b;margin-bottom:.5rem}.result-context{font-size:.85rem;color:#6b7280;line-height:1.5}.cost-estimate{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 4px 20px #00000014}.cost-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.cost-header h5{font-size:1.25rem;font-weight:700;color:#374151;margin:0}.cost-value{font-size:2rem;font-weight:800;color:#10b981}.cost-note{color:#6b7280;font-size:.9rem;line-height:1.6;margin:0}.request-quote-btn{width:100%;padding:1.25rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.request-quote-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b4d}.supply-chain-content{display:flex;flex-direction:column;gap:3rem}.supply-chain-intro{text-align:center}.supply-chain-intro h3{font-size:2rem;font-weight:800;color:#064e3b;margin-bottom:1rem}.supply-chain-intro p{font-size:1.1rem;color:#6b7280}.supply-chain-visual{display:flex;flex-direction:column;gap:2rem;position:relative}.supply-stage{display:flex;align-items:flex-start;gap:2rem;position:relative}.stage-number{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;box-shadow:0 4px 15px #10b9814d}.stage-content{flex:1;background:#fff;padding:2rem;border-radius:20px;box-shadow:0 4px 20px #00000014}.stage-content h4{font-size:1.5rem;font-weight:800;color:#064e3b;margin-bottom:1rem}.stage-status{margin-bottom:1.5rem}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:50px;font-size:.85rem;font-weight:600}.status-badge.verified{background:#d1fae5;color:#065f46}.status-badge.certified{background:#dbeafe;color:#1e40af}.status-badge.optimized{background:#fef3c7;color:#92400e}.status-badge.circular{background:#e0e7ff;color:#3730a3}.transparency-meter{margin-bottom:1rem}.transparency-label{font-size:.85rem;font-weight:600;color:#6b7280;margin-bottom:.5rem}.transparency-bar{height:12px;background:#e5e7eb;border-radius:10px;overflow:hidden;margin-bottom:.5rem}.transparency-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:10px;transition:width .6s ease}.transparency-value{font-size:1rem;font-weight:700;color:#059669}.stage-impact{color:#6b7280;font-size:.95rem;line-height:1.6;margin:0}.stage-connector{position:absolute;left:30px;top:60px;bottom:-2rem;width:2px;background:linear-gradient(180deg,#10b981,#34d399)}.blockchain-verification{background:linear-gradient(135deg,#3730a3,#4f46e5);color:#fff;padding:3rem;border-radius:20px;display:flex;align-items:center;gap:2rem}.blockchain-icon{font-size:5rem;opacity:.9}.blockchain-content h4{font-size:1.75rem;font-weight:800;margin-bottom:1rem}.blockchain-content p{font-size:1.05rem;line-height:1.7;margin-bottom:1.5rem;opacity:.95}.verify-btn{padding:1rem 2rem;background:#fff;color:#4f46e5;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.verify-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffffff4d}.supplier-ethics{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 4px 20px #00000014}.supplier-ethics h4{font-size:1.75rem;font-weight:800;color:#064e3b;margin-bottom:1rem;text-align:center}.ethics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:2rem}.ethics-card{text-align:center;padding:1.5rem;background:#f0fdf4;border-radius:16px;border:2px solid #bbf7d0;transition:all .3s ease}.ethics-card:hover{transform:translateY(-5px);border-color:#10b981;box-shadow:0 8px 25px #10b98126}.ethics-icon{font-size:2.5rem;margin-bottom:1rem}.ethics-card h5{font-size:1.1rem;font-weight:700;color:#064e3b;margin-bottom:.75rem}.ethics-card p{color:#047857;font-size:.9rem;line-height:1.6;margin:0}.case-studies-content{display:flex;flex-direction:column;gap:2rem}.case-studies-intro{text-align:center;margin-bottom:2rem}.case-studies-intro h3{font-size:2rem;font-weight:800;color:#064e3b;margin-bottom:1rem}.case-studies-intro p{font-size:1.1rem;color:#6b7280}.case-study-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000014}.case-study-header{padding:2rem;background:linear-gradient(135deg,#f0fdf4,#d1fae5);border-bottom:2px solid #10b981}.company-info h4{font-size:1.75rem;font-weight:800;color:#064e3b;margin-bottom:.5rem}.company-sector{display:inline-block;padding:.5rem 1rem;background:#10b981;color:#fff;border-radius:50px;font-size:.85rem;font-weight:600}.case-study-body{padding:2rem}.challenge-solution{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.challenge h5,.solution h5{font-size:1.1rem;font-weight:700;color:#374151;margin-bottom:.75rem}.challenge p,.solution p{color:#6b7280;line-height:1.6}.results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.result-metric{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f9fafb;border-radius:12px;border:2px solid #e5e7eb}.metric-value-large{font-size:2rem;font-weight:800;color:#10b981;line-height:1}.metric-label-small{font-size:.8rem;color:#6b7280;font-weight:600;margin-top:.25rem}.testimonial{position:relative;padding:2rem;background:#f0fdf4;border-left:4px solid #10b981;border-radius:12px;font-style:italic;color:#047857;line-height:1.8;margin:0}.quote-icon{font-size:3rem;color:#10b981;opacity:.3;position:absolute;top:1rem;left:1rem}.case-study-cta{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:3rem;border-radius:20px;text-align:center;margin-top:2rem}.case-study-cta h4{font-size:2rem;font-weight:800;margin-bottom:1rem}.case-study-cta p{font-size:1.1rem;margin-bottom:2rem;opacity:.95}.cta-btn{padding:1.25rem 2.5rem;background:#fff;color:#10b981;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ffffff4d}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#fff;border-radius:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d}.modal-close{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;border:none;background:#f3f4f6;color:#374151;font-size:1.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.modal-header{padding:2.5rem;text-align:center;background:linear-gradient(135deg,#f0fdf4,#d1fae5)}.modal-icon{font-size:4rem;margin-bottom:1rem}.modal-header h3{font-size:2rem;font-weight:800;color:#064e3b;margin:0}.modal-body{padding:2rem 2.5rem 2.5rem}.modal-description{color:#6b7280;line-height:1.7;margin-bottom:2rem;font-size:1.05rem}.modal-section h4{font-size:1.25rem;font-weight:700;color:#064e3b;margin-bottom:1rem}.applications-list,.certifications-list{display:flex;flex-wrap:wrap;gap:.75rem}.application-tag,.certification-tag{padding:.5rem 1rem;background:#f0fdf4;color:#047857;border-radius:50px;font-size:.85rem;font-weight:600;border:1px solid #bbf7d0}.modal-esg-scores{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.modal-esg-score{padding:1.5rem;border-radius:12px;text-align:center}.modal-esg-score.environmental{background:#ecfdf5;border:2px solid #10b981}.modal-esg-score.social{background:#eff6ff;border:2px solid #3b82f6}.modal-esg-score.governance{background:#f5f3ff;border:2px solid #8b5cf6}.modal-esg-score .score-label{display:block;font-size:.85rem;font-weight:600;color:#6b7280;margin-bottom:.5rem}.modal-esg-score .score-value{display:block;font-size:2rem;font-weight:800;color:#064e3b}.modal-pricing{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#f9fafb;border-radius:12px;margin-bottom:1.5rem}.pricing-label{font-size:.9rem;color:#6b7280;font-weight:600}.pricing-value{font-size:1.75rem;font-weight:800;color:#10b981}.modal-cta-btn{width:100%;padding:1.25rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.modal-cta-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.packaging-cta{background:linear-gradient(135deg,#064e3b,#047857);color:#fff;padding:5rem 2rem;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.cta-content p{font-size:1.25rem;margin-bottom:2.5rem;opacity:.95}.cta-buttons{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.btn-primary-large,.btn-secondary-large{padding:1.25rem 2.5rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-primary-large{background:#10b981;color:#fff}.btn-primary-large:hover{background:#059669;transform:translateY(-3px);box-shadow:0 8px 25px #10b98166}.btn-secondary-large{background:#fff;color:#047857}.btn-secondary-large:hover{background:#f0fdf4;transform:translateY(-3px);box-shadow:0 8px 25px #ffffff4d}.back-to-marketplace{padding:2rem;text-align:center}.back-link{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#fff;color:#10b981;text-decoration:none;border-radius:12px;font-weight:600;box-shadow:0 2px 10px #0000001a;transition:all .3s ease}.back-link:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026;color:#059669}@media (max-width: 1024px){.overview-grid,.calculator-grid,.result-cards,.challenge-solution{grid-template-columns:1fr}.results-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-stats{grid-template-columns:1fr 1fr}.packaging-tabs{flex-wrap:wrap;gap:.5rem}.tab-btn{padding:.75rem 1rem;font-size:.9rem}.materials-grid{grid-template-columns:1fr}.sdg-alignment{padding:3rem 1.5rem}.sdg-alignment h3{font-size:2rem}.sdg-alignment h3:before{font-size:2rem}.sdg-grid{grid-template-columns:1fr;gap:1.5rem}.sdg-badge{padding:1.75rem 1.5rem;min-height:180px}.sdg-number{font-size:2rem;width:60px;height:60px}.sdg-text{font-size:1.05rem}.ethics-grid,.results-grid{grid-template-columns:1fr}.blockchain-verification{flex-direction:column;text-align:center}.cta-buttons{flex-direction:column}.btn-primary-large,.btn-secondary-large{width:100%}}@media (max-width: 480px){.hero-stats{grid-template-columns:1fr}.hero-title{font-size:2rem}.section-header h2{font-size:1.75rem}.impact-grid{grid-template-columns:1fr}}:root{--color-green-dark: #1b4332;--color-green-mid: #059669;--color-green-deep: #047857;--color-blue-deep: #023047;--color-blue-accent: #219ebc;--color-accent: #f77f00;--color-bg-soft: #f8fffe;--color-bg-alt: #e8f5f3;--color-text-dark: #1b4332;--color-text-muted: #6b7280;--color-white: #ffffff;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-300: #cbd5e1;--color-gray-500: #64748b;--color-gray-700: #475569;--color-gray-900: #1e293b;--grad-hero: linear-gradient(135deg, rgba(27, 67, 50, .95) 0%, rgba(2, 48, 71, .9) 100%);--grad-primary: linear-gradient(135deg, var(--color-green-dark), var(--color-green-mid));--grad-secondary: linear-gradient(135deg, var(--color-blue-deep), var(--color-blue-accent));--grad-accent: linear-gradient(135deg, var(--color-accent), var(--color-green-mid));--grad-cta: linear-gradient(135deg, var(--color-bg-soft) 0%, var(--color-bg-alt) 100%);--grad-feature-icon: linear-gradient(135deg, var(--color-accent), var(--color-green-mid));--grad-text-highlight: linear-gradient(135deg, var(--color-accent), var(--color-green-mid));--shadow-soft: 0 4px 15px rgba(27, 67, 50, .3);--shadow-strong: 0 20px 60px rgba(27, 67, 50, .15), 0 8px 20px rgba(0,0,0,.1);--shadow-glass: 0 8px 32px rgba(0,0,0,.1);--blur-backdrop: saturate(180%) blur(16px);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px;--radius-2xl: 32px;--radius-pill: 999px;--ease-standard: cubic-bezier(.4,.1,.2,1);--dur-fast: .25s;--dur-med: .4s;--dur-slow: .8s;--font-size-hero: clamp(2.5rem, 5vw, 4rem);--font-size-section-title: 3rem;--font-size-body: 1rem}@media (prefers-color-scheme: dark){:root{--color-bg-soft: #0f1f1c;--color-bg-alt: #14332d}}@keyframes bannerShine{0%,60%{transform:translate(0);opacity:0}70%{opacity:1}to{transform:translate(250%);opacity:0}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes expandWidth{0%{width:0}to{width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{left:-100%}to{left:200%}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ledPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.6);opacity:.5}}@keyframes wave{0%,to{transform:scaleY(.3);opacity:.25}50%{transform:scaleY(1);opacity:.9}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.u-glass{-webkit-backdrop-filter:var(--blur-backdrop);backdrop-filter:var(--blur-backdrop);background:#ffffff1a;border:1px solid rgba(255,255,255,.25)}.u-gradient-text{background:var(--grad-text-highlight);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.u-flex-center{display:flex;align-items:center;justify-content:center}.u-pill{border-radius:var(--radius-pill)}.u-inline-flex{display:inline-flex;align-items:center}.u-btn-base{border:none;cursor:pointer;font-weight:600;position:relative;overflow:hidden;transition:all var(--dur-fast) var(--ease-standard);display:inline-flex;align-items:center;gap:.5rem}.u-shadow-soft{box-shadow:var(--shadow-soft)}.u-shadow-strong{box-shadow:var(--shadow-strong)}.u-card{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-xl);padding:2rem}.u-badge{font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.u-fade-in{animation:fadeInUp var(--dur-slow) var(--ease-standard) both}.btn{padding:1rem 2rem;border-radius:12px;font-size:1rem;border:none;cursor:pointer;font-weight:600;position:relative;overflow:hidden;transition:all var(--dur-fast) var(--ease-standard);display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--grad-primary);color:var(--color-white);box-shadow:var(--shadow-soft)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1b433266}.btn-secondary{background:var(--grad-secondary);color:var(--color-white);box-shadow:var(--shadow-soft)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #02304766}.btn-outline{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:var(--color-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.btn-large{padding:1.25rem 2.5rem;font-size:1.1rem}.btn-icon{font-size:1.2em}.feature-card--primary{border-left:6px solid var(--color-green-dark)}.feature-card--secondary{border-left:6px solid var(--color-blue-deep)}.feature-card--accent{border-left:6px solid var(--color-accent)}.hero-section{position:relative;z-index:2;padding:3rem 1.5rem 2rem;background:var(--grad-hero);color:var(--color-white);overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.hero-container-modular{max-width:1280px;margin:0 auto;position:relative;z-index:3;padding:0 1rem}.hero-brand-bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:0 0 1.2rem;animation:fadeInUp .5s ease both}.hero-title-modular{font-size:clamp(1.85rem,5vw,3rem);font-weight:800;line-height:1.08;margin:0 0 1.4rem;letter-spacing:-.025em;animation:fadeInUp .6s ease .1s both;white-space:nowrap;overflow:visible;text-overflow:clip}.hero-title-modular.gradient-glow{background:linear-gradient(92deg,#fff,#d9c9ff 22%,#b075ff 48%,#ff9fee 70%,#fff);background-size:160% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;text-shadow:0 0 18px rgba(176,117,255,.25),0 2px 6px rgba(0,0,0,.4);animation:fadeInUp .6s ease .1s both,heroGradientPan 7s linear infinite}.hero-title-modular.gradient-glow:after{content:"";position:absolute;left:4%;right:4%;bottom:-10px;height:8px;background:linear-gradient(90deg,#ffffffa6,#fff0);filter:blur(6px);opacity:.55;pointer-events:none}.hero-title-modular.dual-tone{background:linear-gradient(90deg,#fff 0% 42%,#c88bff 60%,#b832e6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 2px rgba(0,0,0,.3)}.hero-title-modular.emboss{color:#fff;text-shadow:0 1px 0 #a86fe6,0 2px 3px rgba(0,0,0,.4),0 0 14px rgba(184,50,230,.35);position:relative}.hero-title-modular.emboss:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(255,255,255,.25),transparent 70%);mix-blend-mode:overlay;pointer-events:none}.hero-title-modular.holo-shimmer{background:conic-gradient(from 180deg at 50% 50%,#fff,#c9e7ff,#fcb8ff,#fff);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 14px rgba(128,0,160,.35));animation:fadeInUp .6s ease .1s both,holoShift 9s linear infinite}@media (prefers-reduced-motion:reduce){.hero-title-modular.gradient-glow{animation:fadeInUp .6s ease .1s both;background-position:50% 0}.hero-title-modular.holo-shimmer{animation:fadeInUp .6s ease .1s both;background-position:50% 50%}}@media (max-width:640px){.hero-title-modular.allow-break{white-space:normal}}.esg-glitter{position:relative;background:linear-gradient(120deg,#fff,#fff9c4,#ffeb3b 40%,gold,#ffeb3b 60%,#fff9c4,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:glitterShine 3s linear infinite;filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}.glitter-divider{height:3px;width:100%;margin:2rem 0;background:linear-gradient(90deg,transparent 0%,#fff9c4 20%,#ffeb3b 40%,#ffd700 50%,#ffeb3b 60%,#fff9c4 80%,transparent 100%);background-size:200% 100%;animation:glitterShine 3s linear infinite;box-shadow:0 0 10px #ffd70099,0 0 20px #ffd7004d;border-radius:2px}@keyframes heroGradientPan{to{background-position:-60% 0}}@keyframes holoShift{0%{background-position:50% 40%}50%{background-position:60% 60%}to{background-position:50% 40%}}@keyframes glitterShine{0%{background-position:0% center}to{background-position:200% center}}.hero-tagline-modular{font-size:1.1rem;line-height:1.4;opacity:.9;margin:0 0 2rem;animation:fadeInUp .6s ease .2s both}.hero-grid-modular{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;animation:fadeInUp .65s ease .3s both}.hero-row-group{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.hero-module{position:relative;background:linear-gradient(145deg,#ffffff1c,#ffffff0a);border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:1.5rem 1.4rem 1.35rem;-webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);box-shadow:0 6px 24px -8px #00000073,0 2px 10px -4px #0000004d;transition:transform .4s cubic-bezier(.25,.9,.3,1),box-shadow .4s ease,background .35s ease;overflow:hidden}.hero-module:before{content:"";position:absolute;top:0;left:0;right:0;height:60%;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.2),transparent 70%);opacity:.5;pointer-events:none}.hero-module:hover{transform:translateY(-6px);background:linear-gradient(145deg,#ffffff2e,#ffffff12);box-shadow:0 12px 36px -10px #00000080,0 4px 16px -6px #00000059}.module-corner-badge{position:absolute;top:1rem;right:1rem;font-size:1.5rem;opacity:.75;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .35s ease,opacity .3s ease}.hero-module:hover .module-corner-badge{transform:scale(1.15) rotate(8deg);opacity:.95}.module-title{font-size:1.15rem;font-weight:700;margin:0 0 .65rem;letter-spacing:-.015em;position:relative;z-index:2}.module-text{font-size:.96rem;line-height:1.5;opacity:.88;margin:0 0 1rem;position:relative;z-index:2}.module-text.compact{font-size:.9rem;margin-bottom:.85rem}.module-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.25rem;border-radius:12px;font-weight:600;font-size:.92rem;text-decoration:none;transition:all .35s ease;position:relative;z-index:2}.btn-primary-solid{background:linear-gradient(90deg,#8e24aa,#b832e6);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 3px 12px -4px #8e24aa99}.btn-primary-solid:hover{background:linear-gradient(90deg,#7b1fa2,#a127d0);box-shadow:0 6px 20px -6px #8e24aabf;transform:translateY(-2px)}.btn-outline-solid{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-outline-solid:hover{background:#ffffff29;border-color:#ffffff73}.module-mission{grid-column:span 2}.module-stats{background:linear-gradient(145deg,#8e24aa2e,#b832e614);border-color:#b832e659}.module-cta-primary{background:linear-gradient(145deg,#8e24aa26,#b832e60f);border-color:#b832e64d}.module-transmission{grid-column:1 / -1}.module-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;position:relative;z-index:2}.mini-stat{text-align:center}.mini-stat-value{font-size:1.8rem;font-weight:800;line-height:1;margin:0 0 .25rem;background:linear-gradient(135deg,#fff,#ffffffbf);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mini-stat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.8px;opacity:.8;font-weight:600}.values-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;position:relative;z-index:2}.value-chip{display:flex;align-items:center;gap:.45rem;padding:.55rem .7rem;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:10px;font-size:.82rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.value-chip:hover{background:#ffffff24;border-color:#ffffff47;transform:scale(1.03)}.value-icon{font-size:1.1rem}.hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,560px) 1fr;gap:1.75rem;align-items:start;position:relative;z-index:3}.hero-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,640px) minmax(0,1fr);gap:4.5rem;padding:0 1.25rem;position:relative;z-index:3;align-items:start}.hero-col{position:relative}.hero-text{max-width:640px}@media (max-width:1140px){.hero-inner{gap:3.2rem}}@media (max-width:1024px){.hero-inner{grid-template-columns:1fr;gap:2.6rem;text-align:center}.hero-text{margin:0 auto}.hero-kpi-pills{justify-content:center}.hero-cards.hero-glass-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));max-width:520px;margin:0 auto}}@media (max-width:640px){.hero-inner{gap:2rem}.hero-kpi-pills{gap:.45rem}}.hero-kpi-pills{display:flex;flex-wrap:wrap;gap:.55rem;margin:.65rem 0 1.1rem}.kpi-pill{font-size:.68rem;letter-spacing:.5px;font-weight:600;text-transform:uppercase;padding:.55rem .9rem;border-radius:30px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);display:inline-flex;gap:.4rem;align-items:center;position:relative;overflow:hidden}.kpi-pill:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.25),transparent 70%);opacity:.35;mix-blend-mode:overlay}.kpi-pill:hover{background:#ffffff24}.hero-cards.hero-glass-grid{display:grid;grid-template-columns:repeat(2,160px);gap:22px 24px;width:auto}.hero-cards.hero-glass-grid .floating-card{animation:none;transform:translateY(0);background:linear-gradient(145deg,#ffffff1a,#ffffff0a);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);box-shadow:0 6px 22px -8px #0000008c,0 2px 6px -2px #00000059;transition:transform .5s cubic-bezier(.25,.9,.3,1),box-shadow .45s ease,background .4s ease}.hero-cards.hero-glass-grid .floating-card:hover{transform:translateY(-8px);background:linear-gradient(145deg,#ffffff2e,#ffffff0f);box-shadow:0 14px 34px -10px #0000008c,0 4px 14px -6px #00000059}.hero-cards.hero-glass-grid .card-text{font-size:.82rem;letter-spacing:.25px}.hero-description.alt-desc{max-width:620px}.primary-cta{background:linear-gradient(90deg,#8e24aa,#b832e6 55%,#8e24aa);background-size:200% 100%;transition:background-position .55s ease,box-shadow .45s ease,transform .45s ease;box-shadow:0 4px 16px -6px #8e24aa8c}.primary-cta:hover{background-position:100% 0;box-shadow:0 8px 26px -8px #8e24aab3;transform:translateY(-2px)}.primary-cta:active{transform:translateY(0)}.alt-cta{position:relative;overflow:hidden}.alt-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff24,#fff0);opacity:.35;pointer-events:none}.hero-highlight:after{height:3px;left:0;width:66%;right:auto;background:linear-gradient(90deg,#b75bff,#ffb6ff);box-shadow:0 0 8px -2px #ffb6ff}.hero-badge{background:linear-gradient(135deg,#f77f0047,#05966947);border:1px solid rgba(255,255,255,.26);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:.75rem 1.5rem;border-radius:25px;display:inline-flex;gap:.75rem;margin-bottom:.5rem;font-weight:600;font-size:1.1rem;animation:fadeInUp .55s ease}.hero-badge-icon{animation:rotate 3s linear infinite;font-size:1.4rem}.welcome-banner{margin-top:-.35rem;margin-bottom:.75rem;font-size:1rem;font-weight:600;letter-spacing:.35px;background:linear-gradient(90deg,#fff3,#ffffff12);padding:.5rem .85rem;border:1px solid rgba(255,255,255,.2);border-radius:11px;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);position:relative;overflow:hidden}.welcome-banner:before{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:bannerShine 5s linear infinite}.hero-title{font-size:var(--font-size-hero);font-weight:800;line-height:1.04;margin:0 0 .2rem;letter-spacing:-.02em;animation:fadeInUp .75s ease .18s both}.hero-highlight{background:var(--grad-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline;white-space:nowrap}.hero-highlight:after{content:"";position:absolute;bottom:-6px;left:0;right:0;height:6px;background:var(--grad-accent);border-radius:3px;animation:expandWidth 1s ease 1s both}.hero-tagline{margin:0 0 .5rem;font-size:1.02rem;line-height:1.38;opacity:.88}.hero-description{font-size:1.05rem;line-height:1.46;margin:0 0 .9rem;opacity:.9;animation:fadeInUp .65s ease .3s both}.hero-buttons{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.5rem;animation:fadeInUp .6s ease .45s both}.hero-visual{position:relative;display:flex;justify-content:center;align-items:flex-start;padding-top:0}.hero-cards{position:relative;display:flex;flex-direction:column;gap:1rem;width:240px}.floating-card{position:relative;background:#ffffff24;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:.95rem .95rem .85rem;text-align:center;box-shadow:0 3px 14px -4px #00000047,0 2px 6px -2px #0000002e;transition:transform .35s cubic-bezier(.34,.9,.34,1),background .35s ease,box-shadow .35s ease;animation:float 4s ease-in-out infinite}.floating-card:hover{transform:translateY(-8px) scale(1.045);background:#ffffff3d;box-shadow:0 8px 26px -6px #00000061,0 4px 12px -4px #0000004d}.floating-card:nth-child(2){animation-delay:1s}.floating-card:nth-child(3){animation-delay:2s}.floating-card:nth-child(4){animation-delay:1.5s}.card-1,.card-2,.card-3,.card-4{max-width:180px}.card-3{padding:.4rem .6rem}.card-1,.card-4{align-self:flex-end}.card-icon{font-size:2rem;margin-bottom:.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.card-text{font-weight:600;font-size:.9rem;color:#ffffffe6}.hero-segment{position:relative;background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:.95rem 1.1rem 1rem;margin:0 0 1rem;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:0 4px 18px -6px #00000059,0 2px 8px -4px #00000047;overflow:hidden}.hero-segment:last-child{margin-bottom:0}.hero-segment:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.18),transparent 65%);opacity:.4;pointer-events:none}.segment-header{display:flex;align-items:center;gap:.55rem;margin:0 0 .55rem;position:relative}.segment-title{font-size:.65rem;letter-spacing:1.4px;text-transform:uppercase;font-weight:700;padding:.35rem .75rem;border-radius:30px;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);position:relative;-webkit-backdrop-filter:blur(10px) saturate(160%);backdrop-filter:blur(10px) saturate(160%);box-shadow:0 2px 6px -2px #0006}.segment-title:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#ffffff40,#fff0);mix-blend-mode:overlay;opacity:.6;border-radius:inherit}.segment-body{position:relative;z-index:2}.segment-body.padded-tight{padding:.25rem .15rem .15rem}.segment-intro{animation:fadeInUp .55s ease .05s both}.segment-kpis{animation:fadeInUp .55s ease .15s both}.segment-actions{animation:fadeInUp .55s ease .25s both}.segment-transmission{animation:fadeInUp .55s ease .35s both}.segment-values{animation:fadeInUp .7s ease .2s both}.segment-intro .hero-badge{margin-top:.15rem}.segment-intro .welcome-banner{margin-top:.4rem}.segment-kpis .hero-kpi-pills{margin:.2rem 0 .1rem}.segment-actions .hero-buttons{margin:0}.segment-transmission .transmission-wrapper{margin:.1rem 0 0}.segment-values .hero-cards{margin:.25rem auto 0}@media (max-width:1024px){.hero-segment{margin:0 0 .9rem}.segment-values .hero-cards{max-width:560px}}@media (max-width:768px){.hero-segment{padding:.85rem .9rem .9rem}.segment-title{font-size:.58rem;letter-spacing:1.2px}}@media (max-width:520px){.hero-segment{padding:.75rem .75rem .8rem}.segment-title{padding:.3rem .65rem}}@media (max-width:1024px){.hero-section{padding:2.5rem 1.25rem 1.75rem}.hero-grid-modular{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.module-mission{grid-column:span 1}.hero-brand-bar{justify-content:center;text-align:center}.hero-title-modular,.hero-tagline-modular{text-align:center}.hero-row-group{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width:768px){.hero-section{padding:2rem 1rem 1.5rem}.hero-grid-modular{grid-template-columns:1fr;gap:.85rem}.hero-brand-bar{flex-direction:column;gap:.5rem;margin-bottom:1rem}.hero-badge{font-size:.75rem;padding:.45rem .85rem}.welcome-banner{font-size:.9rem}.hero-title-modular{font-size:clamp(1.75rem,6vw,2.2rem);margin:0 0 1.1rem;white-space:normal}.hero-tagline-modular{font-size:.98rem;margin-bottom:1.5rem}.hero-module{padding:1.25rem 1.15rem 1.1rem}.module-corner-badge{font-size:1.25rem;top:.85rem;right:.85rem}.module-title{font-size:1.05rem}.module-text{font-size:.88rem}.module-stat-grid{gap:.55rem}.mini-stat-value{font-size:1.5rem}.hero-row-group{grid-template-columns:1fr;gap:.85rem}}@media (max-width:520px){.hero-section{padding:1.75rem .85rem 1.25rem}.hero-grid-modular{gap:.7rem}.hero-module{padding:1.1rem 1rem 1rem;border-radius:16px}.module-btn{padding:.6rem 1rem;font-size:.86rem}.values-mini-grid{grid-template-columns:1fr}}@media (max-width:1024px){.hero-content{grid-template-columns:1fr;gap:1.5rem;text-align:center}.hero-badge{margin-bottom:.4rem}.welcome-banner{margin-bottom:.6rem}.hero-title{margin-bottom:.15rem}.hero-tagline{margin-bottom:.45rem}.hero-description{margin-bottom:.75rem}.hero-cards{flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%;gap:.8rem}.floating-card{flex:0 1 130px;padding:.8rem}.card-icon{font-size:1.65rem}}@media (max-width:768px){.hero-content{gap:1.25rem}.hero-title{font-size:clamp(1.9rem,6vw,2.4rem)}.hero-description{font-size:.98rem}.floating-card{padding:.7rem}.card-icon{font-size:1.4rem;margin-bottom:.4rem}}.trust-section{background:#f5f5f5;padding:4rem 2rem;position:relative;z-index:2}.trust-container{max-width:1200px;margin:0 auto;position:relative;z-index:3}.trust-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.trust-main-title{color:#2c3e50;font-size:2rem;font-weight:700;margin:0;letter-spacing:-.02em}.trust-meta{display:flex;align-items:center;gap:1rem}.trust-type-badge{background:#5dade2;color:#fff;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:lowercase}.trust-duration{color:#7f8c8d;font-size:1rem;font-weight:500}.trust-video-card{background:#fff;border:2px dashed #cbd5e0;border-radius:16px;padding:4rem 3rem;text-align:center;transition:all .3s ease}.trust-video-card:hover{border-color:#5dade2;box-shadow:0 8px 24px #5dade226}.video-play-icon{width:80px;height:80px;background:linear-gradient(135deg,#5dade2,#3498db);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;font-size:2rem;color:#fff;box-shadow:0 4px 16px #5dade24d;transition:transform .3s ease}.trust-video-card:hover .video-play-icon{transform:scale(1.1)}.video-card-title{color:#2c3e50;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.video-card-description{color:#5a6c7d;font-size:1rem;line-height:1.6;max-width:600px;margin:0 auto}@media (max-width: 768px){.trust-header{flex-direction:column;align-items:flex-start;gap:1rem}.trust-main-title{font-size:1.5rem}.trust-video-card{padding:3rem 2rem}.video-play-icon{width:64px;height:64px;font-size:1.5rem}}.stats-section{background:linear-gradient(135deg,#1b4332f2,#023047f2);color:var(--color-white);padding:5rem 0;position:relative;z-index:2;overflow:hidden}.stats-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(247,127,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(5,150,105,.1) 0%,transparent 50%)}.stats-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;position:relative;z-index:3}.stat-item{text-align:center;background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:2.5rem 1.5rem;border-radius:20px;border:1px solid rgba(255,255,255,.2);transition:all .4s ease;position:relative;overflow:hidden;animation:countUp .6s ease-out}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-accent),var(--color-green-mid),var(--color-accent));background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.stat-item:hover{transform:translateY(-10px) scale(1.05);background:#ffffff26;box-shadow:0 20px 40px #0003}.stat-number{font-size:3.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#ffffff,var(--color-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-trend{color:#10b981!important;font-size:.8em;margin-left:.5rem;animation:bounce 2s infinite;-webkit-text-fill-color:initial!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important}.stat-label{font-size:1.3rem;font-weight:600;margin-bottom:.5rem;color:#fff}.stat-sublabel{font-size:.9rem;color:#ffffffb3;font-style:italic;margin-top:.5rem}.features-section{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:6rem 0;position:relative;z-index:2}.features-section:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 0%,rgba(27,67,50,.02) 25%,transparent 50%,rgba(5,150,105,.02) 75%,transparent 100%)}.features-header{text-align:center;max-width:800px;margin:0 auto 4rem;padding:0 2rem;position:relative;z-index:3}.features-title{font-size:var(--font-size-section-title);font-weight:800;color:var(--color-green-dark);margin-bottom:1rem;letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-green-dark),var(--color-green-mid));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.features-subtitle{font-size:1.3rem;color:var(--color-text-muted);line-height:1.6}.features-grid{max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2.5rem;position:relative;z-index:3}.feature-card{background:linear-gradient(135deg,#ffffffe6,#f8fffee6);padding:2.5rem;border-radius:24px;box-shadow:0 8px 32px #1b43321a,0 1px 3px #0000001a;transition:all .4s ease;position:relative;overflow:hidden;border:1px solid rgba(27,67,50,.1)}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--color-green-dark),var(--color-green-mid),var(--color-accent));transform:scaleX(0);transition:transform .4s ease;transform-origin:left}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:var(--shadow-strong)}.feature-icon{width:80px;height:80px;background:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 8px 24px #0000001f;transition:all .3s ease}.feature-card:hover .feature-icon{transform:rotate(5deg) scale(1.1);box-shadow:0 12px 32px #f77f0066}.feature-icon .icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));color:#fff}.feature-title{font-size:1.5rem;font-weight:700;color:var(--color-green-dark);margin-bottom:1rem;letter-spacing:-.01em}.feature-title a{transition:all .3s ease}.feature-title a:hover{color:var(--color-accent);transform:translate(4px);display:inline-block}.feature-description{font-size:1rem;line-height:1.6;color:#4b5563;margin-bottom:1.5rem}.feature-tags{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.feature-tag{background:linear-gradient(135deg,#1b43321a,#0596691a);color:var(--color-green-dark);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid rgba(27,67,50,.2);transition:all .3s ease}.feature-tag:hover{background:linear-gradient(135deg,#f77f001a,#0596691a);border-color:#f77f004d;transform:translateY(-2px)}.feature-learn-more{background:var(--grad-primary);color:var(--color-white);border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem;position:relative;overflow:hidden;text-decoration:none;display:inline-block}.feature-learn-more:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.feature-learn-more:hover:before{left:100%}.feature-learn-more:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1b43324d}@media (max-width:768px){.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:2rem}.features-title{font-size:2rem}.features-subtitle{font-size:1.1rem}}.testimonials-section{background:linear-gradient(135deg,var(--color-green-dark) 0%,var(--color-blue-deep) 100%);color:var(--color-white);padding:5rem 0;position:relative;overflow:hidden}.testimonials-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></svg>') repeat;background-size:50px 50px;opacity:.3}.testimonials-container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.testimonials-title{text-align:center;font-size:2.5rem;font-weight:700;margin:0 0 1rem;letter-spacing:-.02em}.testimonials-subtitle{text-align:center;font-size:1.2rem;opacity:.9;margin:0 0 3rem;max-width:600px;margin-left:auto;margin-right:auto}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem}.testimonial-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.testimonial-card:hover{transform:translateY(-4px);background:#ffffff26}.testimonial-quote{font-size:1.1rem;line-height:1.6;margin:0 0 1.5rem;font-style:italic;position:relative}.testimonial-quote:before{content:'"';font-size:3rem;color:var(--color-accent);position:absolute;top:-1rem;left:-.5rem;line-height:1}.testimonial-author{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.author-name{font-weight:600;font-size:1.1rem;color:var(--color-accent)}.author-title{font-size:.9rem;opacity:.8;margin-top:.25rem}.author-company{font-size:.85rem;opacity:.7;margin-top:.1rem}.testimonial-impact{text-align:right}.impact-metric{background:var(--color-accent);color:var(--color-green-dark);padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;white-space:nowrap}.cta-section{background:var(--grad-cta);position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 0%,rgba(27,67,50,.05) 50%,transparent 100%)}.cta-content{position:relative;z-index:1}.cta-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--color-green-dark);color:var(--color-white);padding:.5rem 1.5rem;border-radius:25px;font-size:.9rem;font-weight:500;margin-bottom:1.5rem}.cta-badge-icon{animation:pulse 2s infinite}.cta-benefits{display:flex;justify-content:center;gap:2rem;margin:2rem 0;flex-wrap:wrap}.cta-benefit{display:flex;align-items:center;gap:.5rem}.benefit-icon{color:var(--color-green-mid);font-weight:700}.benefit-text{color:var(--color-green-dark);font-weight:500}.cta-benefits .cta-benefit:first-child .benefit-text{color:#fff}.cta-benefits .cta-benefit:nth-child(2) .benefit-text{color:#fff}.cta-benefits .cta-benefit:nth-child(3) .benefit-text{color:#fff}.btn-cta{background:var(--grad-primary);position:relative;overflow:hidden}.btn-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-cta:hover:before{left:100%}.cta-footer{margin-top:2rem;text-align:center}.cta-note{color:var(--color-text-muted);font-style:italic}.module-cta-featured.green-eco-theme{position:relative;background:linear-gradient(135deg,#fff,#f0fdf4,#ecfdf5);border:3px solid #10b981;border-radius:24px;padding:3rem;overflow:hidden;box-shadow:0 0 60px #10b9814d,inset 0 0 80px #10b9810d,0 20px 60px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:2.5rem 0}.eco-particles{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.leaf-particle{position:absolute;font-size:1.5rem;opacity:.3;animation:leafFloat 10s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(16,185,129,.8));color:#10b981}@keyframes leafFloat{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:.6}50%{transform:translateY(50vh) rotate(180deg);opacity:.4}90%{opacity:.6}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.eco-badge-corner{position:absolute;top:20px;right:20px;z-index:2}.eco-icon-spin{font-size:3rem;animation:ecoSpin 4s linear infinite;filter:drop-shadow(0 0 15px rgba(16,185,129,.8));color:#10b981}@keyframes ecoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cta-header-green{position:relative;z-index:1;text-align:center;margin-bottom:2.5rem}.sustainability-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 2rem;background:#fffffff2;border:2px solid #10b981;border-radius:50px;color:#047857;font-weight:700;font-size:.85rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:1.5rem;box-shadow:0 0 20px #10b98166,inset 0 0 20px #10b9810d;animation:badgeGlow 3s ease-in-out infinite}.badge-leaf{font-size:1.2rem;animation:leafPulse 2s ease-in-out infinite}.sustainability-badge .badge-text{font-weight:800;color:#065f46}@keyframes badgeGlow{0%,to{box-shadow:0 0 20px #10b98166,inset 0 0 20px #10b9810d}50%{box-shadow:0 0 35px #10b98199,inset 0 0 30px #10b9811a}}@keyframes leafPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.cta-title-green{font-size:2rem;font-weight:800;color:#047857;line-height:1.3;margin-bottom:1rem;text-shadow:0 2px 10px rgba(16,185,129,.2),0 0 30px rgba(16,185,129,.1)}.cta-subtitle-green{font-size:1.1rem;color:#065f46;line-height:1.6;max-width:700px;margin:0 auto;text-shadow:0 1px 3px rgba(16,185,129,.1)}.cta-benefits-green{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2.5rem 0;position:relative;z-index:1}.benefit-card-green{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fffffff2;border:2px solid #10b981;border-radius:16px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #10b98133}.benefit-card-green:hover{background:#fff;border-color:#059669;transform:translateY(-5px);box-shadow:0 8px 25px #10b9814d}.benefit-icon-green{font-size:2rem;filter:drop-shadow(0 0 8px rgba(16,185,129,.6));flex-shrink:0;color:#10b981}.benefit-title{font-weight:700;font-size:1.1rem;color:#064e3b;margin-bottom:.25rem;letter-spacing:.3px}.benefit-desc{font-size:.85rem;color:#065f46}.benefit-check{font-size:1.5rem;color:#10b981;font-weight:700;text-shadow:0 0 10px rgba(16,185,129,.6);animation:checkPulse 2s ease-in-out infinite}@keyframes checkPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.cta-buttons-green{display:flex;flex-direction:column;gap:1rem;margin:2.5rem 0;position:relative;z-index:1}.btn-green{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 2.5rem;border-radius:12px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000004d;letter-spacing:.5px}.btn-green-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:3px solid #10b981;box-shadow:0 4px 15px #10b98166}.btn-green-primary:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-3px);box-shadow:0 8px 25px #10b98199}.btn-green-secondary,.btn-green-tertiary{background:#fffffff2;color:#047857;border:2px solid #10b981;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-green-secondary:hover,.btn-green-tertiary:hover{background:#fff;border-color:#059669;transform:translateY(-3px);box-shadow:0 8px 25px #10b98166}.btn-glow-effect{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);animation:btnGlowSlide 3s ease-in-out infinite}@keyframes btnGlowSlide{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}.btn-icon-green{font-size:1.3rem}.btn-text-green{font-weight:700}.btn-arrow{font-size:1.2rem;transition:transform .3s ease}.btn-green:hover .btn-arrow{transform:translate(5px)}.cta-trust-bar{display:flex;justify-content:center;align-items:center;gap:1.5rem;padding:1.25rem;background:#ffffffe6;border-radius:12px;margin:2rem 0 1.5rem;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #10b981;flex-wrap:wrap;box-shadow:0 4px 15px #10b98133}.trust-stat{display:flex;align-items:center;gap:.5rem;color:#047857;font-weight:600;font-size:.95rem}.trust-icon{font-size:1.2rem;filter:drop-shadow(0 0 5px rgba(16,185,129,.6));color:#10b981}.trust-divider{color:#10b98166;font-size:1.2rem}.eco-footer{text-align:center;padding-top:1.5rem;border-top:2px solid rgba(16,185,129,.3);position:relative;z-index:1}.eco-text{color:#047857;font-size:.95rem;font-weight:600;letter-spacing:.5px;text-shadow:0 1px 3px rgba(16,185,129,.1)}@media (max-width: 768px){.module-cta-featured.green-eco-theme{padding:2rem 1.5rem}.cta-title-green{font-size:1.5rem}.cta-subtitle-green{font-size:1rem}.cta-benefits-green{grid-template-columns:1fr}.benefit-card-green{padding:1.25rem}.btn-green{padding:1rem 1.5rem;font-size:.95rem}.cta-trust-bar{flex-direction:column;gap:.75rem}.trust-divider{display:none}}@media (max-width: 480px){.sustainability-badge{font-size:.7rem;padding:.6rem 1.5rem}.eco-icon-spin{font-size:2rem}.leaf-particle{font-size:1.2rem}}.transmission-wrapper.retro-terminal{margin-top:2.5rem;background:linear-gradient(135deg,#0d1117,#161b22,#1a1f2e);border:3px solid #00ff88;border-radius:8px;padding:2rem;position:relative;overflow:hidden;box-shadow:0 0 40px #0f86,inset 0 0 80px #00ff8814,inset 0 0 20px #00c86426,0 8px 32px #000000b3;font-family:Courier New,monospace}.crt-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.15) 3px);pointer-events:none;z-index:10;animation:scanlineMove 8s linear infinite}.crt-glow{position:absolute;inset:-20px;background:radial-gradient(ellipse at center,rgba(0,255,136,.15) 0%,rgba(0,200,100,.08) 40%,transparent 70%);pointer-events:none;animation:glowPulse 3s ease-in-out infinite}.terminal-border{position:absolute;inset:0;pointer-events:none}.terminal-corner{position:absolute;width:20px;height:20px;border:2px solid #00ff88}.corner-tl{top:-2px;left:-2px;border-right:none;border-bottom:none}.corner-tr{top:-2px;right:-2px;border-left:none;border-bottom:none}.corner-bl{bottom:-2px;left:-2px;border-right:none;border-top:none}.corner-br{bottom:-2px;right:-2px;border-left:none;border-top:none}.terminal-ascii-header{text-align:center;margin-bottom:1.5rem}.ascii-art{font-size:.7rem;color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.8);line-height:1.2;margin:0;letter-spacing:1px}.transmission-header.retro-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,255,136,.3)}.status-indicators{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.status-led{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#0f8;text-transform:uppercase;letter-spacing:2px;font-weight:600}.led-dot{width:12px;height:12px;border-radius:50%;background:#f44;box-shadow:0 0 10px #f44;animation:ledBlink 1.5s ease-in-out infinite}.status-led.active .led-dot{background:#0f8;box-shadow:0 0 20px #0f8;animation:ledPulseActive 1s ease-in-out infinite}.signal-strength{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#0f8;letter-spacing:1px}.signal-bar{width:4px;height:12px;background:#0f8;margin-right:2px;box-shadow:0 0 5px #0f8}.signal-bar:nth-child(2){height:16px}.signal-bar:nth-child(3){height:20px}.signal-bar:nth-child(4){height:24px}.transmission-btn.retro-btn{background:transparent;border:2px solid #00ff88;color:#0f8;padding:.8rem 2rem;font-family:Courier New,monospace;font-size:1rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 0 20px #00ff884d;align-self:center}.btn-bracket{font-size:1.2rem;opacity:.7}.btn-glow{position:absolute;inset:0;background:#0f80;transition:background .3s ease;pointer-events:none}.transmission-btn.retro-btn:hover{background:#00ff881a;box-shadow:0 0 30px #0f89;transform:translateY(-2px)}.transmission-btn.retro-btn:hover .btn-glow{background:#0f83}.transmission-btn.retro-btn:active{transform:translateY(0)}.transmission-btn.retro-btn.playing{border-color:#f80;color:#f80;box-shadow:0 0 20px #ff88004d}.transmission-body.retro-body{display:flex;flex-direction:column;gap:2rem;position:relative}.retro-visualizer{width:150px;height:150px;position:relative;margin:0 auto;opacity:.6}.radar-circle{position:absolute;inset:0;border:2px solid rgba(0,255,136,.3);border-radius:50%}.radar-circle:before,.radar-circle:after{content:"";position:absolute;inset:15%;border:1px solid rgba(0,255,136,.2);border-radius:50%}.radar-circle:after{inset:35%}.radar-sweep{position:absolute;inset:0;background:conic-gradient(from 0deg,transparent 0deg,rgba(0,255,136,.4) 30deg,transparent 90deg);border-radius:50%;animation:radarSweep 3s linear infinite}.retro-visualizer.active .radar-sweep{animation-duration:2s}.radar-blip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#0f8;border-radius:50%;box-shadow:0 0 15px #0f8;animation:blipPulse 1.5s ease-in-out infinite}.waveform.retro-waveform{display:flex;align-items:center;justify-content:space-between;height:80px;width:100%;position:relative;background:#0000004d;border:1px solid rgba(0,255,136,.2);padding:.5rem}.wave-bar{position:absolute;width:2%;height:10%;background:#0f8;box-shadow:0 0 5px #0f8;bottom:50%;transform:translateY(50%);animation:waveOscillate 1.5s ease-in-out infinite}.waveform.retro-waveform.is-playing .wave-bar{animation-play-state:running}.waveform.retro-waveform:not(.is-playing) .wave-bar{animation-play-state:paused;height:5%}.terminal-output{background:#00000080;border:1px solid rgba(0,255,136,.3);padding:1rem;font-size:.9rem;color:#0f8;min-height:60px}.terminal-line{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;opacity:.7}.terminal-line.active{opacity:1;animation:textGlow 2s ease-in-out infinite}.terminal-prompt{color:#f80;font-weight:700;text-shadow:0 0 5px #ff8800}.terminal-text{letter-spacing:1px}.cursor-blink{animation:cursorBlink 1s step-end infinite;color:#0f8}.transmission-progress.retro-progress{background:#00000080;border:1px solid rgba(0,255,136,.3);height:auto;padding:.75rem;border-radius:0}.progress-label{display:flex;justify-content:space-between;font-size:.75rem;color:#0f8;letter-spacing:2px;margin-bottom:.5rem;text-transform:uppercase}.progress-track{position:relative;height:20px;background:#0009;border:1px solid rgba(0,255,136,.4)}.transmission-progress-bar.retro-bar{height:100%;background:linear-gradient(90deg,#0f8,#0c6);transition:width .3s linear;box-shadow:0 0 15px #0f8c;position:relative}.progress-glow{position:absolute;right:0;top:0;bottom:0;width:4px;background:#fff;box-shadow:0 0 10px #0f8;animation:progressGlow 1s ease-in-out infinite}.progress-grid{position:absolute;inset:0;display:flex;justify-content:space-between;pointer-events:none}.grid-line{width:1px;height:100%;background:#0f83}.data-stream{position:absolute;top:0;right:1rem;display:flex;flex-direction:column;gap:.3rem;opacity:.3;font-size:.7rem;color:#0f8;pointer-events:none}.data-line{animation:dataScroll 3s linear infinite;opacity:0}@keyframes scanlineMove{0%{transform:translateY(0)}to{transform:translateY(10px)}}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes ledBlink{0%,50%,to{opacity:1}25%,75%{opacity:.3}}@keyframes ledPulseActive{0%,to{box-shadow:0 0 20px #0f8}50%{box-shadow:0 0 30px #0f8,0 0 40px #0f8}}@keyframes radarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blipPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.5}}@keyframes waveOscillate{0%,to{height:20%;transform:translateY(50%)}25%{height:60%;transform:translateY(50%)}50%{height:40%;transform:translateY(50%)}75%{height:80%;transform:translateY(50%)}}@keyframes textGlow{0%,to{text-shadow:0 0 5px #00ff88}50%{text-shadow:0 0 15px #00ff88,0 0 25px #00ff88}}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes progressGlow{0%,to{opacity:1}50%{opacity:.3}}@keyframes dataScroll{0%{opacity:0;transform:translateY(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100px)}}@media (max-width: 768px){.transmission-wrapper.retro-terminal{padding:1.5rem}.ascii-art{font-size:.5rem}.status-indicators{flex-direction:column;align-items:flex-start}.retro-visualizer{width:120px;height:120px}.transmission-btn.retro-btn{padding:.6rem 1.5rem;font-size:.85rem}}.transmission-section.space-command{position:relative;padding:4rem 2rem;background:linear-gradient(180deg,#0a0e1a,#0d1520,#1a1f2e);overflow:hidden}.space-stars{position:absolute;inset:0;pointer-events:none;z-index:0}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 4px #fffc;animation:starTwinkle 3s ease-in-out infinite}.star:nth-child(3n){width:3px;height:3px;box-shadow:0 0 6px #64c8ffe6}.star:nth-child(5n){width:1px;height:1px;animation-duration:2s}@keyframes starTwinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.transmission-content.space-dashboard{position:relative;z-index:1;max-width:900px;margin:0 auto;background:linear-gradient(135deg,#0f1423f2,#141928f2);border:2px solid #4da6ff;border-radius:16px;padding:2.5rem;box-shadow:0 0 50px #4da6ff4d,inset 0 0 50px #4da6ff0d,0 20px 60px #0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mission-header{text-align:center;margin-bottom:2rem}.mission-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 2rem;background:linear-gradient(135deg,#1e3a8a,#1e40af);border:2px solid #4da6ff;border-radius:50px;color:#fff;font-weight:700;font-size:1rem;letter-spacing:2px;text-transform:uppercase;box-shadow:0 0 20px #4da6ff66,inset 0 0 20px #4da6ff1a;animation:badgePulse 3s ease-in-out infinite}.badge-star{font-size:1.5rem;color:gold;animation:starRotate 4s linear infinite;text-shadow:0 0 10px rgba(255,215,0,.8)}@keyframes starRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes badgePulse{0%,to{box-shadow:0 0 20px #4da6ff66,inset 0 0 20px #4da6ff1a}50%{box-shadow:0 0 30px #4da6ff99,inset 0 0 30px #4da6ff26}}.mission-divider{height:2px;background:linear-gradient(90deg,transparent 0%,#4da6ff 20%,#4da6ff 80%,transparent 100%);margin-top:1rem;box-shadow:0 0 10px #4da6ff80}.status-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.status-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#1e3a8a4d;border:1px solid rgba(77,166,255,.4);border-radius:8px;color:#4da6ff;font-weight:600;font-size:.9rem;letter-spacing:1px;transition:all .3s ease;box-shadow:0 4px 15px #0000004d}.status-item:hover{background:#1e3a8a80;border-color:#4da6ff;transform:translateY(-2px);box-shadow:0 6px 20px #4da6ff4d}.status-icon{font-size:1.5rem;animation:iconFloat 2s ease-in-out infinite}.status-live .status-icon{animation:pulse 1.5s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.transmission-panel-wrapper{margin-bottom:2rem}.panel-header,.panel-footer{text-align:center;color:#4da6ff;font-family:Courier New,monospace;font-size:.85rem;letter-spacing:1px;margin:1rem 0;text-shadow:0 0 10px rgba(77,166,255,.6)}.transmission-panel-content{background:#0a0e1acc;border:2px solid rgba(77,166,255,.5);border-radius:12px;padding:1.5rem;box-shadow:inset 0 0 30px #4da6ff1a,0 4px 20px #0006}.mission-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#1e3a8a66,#1e40af4d);border:2px solid rgba(77,166,255,.3);border-radius:12px;transition:all .3s ease;box-shadow:0 4px 15px #0000004d}.metric-card:hover{border-color:#4da6ff;transform:translateY(-4px);box-shadow:0 8px 25px #4da6ff4d,0 0 30px #4da6ff33}.metric-icon{font-size:2.5rem;filter:drop-shadow(0 0 8px rgba(77,166,255,.6));animation:iconFloat 3s ease-in-out infinite}.metric-label{font-size:.85rem;color:#94b8ff;text-transform:uppercase;letter-spacing:1px;margin-bottom:.25rem;font-weight:600}.metric-value{font-size:1.1rem;color:#fff;font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.5)}.command-footer{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem;border-top:2px solid rgba(77,166,255,.3);margin-top:1.5rem}.footer-icon{color:gold;font-size:1.2rem;animation:starTwinkle 2s ease-in-out infinite;text-shadow:0 0 10px rgba(255,215,0,.8)}.footer-text{color:#94b8ff;font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}@media (max-width: 768px){.transmission-section.space-command{padding:2rem 1rem}.transmission-content.space-dashboard{padding:1.5rem}.mission-badge{font-size:.85rem;padding:.6rem 1.5rem}.status-panel,.mission-metrics{grid-template-columns:1fr}.metric-card{padding:1rem}.metric-icon{font-size:2rem}}@media (max-width: 480px){.badge-text{font-size:.75rem}.panel-header,.panel-footer{font-size:.7rem}}.home-container{min-height:100vh;background:linear-gradient(135deg,var(--color-bg-soft) 0%,var(--color-bg-alt) 20%,var(--color-white) 40%,#f0f9ff 60%,var(--color-bg-alt) 80%,var(--color-bg-soft) 100%);background-size:400% 400%;animation:gradientShift 15s ease infinite;position:relative;overflow-x:hidden}section{position:relative;z-index:2}.what-cards-grid{align-items:stretch}.what-card-link{display:block;height:100%}.what-card{height:100%;display:flex;flex-direction:column}.what-card h3{line-height:1.3}.what-card p{margin-top:.25rem}.countdown-card{width:clamp(360px,70vw,720px);background:linear-gradient(135deg,#fbbf2438,#f59e0b29);border:2px solid rgba(251,191,36,.55);border-radius:20px;padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 6px 24px #fbbf2447;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.countdown-card:hover{transform:translateY(-2px);box-shadow:0 10px 32px #fbbf2461;border-color:#fbbf24bf}.countdown-shimmer{position:absolute;inset:0 0 0 -100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s infinite}.countdown-header{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffffd9}.countdown-header img{width:1.25rem;height:1.25rem;filter:drop-shadow(0 2px 4px rgba(251,191,36,.4))}.timer-tiles{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap}.timer-sep{color:#fbbf24;font-weight:800;font-size:clamp(1.4rem,3.2vw,2rem);padding:0 .1rem}.timer-tile{flex:1;min-width:84px;text-align:center;padding:.55rem .65rem;border-radius:14px;border:1px solid rgba(251,191,36,.28);background:#00000014;box-shadow:inset 0 0 0 1px #ffffff0f,0 4px 14px #fbbf242e}.timer-digit{font-family:monospace;line-height:1;font-weight:900;font-size:clamp(1.6rem,4.2vw,2.4rem);background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.timer-label{margin-top:.3rem;font-size:.66rem;font-weight:700;text-transform:uppercase;color:#fbbf24;letter-spacing:.06em}.timer-progress{height:3px;width:100%;background:linear-gradient(90deg,#fbbf2433,#fbbf24b3,#fbbf2433);background-size:200% 100%;border-radius:2px;box-shadow:0 0 18px #fbbf2473}.timer-tile{transition:transform .2s ease}.timer-tile:hover{transform:translateY(-1px)}.timer-sep{display:inline-flex;align-items:center;justify-content:center;width:clamp(28px,3.5vw,36px);height:clamp(28px,3.5vw,36px);border-radius:999px;background:#fbbf2429;border:1px solid rgba(251,191,36,.35);box-shadow:0 4px 14px #fbbf242e}.timer-subtitle{margin-top:.5rem;font-size:.82rem;color:#ffffffe6;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.2)}@media (max-width: 520px){.timer-tile{min-width:70px;padding:.5rem}}@media (max-width: 460px){.timer-tiles{flex-wrap:wrap;row-gap:.5rem}.timer-sep{display:none}.timer-tile{flex:1 1 calc(50% - .5rem)}}@media (max-width:768px){.trust-badges{gap:1rem}.trust-badge{padding:.75rem 1rem;font-size:.8rem}.testimonials-grid{grid-template-columns:1fr}.testimonial-author{flex-direction:column;align-items:flex-start;gap:1rem}.testimonial-impact{text-align:left}.cta-benefits{flex-direction:column;align-items:center;gap:1rem}}.marketplace-page{min-height:100vh;background:#f8fafc}.marketplace-hero{background:linear-gradient(135deg,#8e24aa,#6a1b9a,#4a148c);color:#fff;padding:60px 0;position:relative;overflow:hidden}.marketplace-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%23ffffff" fill-opacity="0.05"><circle cx="30" cy="30" r="2"/></g></svg>');animation:float 20s ease-in-out infinite}.marketplace-hero-content{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center;position:relative;z-index:2}.marketplace-hero-title{font-size:3rem;font-weight:800;line-height:1.1;margin:0 0 16px}.marketplace-hero-highlight{background:linear-gradient(45deg,gold,#ffeb3b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.marketplace-hero-description{font-size:1.2rem;line-height:1.6;margin-bottom:32px;opacity:.9}.marketplace-search-container{margin-bottom:24px}.marketplace-search-bar{display:flex;align-items:center;background:#fff;border-radius:16px;padding:6px;box-shadow:0 8px 30px #0000001a;max-width:600px}.search-icon{font-size:1.2rem;margin:0 12px;color:#64748b}.marketplace-search-input{flex:1;border:none;background:transparent;padding:12px 0;font-size:16px;color:#1e293b;outline:none}.marketplace-search-input::placeholder{color:#94a3b8}.search-btn{background:linear-gradient(45deg,gold,#ffeb3b);color:#2c1810;border:none;border-radius:12px;padding:12px 24px;font-weight:600;cursor:pointer;transition:transform .2s}.search-btn:hover{transform:translateY(-1px)}.marketplace-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;min-width:300px}.marketplace-stat{text-align:center;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:20px}.stat-number{font-size:2rem;font-weight:800;margin-bottom:4px;color:#fff;position:relative;text-shadow:0 1px 2px rgba(0,0,0,.35);-webkit-font-smoothing:antialiased;font-smooth:always}.stat-label{font-size:.9rem;color:#fff;letter-spacing:.5px;font-weight:600;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.35);-webkit-font-smoothing:antialiased}.marketplace-categories{background:#fff;border-bottom:2px solid #e2e8f0;padding:16px 0;position:sticky;top:64px;z-index:100;box-shadow:0 4px 12px #00000014;margin-bottom:0}.marketplace-container{max-width:1200px;margin:0 auto;padding:0 24px}.category-tabs{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:4px 0;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.category-tabs::-webkit-scrollbar{height:6px}.category-tabs::-webkit-scrollbar-track{background:transparent}.category-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.category-tabs::-webkit-scrollbar-thumb:hover{background:#94a3b8}.category-tab{display:flex;align-items:center;gap:8px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;padding:8px 16px;cursor:pointer;transition:all .3s ease;white-space:nowrap;color:#475569;font-weight:500}.category-tab:hover{background:#e2e8f0;transform:translateY(-1px)}.category-tab.active{background:#8e24aa;color:#fff;border-color:#8e24aa}.category-tab.active .category-icon,.category-tab.active .category-name,.category-tab.active .category-count,.category-tab.active:hover{color:#fff}.category-icon{font-size:1.1rem}.category-count{background:#fff3;color:inherit;border-radius:10px;padding:2px 6px;font-size:.8rem;font-weight:600}.category-tab.active .category-count{background:#ffffff4d}.marketplace-layout{display:grid;grid-template-columns:280px 1fr;gap:32px;padding:32px 0;margin-top:0}.marketplace-sidebar{background:#fff;border-radius:16px;border:1px solid #e2e8f0;height:fit-content;position:sticky;top:160px;max-height:calc(100vh - 180px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.marketplace-sidebar::-webkit-scrollbar{width:6px}.marketplace-sidebar::-webkit-scrollbar-track{background:transparent}.marketplace-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.marketplace-sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.filters-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.filters-title{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;color:#1e293b;margin:0}.filters-icon{font-size:1.2rem}.filters-count{background:#8e24aa;color:#fff;border-radius:10px;padding:2px 6px;font-size:.8rem;font-weight:600}.filters-toggle{display:none;background:none;border:none;font-size:1.2rem;cursor:pointer;color:#64748b}.filters-content{padding:24px}.filter-group{margin-bottom:24px}.filter-label{display:block;font-weight:600;color:#374151;margin-bottom:8px;font-size:.9rem}.filter-select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:14px;transition:border-color .2s}.toggle-switch{display:flex;align-items:center;gap:12px;cursor:pointer}.toggle-switch input{display:none}.toggle-slider{position:relative;width:44px;height:24px;background:#cbd5e1;border-radius:12px;transition:background .3s}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s}.toggle-switch input:checked+.toggle-slider{background:#8e24aa}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-text{font-size:.9rem;color:#475569}.esg-slider{width:100%;height:6px;background:#e2e8f0;border-radius:3px;outline:none;appearance:none;-webkit-appearance:none}.esg-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;background:#8e24aa;border-radius:50%;cursor:pointer}.esg-slider::-moz-range-thumb{width:18px;height:18px;background:#8e24aa;border-radius:50%;cursor:pointer;border:none}.slider-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:.8rem;color:#64748b}.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.results-info{display:flex;align-items:center;gap:16px}.results-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.results-category{color:#64748b;font-weight:400}.mobile-filters-btn{display:none;align-items:center;gap:8px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;cursor:pointer;color:#475569;font-weight:500}.results-controls{display:flex;align-items:center;gap:16px}.sort-control{display:flex;align-items:center;gap:8px}.sort-label{font-weight:500;color:#475569;font-size:.9rem}.sort-select{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:14px}.marketplace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;padding-top:8px}.product-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .3s ease;cursor:pointer;text-decoration:none;color:inherit;display:block}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a;border-color:#8e24aa}.product-card.esg-excellence{border-color:gold;background:linear-gradient(135deg,#fffbf0,#fff);box-shadow:0 4px 20px #ffd7001a}.product-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.product-category{display:flex;flex-direction:column;gap:4px}.category-badge{background:#8e24aa;color:#fff;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:600;width:fit-content}.region-badge{background:#e2e8f0;color:#475569;padding:2px 8px;border-radius:8px;font-size:.75rem;font-weight:500;width:fit-content}.esg-excellence-badge{background:linear-gradient(45deg,gold,#ffeb3b);color:#2c1810;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:4px;width:fit-content}.badge-icon{font-size:.9rem}.product-price{font-weight:700;color:#059669;font-size:1.1rem}.product-title{font-size:1.3rem;font-weight:700;color:#1e293b;margin:0 0 12px;line-height:1.3}.product-certifications{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.growth-tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}.growth-tag{font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;padding:3px 6px;border-radius:6px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.growth-tag.focus-personal{background:#eef2ff;color:#4338ca;border-color:#c7d2fe}.growth-tag.focus-collective{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.growth-tag.focus-hybrid{background:#fef3c7;color:#92400e;border-color:#fde68a}.growth-tag.maturity-seed{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.growth-tag.maturity-emerging{background:#fffbeb;color:#92400e;border-color:#fde68a}.growth-tag.maturity-scaling{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.growth-tag.maturity-proven{background:#ecfdf5;color:#065f46;border-color:#6ee7b7}.growth-tag.pillar-E{background:#e0f2fe;color:#075985;border-color:#bae6fd}.growth-tag.pillar-S{background:#fce7f3;color:#9d174d;border-color:#fbcfe8}.growth-tag.pillar-G{background:#ede9fe;color:#6d28d9;border-color:#ddd6fe}.pillars-filter{display:flex;gap:8px}.pillar-chip{background:#f1f5f9;color:#475569;padding:6px 12px;border:1px solid #cbd5e1;border-radius:20px;font-size:.75rem;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.pillar-chip.active{background:#8e24aa;color:#fff;border-color:#8e24aa;box-shadow:0 0 0 2px #8e24aa40}.pillar-chip:focus-visible{outline:2px solid #8e24aa;outline-offset:2px}.certification-tag{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;border-radius:8px;padding:3px 8px;font-size:.75rem;font-weight:500}.esg-scores{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:16px;margin-bottom:20px;padding:16px;background:#f8fafc;border-radius:12px}.esg-score{text-align:center}.score-label{font-size:.8rem;font-weight:600;color:#64748b;margin-bottom:4px}.score-value{font-size:1.5rem;font-weight:800;color:#1e293b;margin-bottom:8px}.score-bar{width:100%;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.score-fill{height:100%;background:linear-gradient(45deg,#8e24aa,#6a1b9a);border-radius:2px;transition:width .3s ease}.esg-average{text-align:center;border-left:1px solid #e2e8f0;padding-left:16px}.avg-label{font-size:.8rem;font-weight:600;color:#64748b;margin-bottom:4px}.avg-value{font-size:1.8rem;font-weight:800;background:linear-gradient(45deg,#8e24aa,#6a1b9a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.product-actions{display:flex;gap:8px}.btn-primary{flex:1;background:#8e24aa;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#6d1b7b}.btn-secondary{background:#013f7d;color:#000;border:1px solid #cbd5e1;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#09090a;border-color:#94a3b8;color:#000}.no-results{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#64748b}.no-results-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.no-results-title{font-size:1.5rem;font-weight:700;margin:0 0 8px;color:#374151}.no-results-text{margin:0;font-size:1rem}.canvas-gallery{margin-top:60px;padding-top:40px;border-top:1px solid #e2e8f0}.gallery-header{text-align:center;margin-bottom:40px}.gallery-title{display:flex;align-items:center;justify-content:center;gap:12px;font-size:2rem;font-weight:800;color:#1e293b;margin:0 0 12px}.gallery-icon{font-size:2.2rem}.gallery-subtitle{color:#64748b;font-size:1.1rem;max-width:600px;margin:0 auto}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.artwork-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:all .3s ease}.artwork-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.artwork-image{height:200px;background:linear-gradient(135deg,#c9ada7,#a8938b);display:flex;align-items:center;justify-content:center;position:relative}.artwork-placeholder{font-size:4rem;color:#22223b;opacity:.7}.artwork-content{padding:20px}.artwork-title{font-size:1.3rem;font-weight:700;color:#1e293b;margin:0 0 12px}.artwork-tags{display:flex;gap:8px;margin-bottom:12px}.artwork-tag{padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:600}.artwork-tag.cognitive{background:#dbeafe;color:#1e40af}.artwork-tag.impact{background:#dcfce7;color:#166534}.artwork-story{color:#64748b;line-height:1.5;margin:0;font-size:.9rem}@media (max-width: 1024px){.marketplace-layout{grid-template-columns:1fr;gap:24px}.marketplace-sidebar{position:static;display:none}.marketplace-sidebar.show{display:block}.mobile-filters-btn{display:flex}.filters-toggle{display:block}.marketplace-hero-content{grid-template-columns:1fr;text-align:center;gap:32px}.marketplace-stats{grid-template-columns:repeat(3,1fr);min-width:auto}}@media (max-width: 768px){.marketplace-hero{padding:24px 0 28px}.marketplace-hero-content{gap:20px}.marketplace-hero-title{font-size:1.75rem;line-height:1.2;margin-bottom:8px}.marketplace-hero-description{font-size:.9rem;line-height:1.4;margin-bottom:16px}.marketplace-search-bar{flex-direction:row;padding:4px;gap:4px}.marketplace-search-input{padding:9px 10px;font-size:13px}.search-btn{padding:9px 14px;font-size:13px;white-space:nowrap}.marketplace-stats{grid-template-columns:repeat(3,1fr);gap:8px}.marketplace-stat{padding:10px 6px}.stat-number{font-size:1.4rem}.stat-label{font-size:.65rem;letter-spacing:.3px}.marketplace-categories{padding:10px 0;top:64px;z-index:100}.marketplace-container{padding:0 12px}.category-tabs{gap:8px;padding:4px 0;-webkit-overflow-scrolling:touch}.category-tab{padding:8px 12px;font-size:.75rem;min-height:40px;flex-shrink:0}.category-icon{font-size:1.2rem}.category-name{display:none}.category-tab.active .category-name{display:inline}.category-count{padding:2px 5px;font-size:.7rem}.marketplace-layout{padding:16px 0}.marketplace-sidebar{top:130px;max-height:calc(100vh - 140px)}.marketplace-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding-top:4px}.product-card{padding:12px;border-radius:12px}.product-header{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:8px}.product-category{flex-direction:row;gap:4px;flex-wrap:wrap}.category-badge{font-size:.6rem;padding:3px 6px;border-radius:8px}.region-badge{font-size:.6rem;padding:2px 5px}.esg-excellence-badge{font-size:.6rem;padding:3px 6px}.product-price{font-size:.9rem;align-self:flex-start}.product-title{font-size:.95rem;line-height:1.3;margin-bottom:6px}.product-certifications{gap:3px;margin-bottom:8px}.certification-tag{font-size:.6rem;padding:2px 5px;border-radius:6px}.growth-tags{gap:3px;margin:6px 0 8px}.growth-tag{font-size:.55rem;padding:2px 4px}.esg-scores{grid-template-columns:repeat(3,1fr);gap:6px;padding:8px}.score-label{font-size:.65rem;margin-bottom:2px}.score-value{font-size:1rem;margin-bottom:4px}.score-bar{height:3px}.esg-average{grid-column:1 / -1;border-left:none;border-top:1px solid #e2e8f0;padding:6px 0 0;margin-top:4px}.avg-label{font-size:.65rem}.avg-value{font-size:1.3rem}.product-actions{flex-direction:row;gap:5px}.btn-primary,.btn-secondary{padding:8px 10px;font-size:.75rem;min-height:32px;flex:1}.results-header{flex-direction:column;align-items:stretch;margin-bottom:12px}.results-info{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.results-title{font-size:1rem}.mobile-filters-btn{padding:6px 10px;font-size:.8rem;min-height:32px;width:auto}.results-controls{margin-top:8px}.sort-label{font-size:.75rem}.sort-select{padding:6px 8px;font-size:.8rem;min-height:28px}.filters-content{padding:14px}.filter-group{margin-bottom:16px}.filter-label{font-size:.85rem}.filter-select{padding:10px;font-size:14px;min-height:40px}.no-results{grid-column:1 / -1;padding:30px 12px}.no-results-icon{font-size:2.5rem}.no-results-title{font-size:1.1rem}}@media (max-width: 374px){.marketplace-grid{grid-template-columns:1fr}.marketplace-hero-title{font-size:1.5rem}.stat-number{font-size:1.2rem}}.privacy-footer{background:linear-gradient(180deg,#fff,#f8fafc);border-top:1px solid #e2e8f0;padding:60px 0 0;margin-top:80px}.privacy-container{max-width:1400px;margin:0 auto;padding:0 24px}.trust-section{background:linear-gradient(135deg,#8e24aa,#6a1b9a);border-radius:20px;padding:30px 40px;margin-bottom:50px;box-shadow:0 10px 40px #8e24aa33;position:relative;overflow:hidden}.trust-section:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;animation:trustPulse 4s ease-in-out infinite}@keyframes trustPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.5}}.trust-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;position:relative;z-index:1}.trust-badge{display:flex;align-items:center;gap:20px}.trust-icon{font-size:3rem;animation:shieldFloat 3s ease-in-out infinite}@keyframes shieldFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.trust-info{color:#fff}.trust-title{font-size:1.1rem;font-weight:600;margin:0 0 8px;opacity:.95;letter-spacing:.5px}.trust-score{font-size:2.5rem;font-weight:800;background:linear-gradient(45deg,gold,#ffeb3b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.trust-certifications{display:flex;gap:12px;flex-wrap:wrap}.cert-badge{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:12px;font-size:.85rem;font-weight:600;transition:all .3s ease;cursor:pointer}.cert-badge:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.privacy-framework{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:50px}.framework-column{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:30px;transition:all .3s ease}.framework-column:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000014;border-color:#8e24aa}.framework-title{display:flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 24px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.framework-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.framework-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.privacy-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.privacy-toggle input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.toggle-slider{position:relative;width:44px;height:24px;background:#cbd5e1;border-radius:24px;transition:all .3s ease;flex-shrink:0}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:all .3s ease;box-shadow:0 2px 4px #0003}.privacy-toggle input[type=checkbox]:checked+.toggle-slider{background:linear-gradient(135deg,#8e24aa,#6a1b9a)}.privacy-toggle input[type=checkbox]:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label{font-size:.9rem;color:#475569;font-weight:500}.esg-metric{display:flex;flex-direction:column;gap:8px}.metric-label{font-size:.85rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.metric-bar{position:relative;height:32px;background:#f1f5f9;border-radius:8px;overflow:hidden}.metric-fill{position:absolute;height:100%;border-radius:8px;transition:width .6s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:10px}.e-fill{background:linear-gradient(90deg,#10b981,#059669)}.s-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.g-fill{background:linear-gradient(90deg,#8b5cf6,#6d28d9)}.metric-value{position:relative;z-index:1;color:#fff;font-weight:700;font-size:.9rem}.trust-item{display:flex;align-items:center;gap:12px;font-size:.9rem;color:#475569;font-weight:500}.trust-check{width:24px;height:24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.transparency-stat{display:flex;flex-direction:column;gap:6px;padding:12px;background:linear-gradient(135deg,#f8fafc,#e0f2fe);border-radius:10px;border-left:3px solid #3b82f6}.stat-value{font-size:1.5rem;font-weight:800;color:#1e293b;line-height:1}.stat-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.framework-link{margin-top:8px}.framework-link a{color:#8e24aa;text-decoration:none;font-size:.9rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.framework-link a:after{content:"→";transition:transform .2s ease}.framework-link a:hover{color:#6a1b9a}.framework-link a:hover:after{transform:translate(4px)}.compliance-banner{display:flex;justify-content:space-around;align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:16px;padding:30px 24px;margin-bottom:40px;flex-wrap:wrap;gap:24px}.compliance-item{display:flex;align-items:center;gap:12px}.compliance-icon{font-size:1.8rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.compliance-text{font-size:.9rem;font-weight:600;color:#0f172a;letter-spacing:.3px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:20px}.footer-copyright{font-size:.9rem;color:#64748b;margin:0}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer-links a{color:#475569;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.footer-links a:hover{color:#8e24aa}@media (max-width: 1024px){.privacy-framework{grid-template-columns:repeat(2,1fr);gap:30px}.trust-section{padding:24px 30px}.trust-header{flex-direction:column;align-items:flex-start}.compliance-banner{gap:20px}}@media (max-width: 768px){.privacy-footer{padding:40px 0 0;margin-top:60px}.privacy-container{padding:0 16px}.trust-section{padding:20px 24px;margin-bottom:40px;border-radius:16px}.trust-icon{font-size:2.5rem}.trust-title{font-size:1rem}.trust-score{font-size:2rem}.cert-badge{padding:8px 16px;font-size:.8rem}.privacy-framework{grid-template-columns:1fr;gap:24px;margin-bottom:40px}.framework-column{padding:24px}.framework-title{font-size:1rem;margin-bottom:20px}.framework-icon{font-size:1.3rem}.compliance-banner{flex-direction:column;padding:24px 20px;gap:20px}.compliance-item{width:100%;justify-content:center}.footer-bottom{flex-direction:column;text-align:center;padding:24px 0}.footer-links{justify-content:center;gap:16px}}@media (max-width: 480px){.privacy-footer{margin-top:40px}.trust-badge{flex-direction:column;align-items:flex-start;gap:12px}.trust-certifications{flex-direction:column;width:100%}.cert-badge{width:100%;text-align:center}.framework-column{padding:20px}.compliance-icon{font-size:1.5rem}.compliance-text{font-size:.85rem}.footer-links{flex-direction:column;gap:12px;width:100%}.footer-links a{text-align:center}}@media (hover: none) and (pointer: coarse){.cert-badge,.framework-link a,.footer-links a,.privacy-toggle{min-height:44px;display:flex;align-items:center}}@media (prefers-reduced-motion: reduce){.trust-section:before,.trust-icon,.metric-fill,.framework-link a:after{animation:none!important;transition:none!important}}@media print{.privacy-footer{page-break-before:always}.trust-section:before{display:none}}:root{--primary-purple: #8e24aa;--primary-purple-dark: #6a1b9a;--primary-purple-darker: #4a148c;--accent-cyan: #00bcd4;--accent-gold: #ffd700;--success-green: #10b981;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2)}.data-privacy-page{min-height:100vh;background:#f8fafc;position:relative;overflow-x:hidden}.data-privacy-page.dark-mode{background:#0f172a;color:#e2e8f0}.data-privacy-page.dark-mode .privacy-content,.data-privacy-page.dark-mode .pillar-card,.data-privacy-page.dark-mode .esg-card,.data-privacy-page.dark-mode .policy-item,.data-privacy-page.dark-mode .sharing-item,.data-privacy-page.dark-mode .cookie-category,.data-privacy-page.dark-mode .right-card,.data-privacy-page.dark-mode .security-feature{background:#1e293b;border-color:#334155;color:#e2e8f0}.data-privacy-page.dark-mode .content-title,.data-privacy-page.dark-mode .pillar-title,.data-privacy-page.dark-mode .esg-card h4,.data-privacy-page.dark-mode .policy-item h4{color:#f1f5f9}.data-privacy-page.dark-mode .privacy-tabs-section{background:#1e293bf2;border-bottom-color:#334155}.data-privacy-page.dark-mode .search-input{background:#1e293b;border-color:#334155;color:#e2e8f0}.data-privacy-page.dark-mode .cta-card{background:#1e293bf2;border-color:#ffffff1a}.data-privacy-page.dark-mode .cta-card h2{color:#f1f5f9}.data-privacy-page.dark-mode .cta-card p{color:#cbd5e1}.privacy-background{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.floating-shape{position:absolute;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;opacity:.05;animation:float 20s ease-in-out infinite}.shape-1{width:400px;height:400px;background:linear-gradient(135deg,var(--primary-purple),var(--accent-cyan));top:10%;left:-5%;animation-delay:0s}.shape-2{width:300px;height:300px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-gold));top:60%;right:-5%;animation-delay:7s}.shape-3{width:250px;height:250px;background:linear-gradient(135deg,var(--accent-gold),var(--primary-purple));bottom:10%;left:40%;animation-delay:14s}.gradient-orb{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(100px);opacity:.15;animation:orb-float 25s ease-in-out infinite}.orb-1{background:radial-gradient(circle,var(--primary-purple) 0%,transparent 70%);top:-10%;right:10%}.orb-2{background:radial-gradient(circle,var(--accent-cyan) 0%,transparent 70%);bottom:-10%;left:10%;animation-delay:12s}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,50px) scale(1.1)}}.dark-mode-toggle{position:fixed;top:100px;right:24px;z-index:1000;width:50px;height:50px;border-radius:50%;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(142,36,170,.2);box-shadow:0 4px 20px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .3s ease}.dark-mode-toggle:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 8px 30px #8e24aa4d}.data-privacy-page.dark-mode .dark-mode-toggle{background:#1e293be6;border-color:#ffffff1a}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .8s ease-out}.animate-slide-up{animation:slide-up .8s ease-out}.delay-1{animation-delay:.2s;opacity:0;animation-fill-mode:forwards}.delay-2{animation-delay:.4s;opacity:0;animation-fill-mode:forwards}.privacy-hero{background:linear-gradient(135deg,#8e24aa,#6a1b9a,#4a148c);color:#fff;padding:100px 0 80px;position:relative;overflow:hidden}.privacy-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%23ffffff" fill-opacity="0.03"><path d="M30 30m-2 0a2 2 0 1 1 4 0a2 2 0 1 1 -4 0"/></g></svg>');animation:heroPattern 20s linear infinite}.privacy-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,transparent,#f8fafc)}@keyframes heroPattern{0%{transform:translate(0) translateY(0)}to{transform:translate(60px) translateY(60px)}}.privacy-hero-content{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1;text-align:center}.privacy-hero-badge{display:inline-flex;align-items:center;gap:10px;background:#fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);padding:12px 28px;border-radius:50px;margin-bottom:32px;font-size:.85rem;font-weight:800;letter-spacing:1.5px;transition:all .3s ease}.privacy-hero-badge:hover{background:#ffffff40;transform:translateY(-2px)}.badge-icon{width:18px;height:18px;color:gold;filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}.badge-text{color:#fff}.privacy-hero-title{font-size:3.5rem;font-weight:900;line-height:1.2;margin:0 0 28px;letter-spacing:-1px}.gradient-text{display:inline-block;background:linear-gradient(135deg,gold,#ffeb3b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.privacy-hero-subtitle{font-size:1.3rem;line-height:1.7;opacity:.95;max-width:850px;margin:0 auto 60px}.privacy-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;max-width:1000px;margin:0 auto}.stat-card{position:relative;cursor:pointer}.glass-card{background:#ffffff1f;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1.5px solid rgba(255,255,255,.25);border-radius:20px;padding:36px 28px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.glass-card:hover{transform:translateY(-8px);background:#ffffff2e;border-color:#fff6;box-shadow:0 20px 60px #0006}.glass-card:hover:before{opacity:1}.stat-icon-wrapper{width:64px;height:64px;margin:0 auto 20px;background:#ffd70026;border-radius:18px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:1px solid rgba(255,215,0,.3)}.glass-card:hover .stat-icon-wrapper{background:#ffd70040;transform:scale(1.1);border-color:#ffd70080}.stat-icon{color:gold;filter:drop-shadow(0 0 10px rgba(255,215,0,.8))}.stat-value{font-size:2.75rem;font-weight:900;line-height:1;margin-bottom:12px;background:linear-gradient(135deg,#c084fc,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.75rem;color:#fff!important;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stat-glow{display:none}.privacy-tabs-section{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #e2e8f0;position:sticky;top:70px;z-index:100;transition:all .3s ease;padding:16px 0}.privacy-tabs-section.sticky{box-shadow:0 4px 20px #00000014}.tabs-wrapper{display:flex;align-items:center;gap:24px;justify-content:space-between}.privacy-container{max-width:1200px;margin:0 auto;padding:0 24px}.privacy-tabs{display:flex;gap:12px;overflow-x:auto;padding:20px 0;scrollbar-width:thin;flex:1}.privacy-tabs::-webkit-scrollbar{height:4px}.privacy-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.privacy-tab{display:flex;align-items:center;gap:10px;padding:14px 28px;background:#f1f5f9;border:2px solid transparent;border-radius:12px;color:#475569;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap;position:relative}.privacy-tab:hover{background:#f8fafc;border-color:#e2e8f0;transform:translateY(-2px)}.privacy-tab.active{background:linear-gradient(135deg,#8e24aa,#6a1b9a);color:#fff;border-color:#8e24aa;box-shadow:0 8px 24px #8e24aa4d}.tab-icon{font-size:1.3rem}.tab-indicator{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:40%;height:3px;background:linear-gradient(90deg,gold,#00bcd4);border-radius:3px 3px 0 0}.search-box{position:relative;min-width:280px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.search-input{width:100%;padding:12px 16px 12px 48px;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;font-weight:600;transition:all .3s ease;background:#fff}.search-input:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #8e24aa1a}@keyframes slide-in-right{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slide-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}.privacy-content-section{padding:80px 0;position:relative;z-index:1}.privacy-content{background:#fff;border-radius:24px;padding:60px;box-shadow:0 8px 32px #0000000f;border:1px solid rgba(142,36,170,.1);position:relative;overflow:hidden}.privacy-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8e24aa,#00bcd4,gold)}.content-title{font-size:2.5rem;font-weight:800;color:#1e293b;margin:0 0 16px}.content-intro{font-size:1.15rem;line-height:1.7;color:#475569;margin-bottom:40px}.content-date{font-size:.9rem;color:#64748b;font-style:italic;margin-bottom:32px}.framework-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:60px}.pillar-card{background:linear-gradient(135deg,#f8fafc,#e0f2fe);border:1px solid #e2e8f0;border-radius:16px;padding:32px;transition:all .3s ease}.pillar-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0000001a;border-color:#8e24aa}.pillar-icon{font-size:3rem;margin-bottom:16px}.pillar-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 12px}.pillar-description{font-size:1rem;line-height:1.6;color:#475569;margin-bottom:20px}.pillar-features{list-style:none;padding:0;margin:0}.pillar-features li{padding:8px 0 8px 24px;position:relative;font-size:.95rem;color:#64748b}.pillar-features li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.esg-alignment-section{margin-top:60px}.section-title{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 32px}.esg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.esg-card{padding:32px;border-radius:16px;transition:all .3s ease}.esg-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.esg-card.environmental{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981}.esg-card.social{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6}.esg-card.governance{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:2px solid #8b5cf6}.esg-badge{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:16px}.esg-card.environmental .esg-badge{background:linear-gradient(135deg,#10b981,#059669)}.esg-card.social .esg-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.esg-card.governance .esg-badge{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.esg-card h4{font-size:1.3rem;font-weight:700;color:#1e293b;margin:0 0 12px}.esg-card p{font-size:.95rem;line-height:1.6;color:#475569;margin:0}.policy-section{margin-bottom:48px}.policy-section h3{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px}.policy-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.policy-item h4{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 16px}.policy-item ul{list-style:none;padding:0;margin:0}.policy-item li{font-size:.9rem;color:#64748b;padding:8px 0 8px 20px;position:relative}.policy-item li:before{content:"•";position:absolute;left:0;color:#8e24aa;font-weight:700}.purpose-list{display:flex;flex-direction:column;gap:16px}.purpose-item{display:flex;gap:16px;padding:20px;background:#f8fafc;border-left:4px solid #8e24aa;border-radius:8px}.purpose-icon{width:28px;height:28px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.sharing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}.sharing-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.sharing-item strong{display:block;font-size:1.1rem;color:#1e293b;margin-bottom:8px}.sharing-item p{font-size:.9rem;color:#64748b;line-height:1.6;margin:0}.save-message{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #10b981;color:#065f46;padding:16px 24px;border-radius:12px;margin-bottom:24px;font-weight:600;text-align:center}.cookie-controls{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.cookie-category{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:28px;transition:all .3s ease}.cookie-category:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #0000000d}.cookie-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:16px}.cookie-info{flex:1}.cookie-title{display:flex;align-items:center;gap:12px;font-size:1.3rem;font-weight:700;color:#1e293b;margin:0 0 8px}.cookie-icon{font-size:1.5rem}.cookie-description{font-size:.95rem;color:#64748b;line-height:1.6;margin:0}.cookie-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.cookie-toggle.disabled{cursor:not-allowed;opacity:.7}.cookie-toggle input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.toggle-slider{position:relative;width:56px;height:28px;background:#cbd5e1;border-radius:28px;transition:all .3s ease;flex-shrink:0}.toggle-slider:before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;top:3px;left:3px;transition:all .3s ease;box-shadow:0 2px 4px #0003}.cookie-toggle input[type=checkbox]:checked+.toggle-slider{background:linear-gradient(135deg,#8e24aa,#6a1b9a)}.cookie-toggle input[type=checkbox]:checked+.toggle-slider:before{transform:translate(28px)}.cookie-toggle.disabled .toggle-slider{background:linear-gradient(135deg,#8e24aa,#6a1b9a)}.toggle-status{font-size:.9rem;font-weight:600;color:#475569}.cookie-details{font-size:.85rem;color:#64748b;line-height:1.8;padding-top:16px;border-top:1px solid #e2e8f0}.cookie-actions{display:flex;gap:16px}.btn-primary{padding:14px 32px;background:linear-gradient(135deg,#8e24aa,#6a1b9a);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8e24aa4d}.btn-secondary{padding:14px 32px;background:#fff;color:#475569;border:1px solid #cbd5e1;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#f8fafc;border-color:#8e24aa;color:#8e24aa}.rights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}.right-card{background:linear-gradient(135deg,#f8fafc,#e0f2fe);border:1px solid #e2e8f0;border-radius:16px;padding:28px;text-align:center;transition:all .3s ease}.right-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0000001a;border-color:#8e24aa}.right-icon{font-size:3rem;margin-bottom:16px}.right-card h3{font-size:1.2rem;font-weight:700;color:#1e293b;margin:0 0 12px}.right-card p{font-size:.9rem;color:#64748b;line-height:1.6;margin:0 0 20px}.right-action{padding:10px 24px;background:#fff;color:#8e24aa;border:1px solid #8e24aa;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.right-action:hover{background:#8e24aa;color:#fff}.rights-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:32px}.rights-info h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 20px}.rights-info ol{margin:0 0 20px;padding-left:24px}.rights-info li{padding:8px 0;color:#475569;line-height:1.6}.contact-dpo{font-size:.95rem;color:#64748b;margin:0}.security-features{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:48px}.security-feature{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:32px}.feature-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.feature-icon{font-size:2.5rem}.feature-header h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.security-feature ul{list-style:none;padding:0;margin:0}.security-feature li{font-size:.95rem;color:#475569;line-height:1.6;padding:12px 0 12px 24px;position:relative}.security-feature li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.certifications-section{background:linear-gradient(135deg,#f8fafc,#e0f2fe);border-radius:16px;padding:40px}.certifications-section h3{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 32px;text-align:center}.cert-badges{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.cert-badge-large{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:all .3s ease}.cert-badge-large:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.cert-icon{font-size:2.5rem}.cert-info{display:flex;flex-direction:column;gap:4px}.cert-info strong{font-size:1.1rem;color:#1e293b}.cert-info span{font-size:.85rem;color:#64748b}.compliance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:48px}.compliance-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:32px;transition:all .3s ease}.compliance-card:hover{border-color:#8e24aa;transform:translateY(-5px);box-shadow:0 12px 40px #0000001a}.compliance-flag{font-size:3rem;margin-bottom:16px}.compliance-card h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 8px}.compliance-full-name{font-size:.9rem;color:#64748b;margin:0 0 20px;font-style:italic}.compliance-features{list-style:none;padding:0;margin:0}.compliance-features li{padding:10px 0;font-size:.95rem;color:#475569;line-height:1.6}.standards-section{background:#f8fafc;border-radius:16px;padding:40px;margin-bottom:48px}.standards-section h3{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 24px}.standards-list{display:grid;gap:20px}.standard-item{display:flex;gap:16px;align-items:flex-start}.standard-icon{font-size:1.5rem;flex-shrink:0}.standard-item strong{display:block;font-size:1.1rem;color:#1e293b;margin-bottom:4px}.standard-item p{font-size:.9rem;color:#64748b;margin:0;line-height:1.6}.audit-section{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:16px;padding:40px}.audit-section h3{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 16px}.audit-section>p{font-size:1rem;color:#475569;margin:0 0 32px}.audit-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.audit-stat{text-align:center;background:#fff;border-radius:12px;padding:24px}.audit-value{display:block;font-size:2rem;font-weight:800;color:#8e24aa;margin-bottom:8px}.audit-label{display:block;font-size:.9rem;color:#64748b;font-weight:600}.privacy-cta-section{background:linear-gradient(135deg,#8e24aa,#6a1b9a);padding:80px 0;position:relative;overflow:hidden}.privacy-cta-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%23ffffff" fill-opacity="0.03"><path d="M30 30m-2 0a2 2 0 1 1 4 0a2 2 0 1 1 -4 0"/></g></svg>')}.cta-card{background:#ffffff1f;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px solid rgba(255,255,255,.25);border-radius:28px;padding:64px 48px;text-align:center;box-shadow:0 20px 60px #0000004d;position:relative;z-index:1;max-width:900px;margin:0 auto}.cta-card h2{font-size:2.75rem;font-weight:900;color:#fff;margin:0 0 20px;letter-spacing:-.5px}.cta-card p{font-size:1.2rem;color:#fffffff2;line-height:1.7;max-width:700px;margin:0 auto 40px}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn-cta-primary{padding:18px 48px;background:linear-gradient(135deg,#8e24aa,#6a1b9a);color:#fff;border:none;border-radius:14px;font-size:1.1rem;font-weight:700;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-block;box-shadow:0 8px 24px #8e24aa4d;letter-spacing:.3px}.btn-cta-primary:hover{transform:translateY(-4px);box-shadow:0 16px 40px #8e24aa66}.btn-cta-secondary{padding:18px 48px;background:#ffffff26;color:#fff;border:3px solid rgba(255,255,255,.4);border-radius:14px;font-size:1.1rem;font-weight:700;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-block;letter-spacing:.3px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-cta-secondary:hover{background:#ffffff40;border-color:#fff9;transform:translateY(-4px);box-shadow:0 8px 24px #fff3}@media (max-width: 1024px){.privacy-hero-stats{grid-template-columns:repeat(2,1fr)}.framework-pillars,.esg-cards,.policy-grid,.sharing-grid{grid-template-columns:1fr}.rights-grid{grid-template-columns:repeat(2,1fr)}.security-features,.cert-badges,.compliance-grid,.audit-stats{grid-template-columns:1fr}}@media (max-width: 768px){.privacy-hero{padding:60px 0}.privacy-hero-title{font-size:2.5rem}.privacy-hero-subtitle{font-size:1.1rem}.privacy-hero-stats{grid-template-columns:1fr;gap:16px}.stat-card{padding:20px}.privacy-content{padding:32px 24px}.content-title{font-size:2rem}.rights-grid{grid-template-columns:1fr}.cookie-header{flex-direction:column;align-items:flex-start}.cookie-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;text-align:center}.cta-card{padding:40px 24px}.cta-card h2{font-size:2rem}.cta-buttons{flex-direction:column}.btn-cta-primary,.btn-cta-secondary{width:100%;text-align:center}}@media (max-width: 480px){.privacy-hero-title{font-size:2rem}.privacy-tabs{gap:4px}.privacy-tab{padding:10px 16px;font-size:.85rem}.content-title{font-size:1.75rem}.pillar-card{padding:24px}}@media (hover: none) and (pointer: coarse){.privacy-tab,.right-action,.btn-primary,.btn-secondary,.btn-cta-primary,.btn-cta-secondary{min-height:44px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.privacy-hero,.privacy-tabs-section,.privacy-cta-section{display:none}.privacy-content{box-shadow:none;border:1px solid #000}}.animated-counter{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.2)}}.stat-progress{width:100%;height:4px;background:#fff3;border-radius:2px;margin-top:12px;overflow:hidden}.stat-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--success-green));border-radius:2px;transition:width 2s cubic-bezier(.4,0,.2,1);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.stat-badge{margin-top:8px;padding:4px 12px;background:#10b9811a;color:var(--success-green);border-radius:12px;font-size:.75rem;font-weight:600;display:inline-block}.privacy-dashboard-section{padding:60px 0;background:linear-gradient(180deg,#f8fafc,#fff);position:relative;z-index:1}.data-privacy-page.dark-mode .privacy-dashboard-section{background:linear-gradient(180deg,#0f172a,#1e293b)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;animation:fade-in-up .8s ease-out}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dashboard-card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-purple),var(--accent-cyan));opacity:0;transition:opacity .3s ease}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #8e24aa26}.dashboard-card:hover:before{opacity:1}.data-privacy-page.dark-mode .dashboard-card{background:#1e293b;box-shadow:0 4px 20px #0000004d}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.data-privacy-page.dark-mode .card-header h3{color:#f1f5f9}.privacy-score-card{grid-column:span 1;position:relative;overflow:hidden}.privacy-score-card:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(142,36,170,.05) 0%,transparent 70%);animation:pulse-glow 3s ease-in-out infinite}.score-badge{background:linear-gradient(135deg,var(--primary-purple),var(--accent-cyan));color:#fff;padding:8px 20px;border-radius:24px;font-weight:700;font-size:.95rem;box-shadow:0 4px 16px #8e24aa66;animation:shimmer 2s ease-in-out infinite;position:relative;z-index:1}.circular-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:32px 0;position:relative;z-index:1}.progress-ring{transform:rotate(-90deg);filter:drop-shadow(0 4px 12px rgba(142,36,170,.3))}.progress-ring-bg{fill:none;stroke:#e5e7eb;stroke-width:14;stroke-linecap:round}.data-privacy-page.dark-mode .progress-ring-bg{stroke:#334155}.progress-ring-fill{fill:none;stroke:url(#progress-gradient);stroke-width:14;stroke-linecap:round;transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 8px rgba(142,36,170,.6))}.progress-text{font-size:3rem;font-weight:900;fill:var(--primary-purple);transform:rotate(90deg);transform-origin:center;filter:drop-shadow(0 2px 8px rgba(142,36,170,.3))}.score-description{text-align:center;font-size:1.25rem;font-weight:700;color:#1e293b;margin-top:16px;position:relative;z-index:1}.data-privacy-page.dark-mode .score-description{color:#f1f5f9}.score-tips{background:linear-gradient(135deg,#8e24aa0d,#0ea5e90d);border-left:4px solid var(--primary-purple);padding:16px 20px;border-radius:12px;margin-top:20px;position:relative;z-index:1}.score-tips:before{content:"💡";position:absolute;left:-12px;top:50%;transform:translateY(-50%);font-size:1.5rem;background:#fff;border-radius:50%;padding:4px}.score-tips h4{font-size:1rem;font-weight:700;color:var(--primary-purple);margin:0 0 8px}.score-tips ul{margin:0;padding-left:20px;color:#475569}.score-tips li{font-size:.9rem;line-height:1.6;margin-bottom:4px}.data-privacy-page.dark-mode .score-tips{background:#1e293b80}.data-privacy-page.dark-mode .score-tips li{color:#e2e8f0}.data-flow-card{grid-column:span 2}.flow-status{background:#10b981;color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.data-flow-diagram{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0;overflow-x:auto;padding:20px 0}.flow-step{flex:1;min-width:100px;text-align:center;padding:16px;background:#f8fafc;border-radius:12px;border:2px solid transparent;transition:all .5s ease;opacity:.5}.data-privacy-page.dark-mode .flow-step{background:#0f172a}.flow-step.active{opacity:1;border-color:var(--primary-purple);background:linear-gradient(135deg,#8e24aa1a,#00bcd41a);transform:scale(1.05);box-shadow:0 8px 24px #8e24aa33}.step-icon{font-size:2rem;margin-bottom:8px;animation:bounce .6s ease-in-out}.flow-step.active .step-icon{animation:bounce .6s ease-in-out infinite}.step-label{font-weight:700;color:#1e293b;font-size:.9rem;margin-bottom:4px}.data-privacy-page.dark-mode .step-label{color:#f1f5f9}.step-desc{font-size:.75rem;color:#64748b}.flow-arrow{font-size:1.5rem;color:var(--primary-purple);font-weight:700;animation:slide-right 1s infinite}@keyframes slide-right{0%,to{transform:translate(0)}50%{transform:translate(8px)}}.flow-legend{display:flex;gap:24px;justify-content:center;margin-top:20px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#64748b}.legend-dot{width:12px;height:12px;border-radius:50%;background:#cbd5e1}.legend-dot.active{background:var(--primary-purple);box-shadow:0 0 12px #8e24aa80}.achievements-card{grid-column:span 1}.achievement-count{background:var(--primary-purple);color:#fff;padding:4px 12px;border-radius:12px;font-weight:700;font-size:.85rem}.achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:20px 0}.achievement-badge{position:relative;padding:20px;background:#f8fafc;border-radius:12px;text-align:center;transition:all .3s ease;border:2px solid transparent}.data-privacy-page.dark-mode .achievement-badge{background:#0f172a}.achievement-badge.unlocked{border-color:var(--success-green);background:linear-gradient(135deg,#10b9811a,#00bcd41a);animation:unlock-pop .5s ease-out}@keyframes unlock-pop{0%{transform:scale(.8) rotate(-5deg);opacity:0}50%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.achievement-badge.locked{opacity:.5;filter:grayscale(100%)}.achievement-badge.locked:hover{opacity:.7}.achievement-icon{font-size:2.5rem;margin-bottom:8px}.achievement-name{font-size:.85rem;font-weight:600;color:#1e293b}.data-privacy-page.dark-mode .achievement-name{color:#e2e8f0}.achievement-check{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--success-green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.achievements-progress{margin-top:20px}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.data-privacy-page.dark-mode .progress-bar{background:#334155}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-purple),var(--success-green));border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-label{text-align:center;margin-top:12px;font-size:.9rem;color:#64748b;font-weight:500}.calculator-card{grid-column:span 1}.calculator-icon{font-size:1.5rem}.calculator-intro{color:#64748b;margin-bottom:20px;font-size:.95rem}.calculator-scenarios{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.scenario-btn{padding:16px;background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid #e5e7eb;border-radius:12px;font-size:.9rem;font-weight:600;color:#1e293b;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.data-privacy-page.dark-mode .scenario-btn{background:linear-gradient(135deg,#0f172a,#1e293b);border-color:#334155;color:#e2e8f0}.scenario-btn:hover{border-color:var(--primary-purple);transform:translateY(-2px);box-shadow:0 8px 20px #8e24aa26}.scenario-btn:active{transform:translateY(0)}.calculator-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fade-in .3s ease-out}.calculator-modal{background:#fff;border-radius:20px;padding:40px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:slide-up .4s cubic-bezier(.4,0,.2,1)}.data-privacy-page.dark-mode .calculator-modal{background:#1e293b}@keyframes slide-up{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.calculator-modal h2{color:#1e293b;margin:0 0 16px;font-size:1.75rem}.data-privacy-page.dark-mode .calculator-modal h2{color:#f1f5f9}.modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;border:none;background:#f1f5f9;color:#1e293b;font-size:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#e5e7eb;transform:rotate(90deg)}.impact-badge{display:inline-block;padding:8px 20px;border-radius:20px;font-weight:700;font-size:.9rem;margin-bottom:20px}.impact-low{background:#10b98126;color:var(--success-green);border:2px solid var(--success-green)}.impact-medium{background:#ffc10726;color:#f59e0b;border:2px solid #f59e0b}.impact-none{background:#00bcd426;color:var(--accent-cyan);border:2px solid var(--accent-cyan)}.scenario-description{color:#64748b;margin-bottom:28px;line-height:1.6;font-size:1rem}.scenario-details{display:grid;gap:24px;margin-bottom:28px}.detail-section{padding:20px;background:#f8fafc;border-radius:12px;border-left:4px solid var(--primary-purple)}.data-privacy-page.dark-mode .detail-section{background:#0f172a}.detail-section h4{margin:0 0 12px;color:#1e293b;font-size:1.05rem}.data-privacy-page.dark-mode .detail-section h4{color:#f1f5f9}.detail-section ul{list-style:none;padding:0;margin:0}.detail-section li{color:#475569;font-size:.95rem;padding:6px 0 6px 20px;position:relative}.detail-section li:before{content:"→";position:absolute;left:0;color:var(--primary-purple);font-weight:700}.detail-section p{color:#475569;margin:0;font-size:.95rem}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}.privacy-score-card,.data-flow-card,.achievements-card,.calculator-card{grid-column:span 1}}@media (max-width: 768px){.data-flow-diagram{flex-direction:column;gap:16px}.flow-arrow{transform:rotate(90deg)}.achievements-grid,.calculator-scenarios{grid-template-columns:1fr}.calculator-modal{padding:28px}}.trustindex-container{background:#fff;color:#8e24aa;border-radius:18px;max-width:1200px;margin:32px auto;box-shadow:0 4px 32px #8e24aa1a;padding:32px 24px}.trustindex-title{color:#8e24aa;margin-bottom:24px;font-size:2rem;font-weight:700}.trustindex-table{width:100%;border-collapse:collapse;background:#f3e5f5;border-radius:12px;overflow:hidden;margin-bottom:24px}.trustindex-table th,.trustindex-table td{padding:12px 10px;border-bottom:1px solid #e1bee7;color:#8e24aa;text-align:left}.trustindex-table th{background:#8e24aa;color:#fff;font-weight:700}.trustindex-badge{background:#8e24aa;color:#fff;border-radius:8px;padding:2px 10px;font-size:13px;margin-right:6px;display:inline-block}.trustindex-kpi{color:#6d1b7b;font-weight:700;font-size:1.2rem}.trustindex-section{margin-bottom:32px}.trustindex-btn{background:#8e24aa;color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:16px;cursor:pointer;transition:background .2s}.trustindex-btn:hover{background:#6d1b7b}.trustindex-card{background:#f3e5f5;border-radius:12px;padding:16px;text-align:center;border:1px solid #e1bee7}.reports-container{background:#fff;color:#8e24aa;border-radius:18px;max-width:1000px;margin:32px auto;box-shadow:0 4px 32px #8e24aa1a;padding:32px 24px}.reports-title{color:#8e24aa;margin-bottom:24px;font-size:2rem;font-weight:700}.reports-section{background:#f3e5f5;border-radius:12px;padding:18px 16px;margin-bottom:24px;color:#8e24aa}.reports-header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.reports-page-title{margin:0;font-size:2.2rem;font-weight:700;letter-spacing:-.5px}.reports-subtext{margin:.25rem 0 0;font-size:.85rem;color:#6d1b7b;font-weight:500}.reports-action-group{display:flex;gap:.6rem}.reports-btn.outline{background:#fff;color:#8e24aa;border:1px solid #8e24aa}.reports-btn.outline:hover{background:#f3e5f5}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.9rem;margin:1rem 0 1.4rem}.kpi{position:relative;background:linear-gradient(135deg,#f7eefe,#fff);border:1px solid #ead1f1;border-radius:14px;padding:.85rem .9rem 1rem;box-shadow:0 2px 6px #8e24aa14;overflow:hidden}.kpi:after{content:"";position:absolute;top:0;right:0;width:48px;height:48px;background:radial-gradient(circle at 100% 0,#8e24aa22,#8e24aa00 70%)}.kpi-value{font-size:1.65rem;font-weight:700;line-height:1;color:#6d1b7b}.kpi-label{font-size:.65rem;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-top:.55rem;color:#8e24aa;opacity:.75}.kpi.band-high{border-color:#1b4332}.kpi.band-mid{border-color:#047857}.kpi.band-warn{border-color:#f59e0b}.kpi.band-low{border-color:#dc2626}.filters-bar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;background:#f7eefe;border:1px solid #ead1f1;border-radius:12px;padding:.75rem .85rem;margin-bottom:1.25rem}.filters-bar input.filter-input{padding:.55rem .75rem;border:1px solid #d9b5e5;border-radius:8px;font-size:.85rem;min-width:180px}.filters-bar select.filter-select{padding:.55rem .65rem;border:1px solid #d9b5e5;border-radius:8px;font-size:.85rem}.filters-bar input[type=range]{width:130px}.range-wrap{display:flex;flex-direction:column;gap:.25rem;font-size:.65rem;font-weight:600;letter-spacing:.5px;color:#6d1b7b}.density-toggle{background:#fff;border:1px solid #d7b3e3;color:#6d1b7b;border-radius:8px;padding:.55rem .9rem;cursor:pointer;font-size:.75rem;font-weight:600}.density-toggle.on{background:#8e24aa;color:#fff;border-color:#8e24aa}.clear-btn{background:#6d1b7b;color:#fff;border:none;border-radius:8px;padding:.55rem .85rem;font-size:.7rem;letter-spacing:.5px;cursor:pointer;font-weight:600}.clear-btn:hover{background:#53205e}.reports-table-wrapper{overflow-x:auto;border:1px solid #ead1f1;border-radius:14px;background:#fff;box-shadow:0 2px 8px #8e24aa0f}.reports-table{width:100%;border-collapse:collapse;background:#fff;margin:0}.reports-table thead th{position:sticky;top:0;z-index:2}.reports-table th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.reports-table th.th-active{background:#6d1b7b}.reports-table th .th-label{margin-right:.35rem}.reports-table th .th-sort{font-size:.65rem;opacity:.85}.reports-table th,.reports-table td{padding:12px 10px;border-bottom:1px solid #e1bee7;color:#8e24aa;text-align:left}.reports-table th{background:#8e24aa;color:#fff;font-weight:700}.reports-container.dense .reports-table th,.reports-container.dense .reports-table td{padding:6px 8px}.reports-container.dense .kpi-value{font-size:1.4rem}.score{font-weight:600;text-align:center;border-radius:6px;min-width:42px}.score-high{background:#1b43321f;color:#1b4332}.score-mid{background:#04785726;color:#047857}.score-warn{background:#f59e0b2e;color:#b45309}.score-low{background:#dc26262e;color:#991b1b}.pill{display:inline-block;padding:.3rem .55rem;border-radius:999px;font-weight:600;font-size:.7rem;letter-spacing:.5px}.pill-high{background:linear-gradient(135deg,#1b4332,#047857);color:#fff}.pill-mid{background:linear-gradient(135deg,#047857,#059669);color:#fff}.pill-warn{background:linear-gradient(135deg,#b45309,#f59e0b);color:#fff}.pill-low{background:linear-gradient(135deg,#991b1b,#dc2626);color:#fff}tr:hover td{background:#faf5fc}tr:focus-within td{outline:2px solid #8e24aa;outline-offset:-2px}.empty{text-align:center;padding:2rem .5rem;font-size:.85rem;color:#6d1b7b}.reports-btn:focus-visible,.density-toggle:focus-visible,th[role=columnheader]:focus-visible{outline:2px solid #8e24aa;outline-offset:2px}@media (max-width:680px){.reports-header{flex-direction:column;align-items:flex-start}.reports-action-group{width:100%}.filters-bar{flex-direction:column;align-items:stretch}.filters-bar input.filter-input,.filters-bar select.filter-select,.range-wrap{width:100%}.reports-header{align-items:stretch}}.reports-badge{background:#8e24aa;color:#fff;border-radius:8px;padding:2px 10px;font-size:13px;margin-right:6px;display:inline-block}.reports-btn{background:#8e24aa;color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:16px;cursor:pointer;transition:background .2s}.reports-btn:hover{background:#6d1b7b}.purchase-btn{background:linear-gradient(135deg,#8e24aa,#7b1fa2);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #8e24aa4d;white-space:nowrap}.purchase-btn:hover{background:linear-gradient(135deg,#7b1fa2,#6d1b7b);box-shadow:0 4px 10px #8e24aa66;transform:translateY(-1px)}.purchase-btn:active{transform:translateY(0);box-shadow:0 2px 4px #8e24aa4d}.purchase-btn:focus-visible{outline:2px solid #8e24aa;outline-offset:2px}.modern-materiality{background:linear-gradient(135deg,#f0f4f8,#e2e8f0);min-height:100vh;padding:24px;max-width:1200px;margin:0 auto}.mat-header{text-align:center;margin-bottom:32px}.mat-subtitle{color:#64748b;font-size:1.1rem;max-width:600px;margin:0 auto}.mat-video-wrapper{max-width:900px;margin:28px auto 8px;border-radius:18px;background:linear-gradient(135deg,#fff,#f1f5f9);padding:14px 16px 18px;box-shadow:0 8px 24px -8px #1e293b2e,0 4px 12px -4px #1e293b1f;position:relative;overflow:hidden;border:1px solid #e2e8f0}.mat-video-wrapper:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 25%,rgba(59,130,246,.15),transparent 65%);pointer-events:none}.mat-video-aspect{position:relative;width:100%;padding-bottom:56.25%;border-radius:14px;overflow:hidden;background:#0f172a}.mat-video-aspect iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.mat-video-aspect iframe{transition:filter .4s ease,transform .6s ease}.mat-video-aspect:hover iframe{filter:brightness(1.05) saturate(1.05);transform:scale(1.01)}@media (max-width: 768px){.mat-video-wrapper{margin:24px auto 4px;padding:12px 12px 14px}.mat-video-aspect{border-radius:12px}}.materiality-tabs{display:flex;background:#fff;border-radius:12px;padding:8px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a;gap:4px}.mat-card{background:transparent;max-width:none;margin:0;border-radius:0;box-shadow:none;padding:0}.mat-form{display:flex;flex-direction:column;gap:24px}.mat-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.mat-form label{font-weight:600;color:#374151;display:flex;flex-direction:column;font-size:.9rem;gap:8px}.mat-form select{padding:12px;border-radius:8px;border:1px solid #d1d5db;font-size:1rem;background:#fff}.context-summary{margin-top:32px;padding:24px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.context-summary h3{margin:0 0 16px;color:#1e293b}.context-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.context-item{display:flex;justify-content:space-between;padding:8px 0}.context-label{font-weight:600;color:#64748b}.context-value{color:#374151}.topics-by-category{display:flex;flex-direction:column;gap:32px}.topic-category h3{margin:0 0 20px;color:#1e293b;font-size:1.2rem}.topic-items{display:flex;flex-direction:column;gap:16px}.topic-assessment-item{display:grid;grid-template-columns:2fr 1fr;gap:20px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.topic-info h4{margin:0 0 8px;color:#374151;font-size:1rem}.topic-info p{margin:0;color:#64748b;font-size:.9rem;line-height:1.4}.topic-scoring{display:flex;flex-direction:column;gap:8px;align-items:center}.topic-scoring label{font-size:.8rem;color:#64748b;font-weight:600}.topic-scoring input[type=range]{width:100%;height:6px;border-radius:3px;background:#e2e8f0;outline:none;-webkit-appearance:none;appearance:none}.topic-scoring input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#3b82f6;cursor:pointer}.score-display{font-weight:700;color:#374151;font-size:1.1rem;min-width:30px;text-align:center}.materiality-matrix{position:relative;height:500px;margin-bottom:32px}.matrix-header{text-align:center;margin-bottom:16px}.axis-label{font-weight:600;color:#374151;font-size:.9rem}.axis-label.vertical{writing-mode:vertical-lr;text-orientation:mixed;position:absolute;left:20px;top:50%;transform:translateY(-50%)}.matrix-body{position:relative;height:400px;margin:0 auto;width:400px}.y-axis{position:absolute;left:0;height:100%;width:60px;display:flex;align-items:center}.matrix-grid{position:absolute;left:60px;width:340px;height:400px;border:2px solid #e2e8f0;border-radius:8px;background:#fff}.matrix-quadrants{position:absolute;width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.quadrant{display:flex;align-items:center;justify-content:center;border:1px solid #f1f5f9}.quadrant.high-high{background:#ef44441a}.quadrant.high-low{background:#f59e0b1a}.quadrant.low-high{background:#3b82f61a}.quadrant.low-low{background:#10b9811a}.quadrant-label{font-size:.8rem;font-weight:600;color:#64748b;text-align:center}.topic-bubble{position:absolute;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:600;cursor:pointer;transition:transform .2s ease;box-shadow:0 2px 8px #0003}.topic-bubble:hover{transform:translate(-50%,50%) scale(1.1)}.matrix-legend{background:#f8fafc;border-radius:12px;padding:20px}.matrix-legend h3{margin:0 0 16px;color:#1e293b}.legend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:16px;height:16px;border-radius:50%}.legend-text{font-size:.9rem;color:#374151}.results-summary{margin-bottom:32px}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:24px}.stat-item{text-align:center;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.stat-value{font-size:2rem;font-weight:700;color:#3b82f6;display:block;margin-bottom:8px}.stat-label{font-size:.9rem;color:#64748b}.priority-sections{display:flex;flex-direction:column;gap:32px}.priority-section h3{margin:0 0 20px;color:#1e293b;font-size:1.2rem}.topics-list{display:flex;flex-direction:column;gap:16px}.result-topic-item{padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.topic-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.topic-header h4{margin:0;color:#374151}.materiality-badge{padding:4px 12px;border-radius:20px;color:#fff;font-weight:600;font-size:.8rem}.result-topic-item p{margin-bottom:16px;color:#64748b;line-height:1.5}.topic-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.metric{display:flex;justify-content:space-between;padding:8px 0}.metric-label{color:#64748b;font-size:.9rem}.metric-value{color:#374151;font-weight:600;font-size:.9rem}.recommendations{margin-bottom:32px}.recommendations h3{margin:0 0 20px;color:#1e293b}.recommendation-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.recommendation-card{padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.recommendation-card h4{margin:0 0 12px;color:#374151}.recommendation-card p{margin-bottom:12px;color:#64748b;line-height:1.5}.recommendation-card ul{margin:0;padding-left:20px;color:#374151}.recommendation-card li{margin-bottom:4px}.export-section{border-top:1px solid #e2e8f0;padding-top:24px}.export-section h3{margin:0 0 16px;color:#1e293b}.export-buttons{display:flex;gap:12px}.mat-btn{padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.mat-btn:disabled{opacity:.5;cursor:not-allowed}.mat-btn-primary{background:#3b82f6;color:#fff}.mat-btn-primary:hover:not(:disabled){background:#2563eb}.mat-btn-secondary{background:#fff;color:#3b82f6;border:1px solid #3b82f6}.mat-btn-secondary:hover{background:#f0f9ff}@media (max-width: 768px){.modern-materiality{padding:16px}.materiality-tabs{flex-direction:column}.tab-content{padding:20px}.mat-form-row,.topic-assessment-item{grid-template-columns:1fr}.matrix-body{width:300px}.matrix-grid{width:240px}.summary-stats,.recommendation-cards{grid-template-columns:1fr}.export-buttons{flex-direction:column}}.dtp-container{max-width:1400px;margin:0 auto;padding:24px;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}.dtp-header{text-align:center;margin-bottom:40px;padding:40px 20px;background:#fffffff2;border-radius:20px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dtp-header h1{font-size:3rem;font-weight:700;margin:0 0 16px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dtp-header p{font-size:1.2rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.dtp-tabs{display:flex;gap:8px;margin-bottom:32px;background:#fffffff2;border-radius:16px;padding:8px;box-shadow:0 4px 20px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dtp-tab{flex:1;padding:16px 24px;border:none;background:transparent;color:#666;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:1rem}.dtp-tab:hover{background:#667eea1a;color:#667eea}.dtp-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.dtp-content{background:#fffffff2;border-radius:20px;padding:32px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:600px}.dtp-dashboard{display:flex;flex-direction:column;gap:32px}.dtp-welcome{text-align:center;margin-bottom:32px}.dtp-welcome h2{font-size:2.5rem;font-weight:700;margin:0 0 16px;color:#333}.dtp-welcome p{font-size:1.1rem;color:#666;max-width:800px;margin:0 auto;line-height:1.6}.dtp-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.dtp-stat-card{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;padding:24px;text-align:center;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(102,126,234,.1);transition:transform .3s ease,box-shadow .3s ease}.dtp-stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #667eea26}.dtp-stat-value{font-size:3rem;font-weight:700;color:#667eea;margin-bottom:8px}.dtp-stat-label{font-size:1rem;color:#666;margin-bottom:16px;font-weight:500}.dtp-progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-top:8px}.dtp-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .6s ease;border-radius:4px}.dtp-learning-path{margin-bottom:32px}.dtp-learning-path h3{font-size:1.8rem;font-weight:700;margin-bottom:24px;color:#333}.dtp-path-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.dtp-path-option{background:#f8f9fa;border:2px solid #e9ecef;border-radius:16px;padding:20px;cursor:pointer;transition:all .3s ease}.dtp-path-option:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 6px 25px #667eea26}.dtp-path-option.active{border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);box-shadow:0 6px 25px #667eea33}.dtp-path-option h4{font-size:1.3rem;font-weight:700;margin:0 0 8px;color:#333}.dtp-path-option p{color:#666;margin:0 0 12px;line-height:1.5}.dtp-path-meta{display:flex;gap:16px;font-size:.9rem;color:#888}.dtp-recommended h3{font-size:1.8rem;font-weight:700;margin-bottom:24px;color:#333}.dtp-course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.dtp-course-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef;transition:all .3s ease;display:flex;flex-direction:column;gap:16px}.dtp-course-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #667eea26;border-color:#667eea}.dtp-course-card.recommended{border-color:#ffc107;background:linear-gradient(135deg,#ffc1071a,#ffeb3b0d)}.dtp-course-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.dtp-course-header h4{font-size:1.4rem;font-weight:700;margin:0;color:#333;flex:1}.dtp-level{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.dtp-level.beginner{background:#d4edda;color:#155724}.dtp-level.intermediate{background:#fff3cd;color:#856404}.dtp-level.advanced{background:#f8d7da;color:#721c24}.dtp-course-card p{color:#666;line-height:1.6;margin:0}.dtp-course-objectives{margin:16px 0}.dtp-course-objectives h5{font-size:1rem;font-weight:600;margin:0 0 8px;color:#333}.dtp-course-objectives ul{margin:0;padding-left:20px;color:#666}.dtp-course-objectives li{margin-bottom:4px;line-height:1.4}.dtp-course-meta{display:flex;gap:16px;font-size:.9rem;color:#888;flex-wrap:wrap}.dtp-course-progress{display:flex;align-items:center;gap:12px;margin-top:16px}.dtp-course-progress span{font-size:.9rem;color:#666;white-space:nowrap}.dtp-course-status{margin-top:8px}.dtp-status{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.dtp-status.completed{background:#d4edda;color:#155724}.dtp-status.in-progress{background:#fff3cd;color:#856404}.dtp-status.not-started{background:#f8f9fa;color:#6c757d}.dtp-btn{padding:12px 24px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;text-decoration:none;display:inline-block;text-align:center;margin-top:auto}.dtp-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.dtp-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.dtp-btn.secondary{background:#f8f9fa;color:#667eea;border:2px solid #667eea}.dtp-btn.secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.dtp-btn.interactive{background:linear-gradient(135deg,#ff7b7b,#667eea);color:#fff;margin:8px}.dtp-btn.large{padding:16px 32px;font-size:1.1rem}.dtp-catalog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.dtp-catalog-header h2{font-size:2.5rem;font-weight:700;margin:0;color:#333}.dtp-catalog-filters{display:flex;gap:16px;flex-wrap:wrap}.dtp-filter-select{padding:10px 16px;border:2px solid #e9ecef;border-radius:10px;background:#fff;font-size:1rem;color:#333;cursor:pointer;transition:border-color .3s ease}.dtp-filter-select:focus{outline:none;border-color:#667eea}.dtp-learning{display:flex;flex-direction:column;gap:24px}.dtp-learning-empty{text-align:center;padding:60px 20px}.dtp-learning-empty h3{font-size:2rem;color:#666;margin-bottom:24px}.dtp-learning-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px}.dtp-learning-header h2{font-size:2rem;font-weight:700;margin:0;color:#333}.dtp-module-nav{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.9rem}.dtp-learning-progress{display:flex;align-items:center;gap:16px;margin-bottom:24px}.dtp-learning-progress .dtp-progress-bar{flex:1;height:12px}.dtp-learning-progress span{font-weight:600;color:#667eea;white-space:nowrap}.dtp-learning-content{background:#f8f9fa;border-radius:16px;padding:32px;margin-bottom:24px}.dtp-module-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.dtp-module-header h3{font-size:1.8rem;font-weight:700;margin:0;color:#333}.dtp-content-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.dtp-content-type{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize}.dtp-content-type.video{background:#e3f2fd;color:#1976d2}.dtp-content-type.interactive{background:#f3e5f5;color:#7b1fa2}.dtp-content-type.case-study,.dtp-content-type.practical,.dtp-content-type.simulation,.dtp-content-type.analysis,.dtp-content-type.workshop,.dtp-content-type.role-play,.dtp-content-type.reflection{background:#fff3e0;color:#f57c00}.dtp-module-content{display:flex;flex-direction:column;gap:24px}.dtp-content-area{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000000d}.dtp-video-placeholder{text-align:center;padding:40px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:2px dashed #ced4da}.dtp-video-icon{font-size:4rem;margin-bottom:16px}.dtp-video-placeholder h4{font-size:1.5rem;margin:0 0 16px;color:#333}.dtp-interactive-content{text-align:center;padding:20px}.dtp-interactive-content h4{font-size:1.5rem;margin:0 0 16px;color:#333}.dtp-interactive-elements{margin-top:24px}.dtp-text-content p{font-size:1.1rem;line-height:1.7;color:#333;margin-bottom:24px}.dtp-engagement-activities{background:#f8f9fa;border-radius:8px;padding:20px;border-left:4px solid #667eea}.dtp-engagement-activities h5{font-size:1.2rem;margin:0 0 12px;color:#333}.dtp-engagement-activities ul{margin:0;padding-left:20px;color:#666}.dtp-engagement-activities li{margin-bottom:8px;line-height:1.5}.dtp-module-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.dtp-module-completed{background:#d4edda;color:#155724;padding:12px 20px;border-radius:10px;font-weight:600}.dtp-navigation{display:flex;gap:12px;flex-wrap:wrap}.dtp-assessment{max-width:800px;margin:0 auto}.dtp-assessment-empty{text-align:center;padding:60px 20px}.dtp-assessment-empty h3{font-size:2rem;color:#666;margin-bottom:24px}.dtp-assessment-header{text-align:center;margin-bottom:40px}.dtp-assessment-header h2{font-size:2.5rem;font-weight:700;margin:0 0 16px;color:#333}.dtp-assessment-header p{font-size:1.1rem;color:#666;margin:0}.dtp-quiz-form{display:flex;flex-direction:column;gap:32px}.dtp-question{background:#f8f9fa;border-radius:16px;padding:24px;border:1px solid #e9ecef}.dtp-question h4{font-size:1.3rem;font-weight:600;margin:0 0 8px;color:#667eea}.dtp-question p{font-size:1.1rem;color:#333;margin:0 0 20px;line-height:1.6}.dtp-options{display:flex;flex-direction:column;gap:12px}.dtp-option{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;transition:all .3s ease}.dtp-option:hover{border-color:#667eea;background:#667eea0d}.dtp-option input[type=radio]{width:20px;height:20px;accent-color:#667eea}.dtp-option span{font-size:1rem;color:#333;line-height:1.5}.dtp-certificates{display:flex;flex-direction:column;gap:32px}.dtp-certificates-header{text-align:center}.dtp-certificates-header h2{font-size:2.5rem;font-weight:700;margin:0 0 16px;color:#333}.dtp-certificates-header p{font-size:1.1rem;color:#666;margin:0}.dtp-certificates-empty{text-align:center;padding:60px 20px}.dtp-certificates-empty h3{font-size:2rem;color:#666;margin-bottom:16px}.dtp-certificates-empty p{font-size:1.1rem;color:#888;margin-bottom:32px}.dtp-certificates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:40px}.dtp-certificate{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;padding:32px;box-shadow:0 8px 32px #0000001a;border:2px solid #ffc107;position:relative;overflow:hidden}.dtp-certificate:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ffc107,#ff9800)}.dtp-certificate-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dtp-certificate-header h3{font-size:1.5rem;font-weight:700;margin:0;color:#333}.dtp-certificate-seal{font-size:2rem;background:linear-gradient(135deg,#ffc107,#ff9800);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #ffc1074d}.dtp-certificate-body h4{font-size:1.8rem;font-weight:700;margin:0 0 16px;color:#667eea}.dtp-certificate-body p{font-size:1rem;color:#666;line-height:1.6;margin-bottom:24px}.dtp-certificate-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.dtp-detail{background:#f8f9fa;padding:12px;border-radius:8px;text-align:center}.dtp-detail strong{display:block;font-size:.9rem;color:#667eea;margin-bottom:4px}.dtp-certificate-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.dtp-learning-path-progress{background:#f8f9fa;border-radius:16px;padding:24px}.dtp-learning-path-progress h3{font-size:1.8rem;font-weight:700;margin:0 0 24px;color:#333;text-align:center}.dtp-path-progress{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #e9ecef}.dtp-path-progress:last-child{border-bottom:none}.dtp-path-info h4{font-size:1.2rem;font-weight:600;margin:0 0 4px;color:#333}.dtp-path-info span{font-size:.9rem;color:#666}.dtp-path-progress .dtp-progress-bar{width:200px;height:8px}.dtp-progress-text{font-weight:600;color:#667eea;min-width:50px;text-align:right}@media (max-width: 768px){.dtp-container{padding:16px}.dtp-header{padding:24px 16px}.dtp-header h1{font-size:2rem}.dtp-tabs{flex-direction:column;gap:4px}.dtp-tab{padding:12px 16px;text-align:center}.dtp-content{padding:20px}.dtp-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.dtp-course-grid,.dtp-path-selector{grid-template-columns:1fr}.dtp-catalog-header{flex-direction:column;align-items:stretch}.dtp-catalog-header h2{font-size:2rem;text-align:center}.dtp-catalog-filters{justify-content:center}.dtp-learning-header,.dtp-module-header,.dtp-module-actions{flex-direction:column;align-items:stretch}.dtp-navigation{justify-content:center}.dtp-certificates-grid{grid-template-columns:1fr}.dtp-path-progress{grid-template-columns:1fr;gap:8px;text-align:center}.dtp-path-progress .dtp-progress-bar{width:100%}.dtp-progress-text{text-align:center}.dtp-certificate-actions{flex-direction:column}}@media (max-width: 480px){.dtp-header h1{font-size:1.5rem}.dtp-header p{font-size:1rem}.dtp-stats-grid{grid-template-columns:1fr}.dtp-stat-value{font-size:2rem}.dtp-welcome h2,.dtp-catalog-header h2,.dtp-assessment-header h2,.dtp-certificates-header h2{font-size:1.8rem}.dtp-learning-content,.dtp-certificate{padding:20px}.dtp-certificate-body h4{font-size:1.4rem}}.ftcb-container{max-width:1400px;margin:0 auto;padding:24px;background:linear-gradient(135deg,#8b4513,peru,wheat);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}.ftcb-header{text-align:center;margin-bottom:40px;padding:40px 20px;background:#fffffff2;border-radius:20px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ftcb-header h1{font-size:3rem;font-weight:700;margin:0 0 16px;background:linear-gradient(135deg,#8b4513,peru);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ftcb-header p{font-size:1.2rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.ftcb-tabs{display:flex;gap:8px;margin-bottom:32px;background:#fffffff2;border-radius:16px;padding:8px;box-shadow:0 4px 20px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ftcb-tab{flex:1;padding:16px 24px;border:none;background:transparent;color:#666;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:1rem}.ftcb-tab:hover{background:#8b45131a;color:#8b4513}.ftcb-tab.active{background:linear-gradient(135deg,#8b4513,peru);color:#fff;box-shadow:0 4px 15px #8b45134d}.ftcb-content{background:#fffffff2;border-radius:20px;padding:32px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:600px}.ftcb-overview{display:flex;flex-direction:column;gap:32px}.ftcb-hero{text-align:center;margin-bottom:32px}.ftcb-hero h2{font-size:2.5rem;font-weight:700;margin:0 0 16px;color:#333}.ftcb-hero p{font-size:1.1rem;color:#666;max-width:800px;margin:0 auto;line-height:1.6}.ftcb-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:40px}.ftcb-stat-card{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;padding:24px;text-align:center;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(139,69,19,.1);transition:transform .3s ease,box-shadow .3s ease}.ftcb-stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #8b451326}.ftcb-stat-icon{font-size:2.5rem;margin-bottom:12px;display:block}.ftcb-stat-value{font-size:2.5rem;font-weight:700;color:#8b4513;margin-bottom:8px;display:block}.ftcb-stat-label{font-size:1rem;color:#666;font-weight:500}.ftcb-impact-highlights{margin-bottom:32px}.ftcb-impact-highlights h3{font-size:1.8rem;font-weight:700;margin-bottom:24px;color:#333;text-align:center}.ftcb-highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.ftcb-highlight{background:#f8f9fa;border-radius:16px;padding:24px;border-left:4px solid #8B4513}.ftcb-highlight h4{font-size:1.3rem;font-weight:600;margin:0 0 16px;color:#8b4513}.ftcb-highlight ul{margin:0;padding-left:20px;color:#666}.ftcb-highlight li{margin-bottom:8px;line-height:1.5}.ftcb-certifications-overview h3{font-size:1.8rem;font-weight:700;margin-bottom:24px;color:#333;text-align:center}.ftcb-cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.ftcb-cert-card{background:#fff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 4px 15px #00000014;border:1px solid #e9ecef;transition:transform .3s ease}.ftcb-cert-card:hover{transform:translateY(-3px);box-shadow:0 6px 25px #8b451326}.ftcb-cert-icon{font-size:2rem;margin-bottom:12px;display:block}.ftcb-cert-card h4{font-size:1.2rem;font-weight:600;margin:0 0 12px;color:#8b4513}.ftcb-cert-card p{color:#666;line-height:1.5;margin:0;font-size:.95rem}.ftcb-cooperatives{display:flex;flex-direction:column;gap:32px}.ftcb-coop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.ftcb-coop-header h2{font-size:2.5rem;font-weight:700;margin:0;color:#333}.ftcb-coop-filters{display:flex;gap:16px;flex-wrap:wrap}.ftcb-filter-select{padding:10px 16px;border:2px solid #e9ecef;border-radius:10px;background:#fff;font-size:1rem;color:#333;cursor:pointer;transition:border-color .3s ease}.ftcb-filter-select:focus{outline:none;border-color:#8b4513}.ftcb-coop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.ftcb-coop-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;gap:16px}.ftcb-coop-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #8b451326;border-color:#8b4513}.ftcb-coop-header-info h3{font-size:1.4rem;font-weight:700;margin:0 0 8px;color:#333}.ftcb-coop-location{color:#666;font-size:.95rem}.ftcb-coop-metrics{display:flex;justify-content:space-between;background:#f8f9fa;border-radius:10px;padding:16px}.ftcb-coop-metric{text-align:center}.ftcb-metric-value{display:block;font-size:1.5rem;font-weight:700;color:#8b4513}.ftcb-metric-label{font-size:.85rem;color:#666}.ftcb-coop-certifications{display:flex;gap:8px;flex-wrap:wrap}.ftcb-cert-badge{background:#8b4513;color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.ftcb-sustainability-score{display:flex;align-items:center;gap:12px}.ftcb-score-label{font-size:.9rem;color:#666;white-space:nowrap}.ftcb-score-bar{flex:1;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.ftcb-score-fill{height:100%;background:linear-gradient(90deg,#8b4513,peru);transition:width .6s ease;border-radius:4px}.ftcb-score-value{font-weight:600;color:#8b4513;white-space:nowrap}.ftcb-coop-description{color:#666;line-height:1.6;margin:0;flex:1}.ftcb-btn{padding:12px 24px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;text-decoration:none;display:inline-block;text-align:center}.ftcb-btn.primary{background:linear-gradient(135deg,#8b4513,peru);color:#fff;box-shadow:0 4px 15px #8b45134d}.ftcb-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b451366}.ftcb-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ftcb-modal{background:#fff;border-radius:20px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.ftcb-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e9ecef}.ftcb-modal-header h2{font-size:1.8rem;font-weight:700;margin:0;color:#333}.ftcb-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:8px;border-radius:50%;transition:background-color .3s ease}.ftcb-modal-close:hover{background:#f8f9fa}.ftcb-modal-content{padding:32px}.ftcb-detail-section{margin-bottom:32px}.ftcb-detail-section h3{font-size:1.4rem;font-weight:600;margin:0 0 16px;color:#8b4513}.ftcb-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.ftcb-detail-item{background:#f8f9fa;padding:12px;border-radius:8px}.ftcb-env-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.ftcb-env-metric{background:#f8f9fa;padding:16px;border-radius:10px;text-align:center}.ftcb-env-label{display:block;font-size:.9rem;color:#666;margin-bottom:8px}.ftcb-env-value{font-size:1.5rem;font-weight:700;color:#8b4513}.ftcb-projects-list,.ftcb-achievements-list,.ftcb-challenges-list{margin:0;padding-left:20px;color:#666}.ftcb-projects-list li,.ftcb-achievements-list li,.ftcb-challenges-list li{margin-bottom:8px;line-height:1.5}.ftcb-supply-chain{display:flex;flex-direction:column;gap:32px}.ftcb-sc-header{text-align:center;margin-bottom:32px}.ftcb-sc-header h2{font-size:2.5rem;font-weight:700;margin:0 0 16px;color:#333}.ftcb-sc-header p{font-size:1.1rem;color:#666;margin:0}.ftcb-batch-selector h3{font-size:1.8rem;font-weight:700;margin-bottom:24px;color:#333}.ftcb-batch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:32px}.ftcb-batch-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease}.ftcb-batch-card:hover{border-color:#8b4513;transform:translateY(-3px);box-shadow:0 6px 25px #8b451326}.ftcb-batch-card.selected{border-color:#8b4513;background:#8b45130d;box-shadow:0 6px 25px #8b451333}.ftcb-batch-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ftcb-batch-header h4{font-size:1.2rem;font-weight:600;margin:0;color:#333}.ftcb-status{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize}.ftcb-status.shipped{background:#d4edda;color:#155724}.ftcb-status.processing{background:#fff3cd;color:#856404}.ftcb-batch-info{display:flex;flex-direction:column;gap:8px}.ftcb-batch-detail{font-size:.9rem;color:#666}.ftcb-journey-tracking h3{font-size:1.8rem;font-weight:700;margin-bottom:24px;color:#333}.ftcb-journey-timeline{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.ftcb-journey-step{display:flex;gap:20px;position:relative}.ftcb-journey-step:not(:last-child):after{content:"";position:absolute;left:20px;top:50px;bottom:-20px;width:2px;background:#8b4513}.ftcb-step-number{width:40px;height:40px;background:linear-gradient(135deg,#8b4513,peru);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.ftcb-step-content{flex:1;background:#f8f9fa;border-radius:12px;padding:20px}.ftcb-step-content h4{font-size:1.2rem;font-weight:600;margin:0 0 8px;color:#333}.ftcb-step-meta{display:flex;gap:16px;margin-bottom:12px;font-size:.9rem;color:#666}.ftcb-step-content p{margin:0;color:#666;line-height:1.5}.ftcb-batch-metrics h4{font-size:1.4rem;font-weight:600;margin-bottom:20px;color:#333}.ftcb-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.ftcb-metric-card{background:#fff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 4px 15px #00000014;border:1px solid #e9ecef}.ftcb-metric-icon{font-size:2rem;margin-bottom:8px;display:block}.ftcb-metric-value{font-size:1.5rem;font-weight:700;color:#8b4513;margin-bottom:4px;display:block}.ftcb-metric-label{font-size:.9rem;color:#666}.ftcb-impact{display:flex;flex-direction:column;gap:32px}.ftcb-impact-header{text-align:center}.ftcb-impact-header h2{font-size:2.5rem;font-weight:700;margin:0 0 16px;color:#333}.ftcb-impact-header p{font-size:1.1rem;color:#666;margin:0}.ftcb-impact-dashboard{display:flex;flex-direction:column;gap:40px}.ftcb-impact-section h3{font-size:1.8rem;font-weight:700;margin-bottom:24px;color:#333}.ftcb-economic-chart{display:flex;flex-direction:column;gap:16px}.ftcb-economic-bar{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;border:1px solid #e9ecef}.ftcb-bar-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ftcb-coop-name{font-weight:600;color:#333}.ftcb-payment-amount{font-weight:700;color:#8b4513;font-size:1.1rem}.ftcb-bar-container{width:100%;height:12px;background:#e9ecef;border-radius:6px;overflow:hidden;margin-bottom:8px}.ftcb-bar-fill{height:100%;background:linear-gradient(90deg,#8b4513,peru);transition:width .8s ease;border-radius:6px}.ftcb-bar-meta{font-size:.9rem;color:#666}.ftcb-env-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.ftcb-env-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 15px #00000014;border:1px solid #e9ecef}.ftcb-env-card h4{font-size:1.2rem;font-weight:600;margin:0 0 16px;color:#333}.ftcb-env-indicators{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ftcb-env-indicator{background:#f8f9fa;padding:12px;border-radius:8px;text-align:center}.ftcb-indicator-label{display:block;font-size:.8rem;color:#666;margin-bottom:4px}.ftcb-indicator-value{font-weight:700;color:#8b4513}.ftcb-indicator-value.positive{color:#28a745}.ftcb-indicator-value.negative{color:#dc3545}.ftcb-projects-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.ftcb-project-summary{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 15px #00000014;border:1px solid #e9ecef}.ftcb-project-summary h4{font-size:1.2rem;font-weight:600;margin:0 0 8px;color:#333}.ftcb-project-count{background:#8b4513;color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-block;margin-bottom:16px}.ftcb-project-highlights{margin:0;padding-left:20px;color:#666}.ftcb-project-highlights li{margin-bottom:6px;line-height:1.4}.ftcb-more-projects{color:#8b4513;font-weight:600}.ftcb-sustainability-radar h3{text-align:center;margin-bottom:24px}.ftcb-radar-chart{display:flex;flex-direction:column;gap:16px;max-width:600px;margin:0 auto}.ftcb-radar-line{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:10px;padding:16px 20px;box-shadow:0 2px 10px #0000000d;border-left:4px solid var(--coop-color)}.ftcb-radar-label{font-weight:600;color:#333}.ftcb-radar-score{font-weight:700;color:var(--coop-color);font-size:1.1rem}@media (max-width: 768px){.ftcb-container{padding:16px}.ftcb-header{padding:24px 16px}.ftcb-header h1{font-size:2rem}.ftcb-tabs{flex-direction:column;gap:4px}.ftcb-tab{padding:12px 16px;text-align:center}.ftcb-content{padding:20px}.ftcb-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.ftcb-highlights-grid,.ftcb-cert-grid{grid-template-columns:1fr}.ftcb-coop-header{flex-direction:column;align-items:stretch}.ftcb-coop-header h2{font-size:2rem;text-align:center}.ftcb-coop-filters{justify-content:center}.ftcb-coop-grid,.ftcb-batch-grid{grid-template-columns:1fr}.ftcb-modal{margin:10px;max-height:95vh}.ftcb-modal-content{padding:20px}.ftcb-detail-grid,.ftcb-env-metrics,.ftcb-metrics-grid,.ftcb-env-dashboard,.ftcb-projects-overview{grid-template-columns:1fr}.ftcb-journey-step{flex-direction:column;gap:12px}.ftcb-journey-step:after{display:none}.ftcb-step-meta{flex-direction:column;gap:8px}.ftcb-bar-info{flex-direction:column;align-items:stretch;gap:8px}.ftcb-env-indicators{grid-template-columns:1fr}}@media (max-width: 480px){.ftcb-header h1{font-size:1.5rem}.ftcb-header p{font-size:1rem}.ftcb-stats-grid{grid-template-columns:1fr}.ftcb-stat-value{font-size:2rem}.ftcb-hero h2,.ftcb-coop-header h2,.ftcb-sc-header h2,.ftcb-impact-header h2{font-size:1.8rem}.ftcb-coop-metrics{flex-direction:column;gap:12px}.ftcb-modal-header{padding:16px 20px}.ftcb-modal-content{padding:16px}}.green-datacenter-page{min-height:100vh;background:linear-gradient(135deg,#0f1419,#1a2b3d,#2d4a5c,#1a2b3d,#0f1419);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.hero-section{padding:80px 20px 60px;background:linear-gradient(135deg,#1e3a5f,#2d5a87,#1e3a5f);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(46,204,113,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(52,152,219,.1) 0%,transparent 50%);pointer-events:none}.hero-text h1.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:24px;background:linear-gradient(135deg,#fff,#2ecc71,#3498db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-highlight{display:block;font-size:2.8rem;color:#2ecc71;text-shadow:0 0 20px rgba(46,204,113,.3)}.hero-description{font-size:1.25rem;line-height:1.6;color:#e8f4f8;margin-bottom:40px;opacity:.9}.hero-stat{text-align:center;padding:20px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(46,204,113,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-stat .stat-value{font-size:2.5rem;font-weight:700;color:#2ecc71;display:block}.hero-stat .stat-label{font-size:.9rem;color:#b8d4e3;margin-top:8px;text-transform:uppercase;letter-spacing:.5px}.datacenter-visualization{text-align:center}.server-rack{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:30px;background:#ffffff0d;padding:20px;border-radius:12px;border:1px solid rgba(52,152,219,.3)}.server-unit{height:40px;background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:6px;display:flex;align-items:center;justify-content:space-around;padding:0 8px;animation:serverPulse 3s ease-in-out infinite;border:1px solid rgba(52,152,219,.2)}.server-led{width:6px;height:6px;border-radius:50%;animation:ledBlink 2s ease-in-out infinite}.server-led.green{background:#2ecc71;box-shadow:0 0 8px #2ecc7199}.server-led.blue{background:#3498db;box-shadow:0 0 8px #3498db99;animation-delay:.5s}@keyframes serverPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.02);opacity:1}}@keyframes ledBlink{0%,to{opacity:.6}50%{opacity:1}}.sustainability-indicators{display:grid;grid-template-columns:1fr;gap:12px}.indicator{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#2ecc711a;border-radius:8px;border-left:4px solid #2ecc71}.indicator-icon{font-size:1.2rem}.indicator-text{font-weight:600;color:#2ecc71}.tab-button.active{color:#2ecc71;border-bottom-color:#2ecc71;background:#2ecc711a}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,#fff,#2ecc71);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header p{font-size:1.1rem;color:#b8d4e3;max-width:600px;margin:0 auto}.metric-card.primary{border-color:#2ecc71;background:linear-gradient(135deg,#2ecc711a,#2ecc710d)}.metric-card:hover{transform:translateY(-5px);border-color:#2ecc714d;box-shadow:0 10px 30px #2ecc711a}.metric-value{font-size:2.5rem;font-weight:800;color:#2ecc71;line-height:1;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#2ecc71,#27ae60);border-radius:3px;transition:width .8s ease}.progress-fill.green{background:linear-gradient(90deg,#2ecc71,#27ae60)}.progress-fill.blue{background:linear-gradient(90deg,#3498db,#2980b9)}.metric-status,.metric-trend{font-size:.85rem;color:#2ecc71;margin-top:8px;font-weight:500}.environmental-impact{background:linear-gradient(135deg,#2ecc711a,#3498db1a);border-radius:20px;padding:40px;margin:0 20px 40px;border:1px solid rgba(46,204,113,.2)}.environmental-impact h3{text-align:center;font-size:1.8rem;margin-bottom:30px;color:#fff}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.impact-item{text-align:center;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.impact-icon{font-size:2.5rem;margin-bottom:12px;display:block}.impact-value{font-size:2rem;font-weight:700;color:#2ecc71;margin-bottom:8px}.impact-label{font-size:.9rem;color:#b8d4e3;line-height:1.3}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;padding:0 20px}.package-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:20px;padding:30px;border:1px solid rgba(255,255,255,.1);position:relative;transition:all .3s ease}.package-card.featured{border-color:#2ecc71;background:linear-gradient(135deg,#2ecc711a,#2ecc710d);transform:scale(1.05)}.package-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #2ecc711a}.featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;padding:8px 20px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.package-header{text-align:center;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:20px}.package-name{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:8px}.package-type{color:#2ecc71;font-weight:500;margin-bottom:16px}.package-price{display:flex;align-items:baseline;justify-content:center;gap:4px}.price-currency{font-size:1.2rem;color:#b8d4e3}.price-amount{font-size:3rem;font-weight:800;color:#2ecc71}.price-period{font-size:1rem;color:#b8d4e3}.package-specs,.package-sustainability,.package-features,.package-certifications{margin-bottom:24px}.package-specs h4,.package-sustainability h4,.package-features h4,.package-certifications h4{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:12px}.package-specs ul,.package-features ul{list-style:none;padding:0}.package-specs li,.package-features li{padding:6px 0;color:#b8d4e3;border-bottom:1px solid rgba(255,255,255,.05)}.sustainability-metrics{display:grid;gap:8px}.sustainability-metric{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.sustainability-metric .metric-label{color:#b8d4e3}.sustainability-metric .metric-value{color:#2ecc71;font-weight:600}.carbon-negative-badge{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;padding:8px 12px;border-radius:20px;font-size:.85rem;font-weight:600;margin-top:12px}.cert-badges{display:flex;flex-wrap:wrap;gap:8px}.cert-badge{background:#3498db33;color:#3498db;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:500;border:1px solid rgba(52,152,219,.3)}.package-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:.95rem}.btn-primary{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#27ae60,#229954);transform:translateY(-2px);box-shadow:0 5px 15px #2ecc714d}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.datacenter-selector{margin-bottom:40px;padding:0 20px}.datacenter-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.datacenter-tab{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;text-align:center}.datacenter-tab.active{background:linear-gradient(135deg,#2ecc7133,#2ecc711a);border-color:#2ecc71}.datacenter-tab:hover{background:#ffffff14;transform:translateY(-2px)}.tab-location{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:4px}.tab-region{color:#b8d4e3;font-size:.9rem;margin-bottom:8px}.tab-pue{color:#2ecc71;font-size:.85rem;font-weight:500}.datacenter-details{padding:0 20px}.datacenter-overview{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:16px;padding:30px;border:1px solid rgba(255,255,255,.1)}.datacenter-info h3{font-size:2rem;font-weight:700;color:#fff;margin-bottom:16px}.datacenter-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.datacenter-meta span{background:#3498db33;color:#3498db;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500}.datacenter-highlights{display:grid;gap:16px}.highlight-value{font-size:1.5rem;font-weight:700;color:#2ecc71}.datacenter-visual{display:flex;align-items:center;justify-content:center}.datacenter-map{position:relative;width:200px;height:200px;background:linear-gradient(135deg,#2ecc711a,#3498db1a);border-radius:50%;border:2px solid rgba(46,204,113,.3);display:flex;align-items:center;justify-content:center}.marker-pulse{position:absolute;width:60px;height:60px;border-radius:50%;background:#2ecc714d;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.4}to{transform:translate(-50%,-50%) scale(1);opacity:.8}}.map-info{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);text-align:center;white-space:nowrap}.info-item{display:flex;gap:8px;margin-bottom:4px}.info-label{color:#b8d4e3;font-size:.8rem}.info-value{color:#2ecc71;font-weight:600;font-size:.8rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.feature-category{background:#ffffff0d;border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.1)}.feature-category h4{font-size:1.2rem;margin-bottom:16px;color:#fff}.feature-category ul{list-style:none;padding:0}.feature-category li{padding:8px 0;color:#b8d4e3;border-bottom:1px solid rgba(255,255,255,.05)}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.certification-badge{display:flex;align-items:center;gap:8px;background:#2ecc711a;color:#2ecc71;padding:8px 12px;border-radius:8px;font-size:.85rem;font-weight:500;border:1px solid rgba(46,204,113,.2)}.cert-icon{font-size:.8rem}.sustainability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:60px;padding:0 20px}.sustainability-pillar{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:20px;padding:30px;border:1px solid rgba(255,255,255,.1);text-align:center;transition:all .3s ease}.sustainability-pillar:hover{transform:translateY(-5px);border-color:#2ecc714d;box-shadow:0 10px 30px #2ecc711a}.pillar-icon{font-size:3rem;margin-bottom:20px;display:block}.sustainability-pillar h3{font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:16px}.sustainability-pillar p{color:#b8d4e3;line-height:1.6;margin-bottom:24px}.pillar-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pillar-stats .stat{text-align:center}.pillar-stats .stat-value{font-size:1.5rem;font-weight:700;color:#2ecc71;display:block}.pillar-stats .stat-label{font-size:.8rem;color:#b8d4e3;margin-top:4px}.sustainability-timeline{padding:0 20px}.sustainability-timeline h3{text-align:center;font-size:1.8rem;margin-bottom:40px;color:#fff}.timeline:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:2px;height:100%;background:linear-gradient(180deg,#2ecc71,#3498db)}.timeline-year{width:80px;height:80px;background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;position:relative;z-index:2;margin:0 40px}.timeline-item.active .timeline-year{background:linear-gradient(135deg,#3498db,#2980b9);animation:timelinePulse 2s ease-in-out infinite}@keyframes timelinePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.timeline-content h4{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:8px}.timeline-content p{color:#b8d4e3;line-height:1.5}.calculator-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:0 20px}.calculator-inputs,.calculator-results{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:20px;padding:30px;border:1px solid rgba(255,255,255,.1)}.calculator-inputs h3,.calculator-results h3{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:24px}.input-group{margin-bottom:24px}.input-group label{display:block;color:#b8d4e3;font-weight:500;margin-bottom:8px}.input-group select,.input-group input[type=range]{width:100%;padding:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem}.input-group select:focus,.input-group input[type=range]:focus{outline:none;border-color:#2ecc71;box-shadow:0 0 0 2px #2ecc7133}.range-value{display:inline-block;margin-top:8px;color:#2ecc71;font-weight:600}.impact-results{display:grid;gap:20px}.impact-result{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.result-icon{font-size:2rem}.result-content{flex:1}.result-value{font-size:1.5rem;font-weight:700;color:#2ecc71;line-height:1}.result-label{color:#fff;font-weight:500;margin:4px 0}.result-comparison{color:#b8d4e3;font-size:.85rem}.impact-visualization{margin-top:30px;padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}.impact-visualization h4{color:#fff;margin-bottom:20px}.comparison-chart{display:grid;gap:16px}.chart-item{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center}.chart-label{color:#b8d4e3;font-size:.9rem;font-weight:500}.chart-bar{position:relative;height:24px;background:#ffffff1a;border-radius:12px;overflow:hidden}.bar-fill{height:100%;border-radius:12px;transition:width .8s ease;position:relative}.chart-bar.traditional .bar-fill{background:linear-gradient(90deg,#e74c3c,#c0392b)}.chart-bar.green .bar-fill{background:linear-gradient(90deg,#2ecc71,#27ae60)}.chart-bar.negative .bar-fill{background:linear-gradient(90deg,#3498db,#2980b9)}.bar-value{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:#fff;font-size:.8rem;font-weight:600;z-index:1}.back-link{display:inline-flex;align-items:center;gap:8px;color:#2ecc71;text-decoration:none;font-weight:500;padding:12px 24px;border:1px solid rgba(46,204,113,.3);border-radius:8px;transition:all .3s ease}.back-link:hover{background:#2ecc711a;transform:translate(-5px)}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:linear-gradient(135deg,#1e3a5f,#2d4a5c);border-radius:20px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;border:1px solid rgba(46,204,113,.3)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h3{color:#fff;font-size:1.3rem;font-weight:600}.modal-close{background:none;border:none;color:#b8d4e3;font-size:1.5rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-body{padding:24px}.package-summary h4{color:#fff;margin-bottom:16px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:30px}.summary-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.summary-label{color:#b8d4e3}.summary-value{color:#2ecc71;font-weight:600}.datacenter-selection h4{color:#fff;margin-bottom:16px}.datacenter-options{display:grid;gap:12px}.datacenter-option{display:flex;align-items:center;gap:12px}.datacenter-option input[type=radio]{width:16px;height:16px;accent-color:#2ecc71}.datacenter-option label{flex:1;cursor:pointer;padding:12px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.datacenter-option label:hover{background:#ffffff14;border-color:#2ecc714d}.option-name{color:#fff;font-weight:500;margin-bottom:4px}.option-details{color:#b8d4e3;font-size:.85rem}.modal-actions{display:flex;gap:12px;padding:24px;border-top:1px solid rgba(255,255,255,.1);justify-content:flex-end}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;gap:40px;text-align:center}.hero-title{font-size:2.5rem!important}.hero-highlight{font-size:2rem!important}.hero-stats{grid-template-columns:1fr}.tab-nav{flex-direction:column}.metrics-grid,.packages-grid,.datacenter-overview,.calculator-container{grid-template-columns:1fr}.timeline:before{left:30px}.timeline-item{flex-direction:row!important;padding-left:80px}.timeline-year{position:absolute;left:0;margin:0}.timeline-content{margin-left:40px}}@media (max-width: 480px){.section-header{padding:40px 20px 0}.section-header h2{font-size:2rem}.package-card.featured{transform:none}.modal-content{width:95%;margin:20px}.summary-grid{grid-template-columns:1fr}}.solar-ppa-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#2d4a87 50%,#f39c12);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.hero-section{padding:80px 20px 60px;background:linear-gradient(135deg,#f39c12,#f1c40f,#e67e22 50%,#d35400);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,193,7,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,152,0,.1) 0%,transparent 50%);pointer-events:none}.hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero-text h1.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:24px;background:linear-gradient(135deg,#fff,#fff3cd,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-highlight{display:block;font-size:2.8rem;color:#fff3cd;text-shadow:0 0 20px rgba(255,193,7,.3)}.hero-description{font-size:1.25rem;line-height:1.6;color:#fff3cd;margin-bottom:40px;opacity:.9}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.hero-stat{text-align:center;padding:20px;background:#ffffff1a;border-radius:16px;border:1px solid rgba(255,193,7,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-stat .stat-value{font-size:2.5rem;font-weight:700;color:#fff3cd;display:block;text-shadow:0 2px 4px rgba(0,0,0,.2)}.hero-stat .stat-label{font-size:.9rem;color:#fff;margin-top:8px;text-transform:uppercase;letter-spacing:.5px}.hero-visual{display:flex;justify-content:center;align-items:center}.solar-visualization{text-align:center}.solar-panel-array{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:30px;background:#ffffff0d;padding:24px;border-radius:16px;border:1px solid rgba(255,193,7,.3)}.solar-panel{position:relative;width:60px;height:40px;border-radius:4px;animation:solarGlow 4s ease-in-out infinite;cursor:pointer;transition:all .3s ease}.solar-panel:hover{transform:scale(1.05)}.panel-surface{width:100%;height:100%;background:linear-gradient(135deg,#2c3e50,#34495e,#3498db 50%,#2980b9);border-radius:4px;position:relative;border:2px solid #3498db}.panel-surface:before{content:"";position:absolute;inset:2px;background:linear-gradient(45deg,transparent 25%,rgba(255,255,255,.1) 25%,rgba(255,255,255,.1) 50%,transparent 50%);background-size:8px 8px;border-radius:2px}.panel-frame{position:absolute;inset:-2px;border:2px solid #e67e22;border-radius:6px;opacity:.7}.energy-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#f1c40f;border-radius:50%;animation:energyPulse 2s ease-in-out infinite;box-shadow:0 0 12px #f1c40fcc}@keyframes solarGlow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes energyPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.energy-flow{position:relative;height:40px;margin:20px 0;overflow:hidden}.energy-beam{position:absolute;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#f1c40f 50%,transparent 100%);top:50%;transform:translateY(-50%);animation:energyFlow 2s linear infinite}.energy-beam:nth-child(2){animation-delay:.5s;top:40%}.energy-beam:nth-child(3){animation-delay:1s;top:60%}@keyframes energyFlow{0%{transform:translateY(-50%) translate(-100%)}to{transform:translateY(-50%) translate(100%)}}.weather-info{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.weather-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,193,7,.2)}.weather-icon{font-size:1.5rem}.weather-value{font-weight:600;color:#fff3cd;font-size:.9rem}.nav-tabs{background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.1);padding:0 20px}.container{max-width:1200px;margin:0 auto}.tab-nav{display:flex;gap:0;overflow-x:auto}.tab-button{display:flex;align-items:center;gap:8px;padding:16px 24px;background:none;border:none;color:#b8d4e3;font-weight:500;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;white-space:nowrap}.tab-button:hover{color:#fff;background:#ffffff0d}.tab-button.active{color:#f1c40f;border-bottom-color:#f1c40f;background:#f1c40f1a}.section-header{text-align:center;margin-bottom:60px;padding:60px 20px 0}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,#fff,#f1c40f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header p{font-size:1.1rem;color:#b8d4e3;max-width:600px;margin:0 auto 24px}.dashboard-controls{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:24px}.control-toggle{display:flex;align-items:center;gap:8px;color:#b8d4e3;cursor:pointer}.control-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#f1c40f}.time-range-select{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:60px;padding:0 20px}.metric-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.metric-card.primary{border-color:#f1c40f;background:linear-gradient(135deg,#f1c40f1a,#f1c40f0d)}.metric-card:hover{transform:translateY(-5px);border-color:#f1c40f4d;box-shadow:0 10px 30px #f1c40f1a}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.metric-header h3{font-size:1.1rem;font-weight:600;color:#fff}.metric-icon{font-size:1.5rem;opacity:.8}.metric-value{font-size:2.5rem;font-weight:800;color:#f1c40f;line-height:1;margin-bottom:8px}.metric-description{font-size:.9rem;color:#b8d4e3;margin-bottom:16px}.metric-progress{margin-top:16px}.progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#f1c40f,#f39c12);border-radius:3px;transition:width .8s ease}.progress-fill.orange{background:linear-gradient(90deg,#e67e22,#d35400)}.metric-status,.metric-trend{font-size:.85rem;color:#f1c40f;margin-top:8px;font-weight:500}.generation-chart{background:linear-gradient(135deg,#f1c40f1a,#e67e221a);border-radius:20px;padding:40px;margin:0 20px 40px;border:1px solid rgba(241,196,15,.2)}.generation-chart h3{text-align:center;font-size:1.8rem;margin-bottom:30px;color:#fff}.chart-container{position:relative}.chart-grid{display:grid;grid-template-columns:repeat(13,1fr);gap:8px;align-items:end;height:200px;margin-bottom:20px}.chart-bar-container{display:flex;flex-direction:column;align-items:center;height:100%}.chart-bar{background:linear-gradient(180deg,#f1c40f,#e67e22);border-radius:4px 4px 0 0;width:100%;position:relative;transition:all .3s ease;min-height:10px}.chart-bar:hover{background:linear-gradient(180deg,#f39c12,#d35400);transform:scaleY(1.05)}.bar-value{position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:.7rem;color:#f1c40f;font-weight:600;white-space:nowrap}.chart-label{margin-top:8px;font-size:.8rem;color:#b8d4e3;text-align:center}.chart-legend{display:flex;justify-content:center;gap:24px;margin-top:20px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#b8d4e3}.legend-color{width:12px;height:12px;border-radius:2px}.legend-color.generation{background:linear-gradient(90deg,#f1c40f,#e67e22)}.legend-color.irradiance{background:linear-gradient(90deg,#3498db,#2980b9)}.farm-selector{margin-bottom:40px;padding:0 20px}.farm-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.farm-tab{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;text-align:left}.farm-tab.active{background:linear-gradient(135deg,#f1c40f33,#f1c40f1a);border-color:#f1c40f}.farm-tab:hover{background:#ffffff14;transform:translateY(-2px)}.tab-name{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:4px}.tab-location{color:#b8d4e3;font-size:.9rem;margin-bottom:8px}.tab-output{color:#f1c40f;font-size:.9rem;font-weight:500;margin-bottom:4px}.tab-status{color:#27ae60;font-size:.8rem;font-weight:500}.farm-details{padding:0 20px}.farm-overview{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:16px;padding:30px;border:1px solid rgba(255,255,255,.1)}.farm-info h3{font-size:2rem;font-weight:700;color:#fff;margin-bottom:16px}.farm-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.farm-meta span{background:#f1c40f33;color:#f1c40f;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500}.farm-highlights{display:grid;gap:16px}.highlight{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.highlight-icon{font-size:1.5rem}.highlight-value{font-size:1.5rem;font-weight:700;color:#f1c40f}.highlight-label{font-size:.9rem;color:#b8d4e3}.farm-visual{display:flex;align-items:center;justify-content:center}.farm-map{position:relative}.map-container{position:relative;width:200px;height:200px;background:linear-gradient(135deg,#f1c40f1a,#e67e221a);border-radius:50%;border:2px solid rgba(241,196,15,.3);display:flex;align-items:center;justify-content:center}.map-marker{position:relative}.marker-pulse{position:absolute;width:60px;height:60px;border-radius:50%;background:#f1c40f4d;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 2s ease-in-out infinite}.marker-icon{font-size:2rem;z-index:1;position:relative}.weather-overlay{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);text-align:center}.weather-status{display:flex;align-items:center;gap:8px;background:#ffffff1a;padding:8px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.2)}.weather-text{font-size:.8rem;color:#f1c40f;font-weight:500}.farm-specifications{margin-top:40px}.spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.spec-category{background:#ffffff0d;border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.1)}.spec-category h4{font-size:1.2rem;margin-bottom:16px;color:#fff}.spec-list{display:grid;gap:12px}.spec-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.spec-label{color:#b8d4e3;font-weight:500}.spec-value{color:#f1c40f;font-weight:600}.performance-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.performance-item{text-align:center;padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.performance-value{font-size:1.5rem;font-weight:700;color:#f1c40f;display:block}.performance-label{font-size:.8rem;color:#b8d4e3;margin-top:4px}.impact-list{display:grid;gap:16px}.impact-item{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.impact-icon{font-size:1.5rem}.impact-content{flex:1}.impact-value{font-size:1.2rem;font-weight:700;color:#f1c40f}.impact-label{font-size:.9rem;color:#b8d4e3;margin-top:2px}.contract-overview{padding:0 20px}.contract-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:24px;background:linear-gradient(135deg,#f1c40f1a,#e67e221a);border-radius:16px;border:1px solid rgba(241,196,15,.2)}.contract-header h3{font-size:1.8rem;color:#fff}.contract-status{display:flex;align-items:center;gap:12px}.status-badge{padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#27ae60;color:#fff}.contract-duration{color:#f1c40f;font-weight:600}.contract-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.contract-section-item{background:#ffffff0d;border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.1)}.contract-section-item h4{font-size:1.2rem;margin-bottom:16px;color:#fff}.terms-grid{display:grid;gap:12px}.term-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.term-label{color:#b8d4e3;font-weight:500}.term-value{color:#f1c40f;font-weight:600}.pricing-info{text-align:center}.base-price{margin-bottom:16px;padding:20px;background:#f1c40f1a;border-radius:12px;border:1px solid rgba(241,196,15,.2)}.price-label{color:#b8d4e3;font-size:.9rem;margin-bottom:8px}.price-value{font-size:2rem;font-weight:700;color:#f1c40f}.escalation{margin-bottom:24px}.escalation-label{color:#b8d4e3;font-size:.9rem;margin-bottom:4px}.escalation-value{font-size:1.2rem;font-weight:600;color:#e67e22}.price-projection h5{color:#fff;margin-bottom:16px}.projection-chart{display:flex;align-items:end;gap:2px;height:80px;margin-bottom:12px}.projection-bar{flex:1;display:flex;flex-direction:column;align-items:center}.bar-fill{background:linear-gradient(180deg,#f1c40f,#e67e22);width:100%;border-radius:2px 2px 0 0;transition:all .3s ease}.bar-year{font-size:.6rem;color:#b8d4e3;margin-top:4px;writing-mode:vertical-lr;text-orientation:mixed}.bonus-structure{display:grid;gap:12px}.bonus-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.bonus-trigger{color:#b8d4e3;font-weight:500}.bonus-value{color:#27ae60;font-weight:600}.benefits-list{display:grid;gap:16px}.benefit-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.benefit-icon{font-size:1.2rem;margin-top:2px}.benefit-content{flex:1}.benefit-title{color:#fff;font-weight:600;margin-bottom:4px}.benefit-description{color:#b8d4e3;font-size:.85rem;line-height:1.4}.financial-overview{padding:0 20px}.key-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:40px}.metric-item{display:flex;align-items:center;gap:16px;padding:24px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.metric-item:hover{transform:translateY(-5px);border-color:#f1c40f4d;box-shadow:0 10px 30px #f1c40f1a}.metric-value{font-size:1.8rem;font-weight:700;color:#f1c40f;line-height:1}.metric-label{color:#b8d4e3;font-size:.9rem;margin-top:4px}.revenue-breakdown{margin-bottom:40px;background:#ffffff0d;border-radius:16px;padding:30px;border:1px solid rgba(255,255,255,.1)}.revenue-breakdown h3{color:#fff;font-size:1.5rem;margin-bottom:24px;text-align:center}.revenue-chart{max-width:600px;margin:0 auto}.revenue-item{margin-bottom:16px}.revenue-bar{position:relative;height:40px;border-radius:20px;display:flex;align-items:center;padding:0 16px;color:#fff;font-weight:600;box-shadow:0 2px 8px #0000001a}.revenue-bar.energy{background:linear-gradient(90deg,#f1c40f,#f39c12)}.revenue-bar.carbon{background:linear-gradient(90deg,#27ae60,#229954)}.revenue-bar.rec{background:linear-gradient(90deg,#3498db,#2980b9)}.bar-label{flex:1}.bar-value{font-weight:700}.revenue-total{text-align:center;margin-top:20px;padding:16px;background:#f1c40f1a;border-radius:12px;color:#f1c40f;font-weight:600;border:1px solid rgba(241,196,15,.2)}.performance-analytics{margin-bottom:40px}.performance-analytics h3{color:#fff;font-size:1.5rem;margin-bottom:24px;text-align:center}.analytics-chart{background:#ffffff0d;border-radius:16px;padding:30px;border:1px solid rgba(255,255,255,.1)}.month-column{display:flex;flex-direction:column;align-items:center;text-align:center}.column-header{color:#b8d4e3;font-size:.8rem;font-weight:600;margin-bottom:8px}.column-data{flex:1;display:flex;flex-direction:column;justify-content:end;width:100%}.generation-bar{background:linear-gradient(180deg,#f1c40f,#e67e22);border-radius:4px 4px 0 0;width:100%;transition:all .3s ease;margin-bottom:8px}.month-values{font-size:.7rem;line-height:1.2}.generation-value{color:#f1c40f;font-weight:600}.revenue-value{color:#27ae60;font-weight:600}.efficiency-value{color:#3498db;font-weight:600}.cost-analysis{background:#ffffff0d;border-radius:16px;padding:30px;border:1px solid rgba(255,255,255,.1)}.cost-analysis h3{color:#fff;font-size:1.5rem;margin-bottom:24px;text-align:center}.cost-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.cost-item{text-align:center;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.cost-category{color:#b8d4e3;font-size:.9rem;margin-bottom:8px}.cost-value{font-size:1.5rem;font-weight:700;color:#f1c40f;margin-bottom:4px}.cost-percentage{color:#b8d4e3;font-size:.8rem}.impact-overview{padding:0 20px}.impact-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:60px}.impact-card{display:flex;align-items:center;gap:20px;padding:30px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:20px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.impact-card.primary{border-color:#27ae60;background:linear-gradient(135deg,#27ae601a,#27ae600d)}.impact-card:hover{transform:translateY(-5px);border-color:#27ae604d;box-shadow:0 10px 30px #27ae601a}.impact-card .impact-icon{font-size:3rem}.impact-card .impact-content{flex:1}.impact-card .impact-value{font-size:2rem;font-weight:700;color:#27ae60;line-height:1}.impact-card .impact-label{color:#fff;font-weight:600;margin:8px 0 4px}.impact-card .impact-description{color:#b8d4e3;font-size:.85rem;line-height:1.4}.lifetime-impact{margin-bottom:60px}.lifetime-impact h3{color:#fff;font-size:1.8rem;margin-bottom:30px;text-align:center}.lifetime-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.lifetime-metric{display:flex;align-items:center;gap:30px}.metric-visual{flex-shrink:0}.metric-circle{width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;border:3px solid}.metric-circle.co2{border-color:#27ae60;background:radial-gradient(circle,#27ae601a,#27ae600d)}.metric-circle.energy{border-color:#f1c40f;background:radial-gradient(circle,#f1c40f1a,#f1c40f0d)}.metric-circle.pollution{border-color:#3498db;background:radial-gradient(circle,#3498db1a,#3498db0d)}.circle-value{font-size:1.5rem;font-weight:700;color:inherit;line-height:1}.circle-label{font-size:.7rem;color:#b8d4e3;margin-top:4px}.metric-details{flex:1}.metric-details h4{color:#fff;font-size:1.2rem;margin-bottom:8px}.metric-details p{color:#b8d4e3;line-height:1.5;font-size:.9rem}.sustainability-certifications{margin-bottom:60px}.sustainability-certifications h3{color:#fff;font-size:1.8rem;margin-bottom:30px;text-align:center}.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.cert-item{display:flex;align-items:flex-start;gap:16px;padding:24px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.cert-item:hover{transform:translateY(-2px);border-color:#f1c40f4d}.cert-icon{font-size:1.5rem;margin-top:4px}.cert-content{flex:1}.cert-title{color:#fff;font-weight:600;margin-bottom:8px}.cert-description{color:#b8d4e3;font-size:.9rem;line-height:1.4;margin-bottom:8px}.cert-status{color:#27ae60;font-size:.8rem;font-weight:500}.impact-timeline{background:#ffffff0d;border-radius:16px;padding:40px;border:1px solid rgba(255,255,255,.1)}.impact-timeline h3{color:#fff;font-size:1.8rem;margin-bottom:30px;text-align:center}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:2px;height:100%;background:linear-gradient(180deg,#f1c40f,#27ae60)}.timeline-item{display:flex;align-items:center;margin-bottom:40px;position:relative}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-date{width:80px;height:80px;background:linear-gradient(135deg,#f1c40f,#f39c12);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;position:relative;z-index:2;margin:0 40px}.timeline-item.active .timeline-date{background:linear-gradient(135deg,#27ae60,#229954);animation:timelinePulse 2s ease-in-out infinite}.timeline-content{flex:1;background:#ffffff0d;border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.1)}.timeline-title{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:8px}.timeline-description{color:#b8d4e3;line-height:1.5}.back-section{padding:40px 20px;text-align:center}.back-link{display:inline-flex;align-items:center;gap:8px;color:#f1c40f;text-decoration:none;font-weight:500;padding:12px 24px;border:1px solid rgba(241,196,15,.3);border-radius:8px;transition:all .3s ease}.back-link:hover{background:#f1c40f1a;transform:translate(-5px)}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;gap:40px;text-align:center}.hero-title{font-size:2.5rem!important}.hero-highlight{font-size:2rem!important}.hero-stats{grid-template-columns:1fr}.tab-nav{flex-direction:column}.metrics-grid,.farm-tabs,.farm-overview,.contract-grid,.spec-grid{grid-template-columns:1fr}.timeline:before{left:30px}.timeline-item{flex-direction:row!important;padding-left:80px}.timeline-date{position:absolute;left:0;margin:0}.timeline-content{margin-left:40px}}@media (max-width: 480px){.section-header{padding:40px 20px 0}.section-header h2{font-size:2rem}.chart-grid{grid-template-columns:repeat(7,1fr)}.chart-label{font-size:.7rem}.key-metrics,.impact-highlights{grid-template-columns:1fr}.lifetime-metric{flex-direction:column;text-align:center;gap:16px}}.edu-wrap{padding:2rem;max-width:1200px;margin:0 auto;font-family:system-ui,sans-serif}.edu-header h1{margin:0 0 .25rem;font-size:2rem}.edu-header p{color:#444}.edu-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1.5rem 0 2rem}.edu-kpi{background:#f6f8fa;border:1px solid #e2e6eb;padding:.85rem .9rem;border-radius:10px;display:flex;flex-direction:column;gap:.25rem}.edu-kpi span{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:#555}.edu-kpi strong{font-size:1.35rem}.edu-kpi.accent{background:#122b39;color:#fff;border-color:#122b39}.edu-panel{background:#fff;border:1px solid #e1e4e8;border-radius:14px;overflow:hidden;box-shadow:0 2px 4px #0000000a}.edu-panel-header{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f1f4f6;border-bottom:1px solid #d7dbdf;flex-wrap:wrap}.edu-tabs button{background:transparent;border:0;padding:.55rem .9rem;border-radius:8px;cursor:pointer;font-weight:500;color:#555}.edu-tabs button.active{background:#122b39;color:#fff}.edu-tabs button:not(.active):hover{background:#e2e6ea}.edu-filters select{padding:.45rem .6rem;border-radius:6px;border:1px solid #bcc3ca;background:#fff}.edu-lessons{display:grid;gap:1.1rem;padding:1.25rem 1.25rem 1.6rem}.edu-lesson{border:1px solid #d9dde1;border-radius:12px;padding:1rem 1rem .9rem;background:#fff;position:relative;transition:border-color .2s,box-shadow .2s}.edu-lesson.done{border-color:#2e8540;box-shadow:0 0 0 2px #2e854026}.edu-lesson-head{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.35rem}.edu-lesson h3{margin:0;font-size:1.05rem}.edu-desc{margin:.3rem 0 .75rem;font-size:.85rem;color:#444;line-height:1.3}.edu-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{background:#eef1f4;color:#333;font-size:.65rem;padding:.28rem .5rem;border-radius:20px;letter-spacing:.05em;text-transform:uppercase;font-weight:600}.tag-E{background:#e0f6ef;color:#03694c}.tag-S{background:#f5ecff;color:#512b79}.tag-G{background:#e9f2ff;color:#0b5485}.edu-actions{display:flex;flex-direction:column;gap:.75rem}.btn-small{background:#0d3d56;color:#fff;border:0;padding:.5rem .8rem;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.04em}.btn-small.secondary{background:#415766}.btn-small:hover{background:#124e6d}.btn-small.secondary:hover{background:#536977}.quiz-block{border-top:1px dashed #c9ced3;padding-top:.65rem;display:flex;flex-direction:column;gap:.55rem}.quiz-q{font-size:.8rem;font-weight:600}.quiz-answers{display:flex;flex-direction:column;gap:.35rem;font-size:.75rem}.quiz-answers label{display:flex;gap:.4rem;align-items:center;cursor:pointer}.quiz-result{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.3rem .6rem;border-radius:6px;width:max-content}.quiz-result.pass{background:#2e8540;color:#fff}.quiz-result.fail{background:#c62828;color:#fff}.edu-reco{margin:2.5rem 0 1rem}.edu-reco h2{margin:0 0 1rem;font-size:1.3rem}.edu-reco-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.edu-reco-card{border:1px solid #d6dadd;background:#fff;border-radius:12px;padding:.85rem .9rem 1rem;display:flex;flex-direction:column;gap:.55rem;position:relative}.edu-reco-card .top{display:flex;align-items:center;gap:.5rem}.edu-reco-card strong{font-size:.85rem}.edu-reco-card .mini,.mini{font-size:.65rem;color:#555}@media (max-width: 720px){.edu-kpis{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.edu-panel-header{flex-direction:column;align-items:stretch}.edu-tabs{width:100%;display:flex}.edu-tabs button{flex:1}}.wellness-wrap{padding:1.5rem 2rem;font-family:system-ui,Arial,sans-serif;color:#14213d}.wellness-head h1{margin:0 0 .25rem;font-size:2rem;letter-spacing:.5px;color:#fff}.wellness-head .tagline{margin:0 0 1rem;font-size:.95rem;color:#fff;max-width:760px}.kpi-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.kpi-box{background:#f4f7fb;border:1px solid #d9e2ef;padding:.75rem .9rem;border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-width:140px;position:relative}.kpi-box.primary{background:linear-gradient(135deg,#2563eb,#1e3a8a);color:#fff;box-shadow:0 3px 8px -2px #00000026}.kpi-box span{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.kpi-box strong{font-size:1.6rem;font-weight:600;line-height:1.1}.kpi-box.subtle{font-size:.65rem;background:#fff;color:#4d6277}.controls{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem}.switch{display:flex;align-items:center;gap:.4rem;font-size:.8rem;cursor:pointer}.switch input{cursor:pointer}.tabs button{background:#fff;border:1px solid #c5d2e2;padding:.45rem .85rem;border-radius:20px;font-size:.75rem;margin-right:.4rem;cursor:pointer;transition:.18s}.tabs button.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8;box-shadow:0 2px 4px #00000026}.tabs button:not(.active):hover{background:#eef4ff}.panel-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.panel{background:#fff;border:1px solid #d6e0eb;border-radius:10px;padding:1rem 1rem 1.15rem;display:flex;flex-direction:column;position:relative;box-shadow:0 2px 4px #0000000a}.panel.risk{border-left:4px solid #dc2626}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.panel-head h3{margin:0;font-size:1rem;font-weight:600}.score-chip{background:#1e3a8a;color:#fff;font-size:.7rem;padding:.2rem .45rem;border-radius:6px;font-weight:600;min-width:32px;text-align:center}.desc{font-size:.72rem;line-height:1.15rem;color:#334e68;margin:.25rem 0 .65rem}.improve{font-size:.7rem;background:#fef2f2;color:#991b1b;padding:.5rem .6rem;border-radius:6px;line-height:1.05rem;box-shadow:inset 0 0 0 1px #fde0e0}.improve strong{display:block;margin-top:.35rem;font-weight:600}.metrics-section{background:#fff;border:1px solid #d6e0eb;border-radius:12px;padding:1rem 1.2rem 1.4rem;box-shadow:0 3px 6px -2px #00000014}.metric-filters{margin-bottom:.75rem}.metric-filters button{background:#f1f5f9;border:1px solid #cbd5e1;padding:.4rem .75rem;font-size:.65rem;border-radius:16px;margin-right:.4rem;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;font-weight:600;transition:.18s}.metric-filters button.active{background:#0f766e;color:#fff;border-color:#0f766e}.metric-filters button:not(.active):hover{background:#e2e8f0}.metric-table-wrap{overflow:auto;border:1px solid #dce5ef;border-radius:8px}.metric-table{width:100%;border-collapse:collapse;font-size:.7rem}.metric-table th{background:#f1f5fa;text-align:left;padding:.55rem;font-size:.65rem;font-weight:600;letter-spacing:.5px;color:#1e3a5f;position:sticky;top:0}.metric-table td{padding:.5rem .55rem;border-top:1px solid #edf2f7}.metric-table tbody tr.attention{background:#fff8f2}.metric-table tbody tr.stable{background:#f6fbff}.metric-table tbody tr.strong{background:#f3fdf6}.metric-table tbody tr:hover{outline:1px solid #94a3b8}.metric-table td .bar{background:#e2e8f0;height:6px;border-radius:4px;overflow:hidden;position:relative}.metric-table td .bar div{background:linear-gradient(90deg,#0ea5e9,#6366f1);height:100%}.metric-table td .num{margin-left:.4rem;font-weight:600;font-size:.6rem}.focus-section{background:#fff;border:1px solid #d6e0eb;border-radius:12px;padding:1rem 1.1rem 1.4rem;box-shadow:0 3px 6px -2px #00000014}.focus-section h2{margin:.2rem 0 .4rem;font-size:1.15rem}.focus-section .helper{font-size:.7rem;color:#475569;margin:0 0 .8rem}.plan-list{margin:0;padding-left:1.1rem;font-size:.73rem;display:flex;flex-direction:column;gap:.55rem}.plan-list li{line-height:1.05rem}.plan-list em{color:#0f4c81;font-style:normal;font-weight:600}@media (max-width:760px){.kpi-row{gap:.5rem}.kpi-box{min-width:120px;padding:.6rem .7rem}.panel-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.wellness-head h1{font-size:1.55rem}}.accessibility-market{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#fff,#f8fafc,#f0f9ff);background-size:400% 400%;animation:gradientShift 20s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0% 100%}}.accessibility-hero{background:linear-gradient(135deg,#1e3a8a,#3730a3,#1e40af);color:#fff;padding:6rem 2rem 4rem;position:relative;overflow:hidden}.accessibility-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="accessibility-grid" width="20" height="20" patternUnits="userSpaceOnUse"><path d="M 20 0 L 0 0 0 20" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23accessibility-grid)"/></svg>');opacity:.3}.accessibility-hero-content{max-width:1200px;margin:0 auto;text-align:center;position:relative;z-index:2}.hero-badge{background:#ffffff26;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 2rem;border-radius:30px;display:inline-flex;align-items:center;gap:.75rem;margin-bottom:2rem;font-weight:600;font-size:1rem}.hero-badge-icon{font-size:1.5rem;animation:pulse 2s infinite}.hero-title{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em}.hero-highlight{background:linear-gradient(135deg,#60a5fa,#34d399);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:1.3rem;line-height:1.6;margin-bottom:3rem;opacity:.95;max-width:800px;margin-left:auto;margin-right:auto}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:800px;margin:0 auto}.hero-stat{background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:2rem 1.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.2);text-align:center;transition:all .3s ease}.hero-stat:hover{transform:translateY(-5px);background:#ffffff26}.hero-stat .stat-number{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#60a5fa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-stat .stat-label{font-size:1rem;opacity:.9;font-weight:500}.impact-dashboard{padding:4rem 2rem;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.impact-container{max-width:1200px;margin:0 auto}.impact-title{text-align:center;font-size:2.5rem;font-weight:700;color:#1e3a8a;margin-bottom:3rem}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.impact-card{background:linear-gradient(135deg,#ffffffe6,#f8fafce6);padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px #1e3a8a1a;border:1px solid rgba(30,58,138,.1);display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.impact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--card-color),var(--card-color-light))}.impact-card.social{--card-color: #059669;--card-color-light: #34d399}.impact-card.environmental{--card-color: #0d9488;--card-color-light: #2dd4bf}.impact-card.governance{--card-color: #7c3aed;--card-color-light: #a78bfa}.impact-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #1e3a8a26}.impact-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--card-color),var(--card-color-light));border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;flex-shrink:0}.impact-score{font-size:3rem;font-weight:800;color:var(--card-color);line-height:1}.impact-label{font-size:1.2rem;font-weight:600;color:#374151;margin:.5rem 0 .25rem}.impact-description{font-size:.9rem;color:#6b7280}.search-section{padding:2rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(30,58,138,.1)}.search-container{max-width:1200px;margin:0 auto;display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.search-bar{flex:1;position:relative;min-width:300px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#6b7280}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff}.search-input:focus{outline:none;border-color:#1e3a8a;box-shadow:0 0 0 3px #1e3a8a1a}.filter-controls{display:flex;gap:1rem}.sort-select{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-size:.9rem;cursor:pointer;transition:border-color .3s ease}.sort-select:focus{outline:none;border-color:#1e3a8a}.category-section{padding:2rem;background:#fffffff2}.category-container{max-width:1200px;margin:0 auto}.category-tabs{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.category-tab{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1rem 1.5rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;font-weight:500}.category-tab:hover{border-color:#1e3a8a;transform:translateY(-2px)}.category-tab.active{background:#1e3a8a;color:#fff;border-color:#1e3a8a}.category-icon{font-size:1.2rem}.category-count{background:#1e3a8a1a;color:#1e3a8a;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:600}.category-tab.active .category-count{background:#fff3;color:#fff}.solutions-section{padding:4rem 2rem}.solutions-container{max-width:1400px;margin:0 auto}.solutions-header{margin-bottom:3rem;text-align:center}.solutions-title{font-size:2rem;font-weight:700;color:#1e3a8a}.solutions-category{color:#6b7280;font-weight:400;font-size:1.2rem}.solutions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem}.solution-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 24px #1e3a8a14;border:1px solid rgba(30,58,138,.1);transition:all .3s ease;position:relative;overflow:hidden}.solution-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1e3a8a,#3730a3,#1e40af);transform:scaleX(0);transition:transform .3s ease}.solution-card:hover:before{transform:scaleX(1)}.solution-card:hover{transform:translateY(-8px);box-shadow:0 12px 48px #1e3a8a26}.solution-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.solution-category-badge{background:linear-gradient(135deg,#1e3a8a,#3730a3);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize}.solution-price{font-size:1.2rem;font-weight:700;color:#059669}.solution-title{font-size:1.3rem;font-weight:700;color:#1e3a8a;margin-bottom:.5rem;line-height:1.3}.solution-provider{color:#6b7280;font-size:.9rem;margin-bottom:1.5rem;font-style:italic}.solution-meta{background:#f8fafc;padding:1rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid #e5e7eb}.meta-item{display:flex;justify-content:space-between;margin-bottom:.5rem}.meta-item:last-child{margin-bottom:0}.meta-label{font-weight:600;color:#374151}.meta-value{color:#6b7280}.solution-impact{margin-bottom:1.5rem}.impact-scores{display:flex;gap:1rem;align-items:center}.impact-score-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.impact-score-item.social .score-value{color:#059669}.impact-score-item.environmental .score-value{color:#0d9488}.impact-score-item.governance .score-value{color:#7c3aed}.score-label{font-size:.8rem;font-weight:600;color:#6b7280}.score-value{font-size:1.5rem;font-weight:700}.impact-average{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-left:auto;padding-left:1rem;border-left:2px solid #e5e7eb}.avg-label{font-size:.8rem;font-weight:600;color:#6b7280}.avg-value{font-size:1.5rem;font-weight:700;color:#1e3a8a}.solution-beneficiaries{background:linear-gradient(135deg,#0596691a,#34d3991a);padding:1rem;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;border:1px solid rgba(5,150,105,.2)}.beneficiaries-icon{font-size:1.2rem}.beneficiaries-text{font-size:.9rem;color:#065f46;font-weight:500}.solution-features{margin-bottom:1.5rem}.features-title{font-size:.9rem;font-weight:600;color:#374151;margin-bottom:.75rem}.features-list{list-style:none;padding:0;margin:0}.feature-item{position:relative;padding-left:1.5rem;margin-bottom:.5rem;font-size:.85rem;color:#4b5563;line-height:1.4}.feature-item:before{content:"✓";position:absolute;left:0;color:#059669;font-weight:700}.feature-more{padding-left:1.5rem;font-size:.85rem;color:#6b7280;font-style:italic}.solution-sdg{margin-bottom:2rem}.sdg-title{font-size:.9rem;font-weight:600;color:#374151;margin-bottom:.75rem}.sdg-tags{display:flex;gap:.5rem;flex-wrap:wrap}.sdg-tag{background:linear-gradient(135d,#1e3a8a1a,#3730a31a);color:#1e3a8a;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid rgba(30,58,138,.2)}.sdg-more{color:#6b7280;font-size:.75rem;font-style:italic;padding:.25rem .5rem}.solution-actions{display:flex;gap:1rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;border:none;cursor:pointer;font-size:.9rem;flex:1}.btn-primary{background:linear-gradient(135deg,#1e3a8a,#3730a3);color:#fff;box-shadow:0 4px 12px #1e3a8a4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e3a8a66}.btn-secondary{background:#fff;color:#1e3a8a;border:2px solid #1e3a8a}.btn-secondary:hover{background:#1e3a8a;color:#fff;transform:translateY(-2px)}.no-results{text-align:center;padding:4rem 2rem;color:#6b7280}.no-results-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-results-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.no-results-text{font-size:1rem;opacity:.8}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:#fff;border-radius:20px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid #e5e7eb}.modal-title{font-size:1.5rem;font-weight:700;color:#1e3a8a;margin:0}.modal-close{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:2rem}.modal-provider{font-size:1rem;color:#6b7280;margin-bottom:2rem;font-style:italic}.modal-section{margin-bottom:2rem}.modal-section h3{font-size:1.2rem;font-weight:600;color:#374151;margin-bottom:1rem}.modal-features{list-style:none;padding:0;margin:0}.modal-features li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;line-height:1.5}.modal-features li:before{content:"✓";position:absolute;left:0;color:#059669;font-weight:700}.modal-sdgs{display:flex;gap:.75rem;flex-wrap:wrap}.modal-sdg-tag{background:linear-gradient(135deg,#1e3a8a1a,#3730a31a);color:#1e3a8a;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid rgba(30,58,138,.2)}.modal-impact{display:flex;flex-direction:column;gap:1rem}.modal-impact-item{display:flex;align-items:center;gap:1rem}.modal-impact-item .impact-label{width:120px;font-weight:600;color:#374151}.modal-impact-item .impact-value{width:60px;font-weight:600;color:#1e3a8a}.impact-bar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.impact-fill{height:100%;border-radius:4px;transition:width .5s ease}.impact-fill.social{background:linear-gradient(90deg,#059669,#34d399)}.impact-fill.environmental{background:linear-gradient(90deg,#0d9488,#2dd4bf)}.impact-fill.governance{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.modal-footer{padding:1rem 2rem 2rem;border-top:1px solid #e5e7eb;display:flex;gap:1rem}@media (max-width: 768px){.accessibility-hero{padding:4rem 1rem 3rem}.hero-stats,.impact-grid{grid-template-columns:1fr}.search-container{flex-direction:column;gap:1rem}.search-bar{min-width:auto}.category-tabs{flex-direction:column}.solutions-grid{grid-template-columns:1fr}.solution-actions{flex-direction:column}.modal-overlay,.modal-header,.modal-body,.modal-footer{padding:1rem}.modal-impact-item{flex-direction:column;align-items:flex-start;gap:.5rem}.modal-impact-item .impact-label,.modal-impact-item .impact-value{width:auto}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.solution-card{border:2px solid #000}.btn-primary{background:#000;border:2px solid #000}.btn-secondary{background:#fff;color:#000;border:2px solid #000}}.category-tab:focus,.btn-primary:focus,.btn-secondary:focus,.search-input:focus,.sort-select:focus{outline:3px solid #1e3a8a;outline-offset:2px}@media print{.accessibility-market{background:#fff}.modal-overlay{display:none}.solution-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}}.learning-courses{--gradient-primary: linear-gradient(135deg,#2563eb,#6366f1,#7c3aed);--gradient-surface: linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0);--radius-xl: 28px;--radius-lg:20px;--radius-md:14px;font-family:Segoe UI,Tahoma,sans-serif;background:var(--gradient-surface);min-height:100vh;color:#1e293b}.lc-hero{display:flex;flex-wrap:wrap;align-items:center;gap:3rem;padding:4rem 2rem 3rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#fff}.lc-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.25),transparent 60%),radial-gradient(circle at 80% 70%,rgba(59,130,246,.25),transparent 60%);opacity:.9;pointer-events:none}.lc-hero-content{flex:1 1 520px;position:relative;z-index:2}.lc-hero-title{font-size:clamp(2.75rem,5vw,4.2rem);font-weight:700;line-height:1.05;margin:0 0 1.5rem;letter-spacing:-1px}.lc-gradient{background:linear-gradient(90deg,#60a5fa,#818cf8,#a78bfa,#6366f1);-webkit-background-clip:text;background-clip:text;color:transparent;animation:lcShift 7s linear infinite;background-size:300% 100%}.lc-hero-description{font-size:1.25rem;line-height:1.7;max-width:720px;opacity:.92}.lc-hero-stats{margin-top:2.5rem;display:flex;flex-wrap:wrap;gap:1.8rem}.lc-stat{background:#ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:1.4rem 1.8rem;border-radius:var(--radius-lg);min-width:180px;box-shadow:0 10px 30px -5px #0006;border:1px solid rgba(255,255,255,.15);transition:.35s}.lc-stat:hover{transform:translateY(-8px);background:#ffffff21;box-shadow:0 18px 40px -8px #0000008c}.lc-stat-number{font-size:2.4rem;font-weight:700;background:linear-gradient(90deg,#93c5fd,#bfdbfe,#60a5fa);-webkit-background-clip:text;background-clip:text;color:transparent}.lc-stat-label{font-size:.9rem;letter-spacing:.5px;text-transform:uppercase;opacity:.9;font-weight:600}.lc-hero-visual{flex:1 1 380px;height:420px;position:relative}.lc-floating{position:absolute;font-size:5rem;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35));animation:lcFloat 10s ease-in-out infinite;opacity:.9}.lc-f1{top:8%;left:12%}.lc-f2{top:42%;left:65%;animation-delay:2s}.lc-f3{top:18%;right:8%;animation-delay:4s}.lc-f4{bottom:8%;left:35%;animation-delay:6s}.lc-dashboard{padding:3.5rem 2rem 2.5rem;text-align:center}.lc-dashboard h2{font-size:2.6rem;margin:0 0 2.3rem;font-weight:700;background:linear-gradient(90deg,#1e293b,#334155,#475569);-webkit-background-clip:text;background-clip:text;color:transparent}.lc-metrics-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-width:1400px;margin:0 auto}.lc-metric{position:relative;background:#fff;border-radius:var(--radius-xl);padding:2.2rem 1.8rem;box-shadow:0 10px 28px -6px #00000014;overflow:hidden;border:2px solid transparent;transition:.35s}.lc-metric:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#f8fafc80);opacity:0;transition:.4s}.lc-metric:hover{transform:translateY(-10px);box-shadow:0 20px 45px -10px #00000026}.lc-metric:hover:before{opacity:1}.lc-metric.env{border-color:#10b98140}.lc-metric.soc{border-color:#f59e0b40}.lc-metric.gov{border-color:#6366f140}.lc-metric.hours{border-color:#8b5cf640}.lc-metric-icon{font-size:2.6rem;margin-bottom:.9rem}.lc-metric-value{font-size:3rem;font-weight:700;line-height:1;margin-bottom:.6rem;background:linear-gradient(90deg,#334155,#64748b);-webkit-background-clip:text;background-clip:text;color:transparent}.lc-metric-label{font-weight:600;font-size:1.05rem;letter-spacing:.4px}.lc-metric-sub{font-size:.8rem;margin-top:.4rem;text-transform:uppercase;letter-spacing:1px;color:#64748b;font-weight:500}.lc-filters{padding:2.5rem 2rem 1.5rem;background:#fffa;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.lc-search-wrapper{max-width:900px;margin:0 auto 1.8rem}.lc-search-box{position:relative}.lc-search-input{width:100%;padding:1.2rem 3.2rem 1.2rem 1.4rem;border:2px solid #cbd5e1;border-radius:60px;font-size:1.05rem;background:#fff;box-shadow:0 4px 20px -4px #0000000d;transition:.3s}.lc-search-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f122}.lc-search-icon{position:absolute;right:1.4rem;top:50%;transform:translateY(-50%);font-size:1.4rem;opacity:.6}.lc-filter-row{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;margin-bottom:1.5rem}.lc-filter-group{display:flex;flex-direction:column;gap:.4rem}.lc-filter-label{font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#475569}.lc-select{padding:.85rem 1rem;min-width:210px;border-radius:14px;border:2px solid #cbd5e1;background:#fff;font-weight:500;font-size:.95rem;cursor:pointer;transition:.3s}.lc-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f120}.lc-category-bar{display:flex;overflow-x:auto;gap:.9rem;padding:.5rem .2rem 0;scrollbar-width:none;justify-content:center;flex-wrap:wrap}.lc-category-bar::-webkit-scrollbar{display:none}.lc-cat-btn{display:flex;align-items:center;gap:.55rem;padding:.85rem 1.3rem;background:#fff;border:2px solid #e2e8f0;border-radius:50px;font-weight:600;font-size:.9rem;cursor:pointer;position:relative;transition:.35s;color:#334155}.lc-cat-btn.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:0 8px 25px -6px #6366f180}.lc-cat-btn:not(.active):hover{transform:translateY(-4px);border-color:#6366f1}.lc-cat-icon{font-size:1.2rem}.lc-courses{padding:3rem 2rem 4rem}.lc-courses h2{text-align:center;font-size:2.7rem;margin:0 0 2.5rem;font-weight:700;background:linear-gradient(90deg,#334155,#0f172a);-webkit-background-clip:text;background-clip:text;color:transparent}.lc-grid{display:grid;gap:2.2rem;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));max-width:1700px;margin:0 auto}.lc-card{background:#fff;border-radius:var(--radius-xl);padding:2rem 1.7rem 2.2rem;box-shadow:0 14px 35px -8px #0000001f;cursor:pointer;position:relative;display:flex;flex-direction:column;gap:1rem;border:3px solid transparent;transition:.45s;outline:none}.lc-card:focus-visible{box-shadow:0 0 0 4px #6366f1aa}.lc-card:hover{transform:translateY(-14px);box-shadow:0 28px 55px -15px #0003}.lc-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,#6366f1,#8b5cf6,#6366f1);padding:2px;opacity:0;transition:.45s;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.lc-card:hover:before{opacity:1}.lc-card-title{font-size:1.35rem;margin:0;font-weight:600;line-height:1.2}.lc-card-desc{font-size:.95rem;line-height:1.55;color:#475569;flex-grow:1}.lc-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.lc-level{background:#6366f1;color:#fff;padding:.45rem .85rem;border-radius:10px;font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.lc-level[data-level=Intermediate]{background:#0d9488}.lc-level[data-level=Advanced]{background:#9333ea}.lc-meta{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;font-size:.75rem;letter-spacing:.5px;font-weight:600;text-transform:uppercase;color:#475569}.lc-esg-tags{display:flex;gap:.6rem}.lc-esg-tag{font-size:.7rem;font-weight:700;padding:.5rem .7rem;border-radius:9px;background:#f1f5f9;letter-spacing:.5px}.lc-esg-tag.env{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46}.lc-esg-tag.soc{background:linear-gradient(135deg,#fffbeb,#fde68a);color:#92400e}.lc-esg-tag.gov{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4338ca}.lc-accreditations{display:flex;gap:.5rem;flex-wrap:wrap}.lc-accred-badge{background:#fff;border:1px solid #cbd5e1;font-size:.65rem;padding:.4rem .6rem;border-radius:8px;font-weight:600;letter-spacing:.5px}.lc-frameworks{display:flex;gap:.45rem;flex-wrap:wrap}.lc-fw{background:#f1f5f9;border-radius:6px;padding:.35rem .55rem;font-size:.6rem;font-weight:600;letter-spacing:.5px;color:#334155}.lc-impact-note{font-size:.7rem;font-weight:600;letter-spacing:.7px;color:#0f766e;text-transform:uppercase;background:linear-gradient(90deg,#ecfdf5,#d1fae5);padding:.55rem .9rem;border-radius:9px}.lc-open-btn{margin-top:.4rem;align-self:flex-start;background:#1e293b;color:#fff;padding:.75rem 1.2rem;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:.85rem;letter-spacing:.5px;transition:.35s;box-shadow:0 6px 18px -6px #1e293b99}.lc-card:hover .lc-open-btn{background:#6366f1}.lc-empty{grid-column:1/-1;text-align:center;padding:4rem 1rem;font-size:1.2rem;font-weight:600;color:#475569;background:#fff;border-radius:var(--radius-xl);border:2px dashed #cbd5e1}.lc-modal-overlay{position:fixed;inset:0;background:#0f172ab8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .35s ease;padding:2rem}.lc-modal{background:#fff;max-width:1200px;width:100%;max-height:92vh;overflow:auto;border-radius:32px;box-shadow:0 40px 80px -20px #00000073;animation:slideUp .45s cubic-bezier(.16,.8,.24,1);display:flex;flex-direction:column}.lc-modal-header{padding:2.2rem 2.4rem 1.2rem;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.lc-modal-header h2{font-size:2.1rem;margin:0;background:linear-gradient(90deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;color:transparent}.lc-close{background:none;border:none;font-size:2.2rem;line-height:1;color:#64748b;cursor:pointer;padding:.3rem .7rem;border-radius:16px;transition:.3s}.lc-close:hover{background:#f1f5f9;color:#334155;transform:rotate(90deg)}.lc-modal-body{padding:2.2rem 2.4rem;display:grid;gap:2.4rem}.lc-section h3{margin:0 0 1rem;font-size:1.25rem;letter-spacing:.5px;text-transform:uppercase;font-weight:700;color:#334155;position:relative}.lc-section h3:after{content:"";position:absolute;left:0;bottom:-6px;width:54px;height:4px;border-radius:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6)}.lc-detail-grid{display:grid;gap:1rem 2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));font-size:.9rem}.lc-d-label{font-weight:600;color:#334155}.lc-outcomes,.lc-modules,.lc-accessibility-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.lc-outcomes li,.lc-modules li,.lc-accessibility-list li{background:#f8fafc;padding:.8rem 1rem;border-radius:12px;font-size:.85rem;border:1px solid #e2e8f0}.lc-outcomes li{border-left:4px solid #6366f1}.lc-modules li{counter-increment:mod;position:relative;padding-left:2.2rem}.lc-modules li:before{content:counter(mod);position:absolute;left:.9rem;top:50%;transform:translateY(-50%);width:1.2rem;height:1.2rem;font-size:.65rem;display:flex;align-items:center;justify-content:center;background:#6366f1;color:#fff;border-radius:50%;font-weight:700;box-shadow:0 0 0 3px #eef2ff}.lc-fw-tags{display:flex;flex-wrap:wrap;gap:.6rem}.lc-fw-tag{background:#eef2ff;color:#3730a3;padding:.55rem .85rem;border-radius:12px;font-size:.7rem;font-weight:600;letter-spacing:.5px}.lc-modal-esg{display:flex;gap:.8rem;flex-wrap:wrap}.lc-modal-esg-item{flex:1 1 150px;background:#f1f5f9;padding:1rem 1.1rem;border-radius:14px;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem;letter-spacing:.5px}.lc-modal-esg-item.env{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46}.lc-modal-esg-item.soc{background:linear-gradient(135deg,#fffbeb,#fde68a);color:#92400e}.lc-modal-esg-item.gov{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4338ca}.lc-accred-tags{display:flex;flex-wrap:wrap;gap:.55rem}.lc-accred-tag{background:#fff;border:1px solid #cbd5e1;padding:.55rem .85rem;border-radius:10px;font-size:.65rem;font-weight:600;letter-spacing:.5px}.lc-impact-statement{background:linear-gradient(135deg,#ecfdf5,#d1fae5);padding:1.2rem 1.4rem;border-left:5px solid #0d9488;border-radius:12px;font-weight:600;font-size:.9rem;color:#065f46;box-shadow:0 4px 14px -4px #0d94884d}.lc-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.2rem 2.4rem 2.2rem;border-top:2px solid #f1f5f9}.lc-primary-action{background:var(--gradient-primary);color:#fff;border:none;border-radius:16px;padding:.9rem 1.6rem;font-weight:600;letter-spacing:.5px;cursor:pointer;box-shadow:0 10px 25px -8px #6366f180;transition:.35s}.lc-primary-action:hover{transform:translateY(-4px);box-shadow:0 18px 40px -10px #6366f199}.lc-secondary-action{background:#fff;border:2px solid #cbd5e1;border-radius:16px;padding:.9rem 1.6rem;font-weight:600;cursor:pointer;transition:.35s}.lc-secondary-action:hover{border-color:#6366f1;color:#6366f1}@keyframes lcFloat{0%,to{transform:translateY(0)}25%{transform:translateY(-25px)}50%{transform:translateY(-40px)}75%{transform:translateY(-15px)}}@keyframes lcShift{0%{background-position:0 0}to{background-position:300% 0}}@media (max-width: 1100px){.lc-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width: 900px){.lc-hero{padding:3rem 1.5rem 2.5rem}.lc-hero-stats{gap:1.1rem}.lc-metrics-grid{gap:1.3rem}.lc-modal-body{padding:1.8rem 1.9rem}}@media (max-width: 700px){.lc-hero{flex-direction:column;text-align:center}.lc-hero-visual{order:-1;height:260px}.lc-stat{min-width:140px;padding:1rem 1.1rem}.lc-metric-value{font-size:2.4rem}.lc-courses h2{font-size:2.2rem}.lc-grid{gap:1.5rem}.lc-card{padding:1.7rem 1.4rem 1.8rem}.lc-modal{border-radius:24px}.lc-modal-header{padding:1.6rem 1.6rem .8rem}.lc-modal-body{padding:1.6rem}.lc-modal-footer{padding:1rem 1.6rem 1.6rem}}@media (max-width: 480px){.lc-level,.lc-meta{font-size:.55rem}.lc-esg-tag{font-size:.55rem;padding:.4rem .55rem}.lc-accred-badge{font-size:.55rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}@media (prefers-contrast: more){.lc-card{border:3px solid #000}.lc-cat-btn{border:2px solid #000}.lc-search-input{border:3px solid #000}}@media print{.learning-courses{background:#fff!important}.lc-hero,.lc-modal-overlay{display:none!important}.lc-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}}.csp{position:relative;min-height:calc(100vh - 120px);background:#f1f5f9;z-index:1}.csp-hero{display:flex;flex-wrap:wrap;gap:3rem;padding:4rem 2rem 3rem;background:var(--grad);color:#fff;position:relative;overflow:hidden}.csp-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 30%,rgba(99,102,241,.25),transparent 60%),radial-gradient(circle at 80% 70%,rgba(14,165,233,.25),transparent 60%);pointer-events:none}.csp-hero-content{flex:1 1 520px;position:relative;z-index:2}.csp-title{font-size:clamp(2.5rem,5vw,4rem);margin:0 0 1.4rem;font-weight:700;line-height:1.05;letter-spacing:-1px}.csp-gradient{background:linear-gradient(90deg,#6366f1,#0ea5e9,#10b981,#6366f1);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:cspShift 8s linear infinite}.csp-sub{font-size:1.2rem;line-height:1.65;max-width:700px;opacity:.9}.csp-hero-stats{margin-top:2.2rem;display:flex;flex-wrap:wrap;gap:1.4rem}.csp-stat{background:#ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:1.3rem 1.6rem;border-radius:20px;min-width:170px;box-shadow:0 10px 30px -5px #0006;border:1px solid rgba(255,255,255,.15);transition:.35s}.csp-stat:hover{transform:translateY(-8px);background:#ffffff24}.csp-stat-num{font-size:2.1rem;font-weight:700;background:linear-gradient(90deg,#bae6fd,#93c5fd,#60a5fa);-webkit-background-clip:text;background-clip:text;color:transparent}.csp-stat-label{font-size:.7rem;letter-spacing:1px;text-transform:uppercase;font-weight:600;opacity:.9}.csp-hero-visual{flex:1 1 360px;position:relative;height:420px}.csp-float{position:absolute;font-size:5rem;filter:drop-shadow(0 10px 25px rgba(0,0,0,.35));animation:cspFloat 10s ease-in-out infinite;opacity:.9}.csp-float.f1{top:10%;left:12%}.csp-float.f2{top:40%;left:65%;animation-delay:2s}.csp-float.f3{top:15%;right:10%;animation-delay:4s}.csp-float.f4{bottom:10%;left:32%;animation-delay:6s}.csp-dashboard{padding:3rem 2rem 2.2rem}.csp-metric-grid{display:grid;gap:1.8rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:1500px;margin:0 auto}.csp-metric{background:#fff;padding:1.8rem 1.4rem;border-radius:26px;box-shadow:0 12px 30px -10px #0000001f;display:flex;flex-direction:column;gap:.6rem;position:relative;border:2px solid transparent;transition:.35s}.csp-metric:hover{transform:translateY(-8px)}.csp-metric.env{border-color:#10b98155}.csp-metric.soc{border-color:#f59e0b55}.csp-metric.gov{border-color:#6366f155}.csp-metric.mttr{border-color:#0ea5e955}.csp-metric.res{border-color:#9333ea55}.csp-metric-icon{font-size:2.2rem}.csp-metric-value{font-size:2.6rem;font-weight:700;line-height:1;background:linear-gradient(90deg,#334155,#475569);-webkit-background-clip:text;background-clip:text;color:transparent}.csp-metric-label{font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#475569}.csp-filters{padding:2rem 2rem 1.2rem;background:#fffc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.csp-filter-row{display:flex;flex-wrap:wrap;gap:1.4rem;align-items:flex-end}.csp-filter-group{display:flex;flex-direction:column;gap:.4rem}.csp-filter-group label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#475569}.csp-filter-group select{padding:.7rem .9rem;min-width:160px;border:2px solid #cbd5e1;border-radius:14px;font-weight:600;background:#fff;cursor:pointer}.csp-search-box input{padding:.85rem 1.1rem;width:280px;border:2px solid #cbd5e1;border-radius:14px;font-size:.9rem}.csp-view-toggle{display:flex;gap:.6rem;margin-left:auto}.csp-view-toggle button{padding:.7rem 1rem;border:2px solid #cbd5e1;background:#fff;border-radius:12px;font-weight:600;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:.3s}.csp-view-toggle button.active{background:#6366f1;color:#fff;border-color:#6366f1;box-shadow:0 6px 20px -8px #6366f199}.csp-incidents{padding:2.5rem 2rem 3.5rem}.csp-incidents h2{text-align:center;font-size:2.5rem;margin:0 0 2.2rem;font-weight:700;background:linear-gradient(90deg,#334155,#0f172a);-webkit-background-clip:text;background-clip:text;color:transparent}.csp-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));max-width:1700px;margin:0 auto}.csp-card{background:#fff;border-radius:26px;padding:1.8rem 1.5rem 2rem;box-shadow:0 14px 35px -10px #00000026;cursor:pointer;display:flex;flex-direction:column;gap:.8rem;position:relative;border:3px solid transparent;transition:.4s;outline:none}.csp-card:focus-visible{box-shadow:0 0 0 4px #6366f1aa}.csp-card:hover{transform:translateY(-12px);box-shadow:0 28px 55px -15px #00000040}.csp-card-head{display:flex;justify-content:space-between;align-items:center}.csp-card-id{font-weight:700;font-size:.85rem;letter-spacing:.5px;color:#334155}.csp-card-sev{font-size:.65rem;font-weight:700;padding:.4rem .7rem;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;background:#334155;color:#fff}.csp-card.sev-medium .csp-card-sev{background:#0d9488}.csp-card.sev-high .csp-card-sev{background:#f59e0b}.csp-card.sev-critical .csp-card-sev{background:#dc2626}.csp-card-title{margin:0;font-size:1.2rem;font-weight:600;line-height:1.25}.csp-card-status{font-size:.65rem;font-weight:700;letter-spacing:1px;padding:.35rem .6rem;border-radius:8px;width:max-content;background:#e2e8f0;color:#334155}.csp-card-status[data-status=Resolved]{background:#d1fae5;color:#064e3b}.csp-card-status[data-status=Mitigated]{background:#fef3c7;color:#92400e}.csp-card-status[data-status="In Progress"]{background:#e0e7ff;color:#3730a3}.csp-card-desc{font-size:.8rem;line-height:1.4;color:#475569;flex-grow:1}.csp-card-meta{display:flex;gap:.9rem;flex-wrap:wrap;font-size:.65rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#475569}.csp-esg-tags{display:flex;gap:.5rem}.csp-esg{font-size:.6rem;font-weight:700;padding:.45rem .6rem;border-radius:9px;background:#f1f5f9;letter-spacing:.5px}.csp-esg.env{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46}.csp-esg.soc{background:linear-gradient(135deg,#fffbeb,#fde68a);color:#92400e}.csp-esg.gov{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4338ca}.csp-impact-flags{display:flex;gap:.4rem;flex-wrap:wrap}.csp-flag{font-size:.55rem;font-weight:700;padding:.35rem .5rem;border-radius:6px;letter-spacing:.6px;background:#334155;color:#fff}.csp-flag.a11y{background:#6366f1}.csp-flag.ethics{background:#9333ea}.csp-flag.sec{background:#dc2626}.csp-open-btn{margin-top:.3rem;align-self:flex-start;background:#1e293b;color:#fff;padding:.55rem 1rem;border:none;border-radius:10px;font-weight:600;font-size:.75rem;letter-spacing:.5px;cursor:pointer;transition:.35s}.csp-card:hover .csp-open-btn{background:#6366f1}.csp-empty{grid-column:1/-1;text-align:center;padding:3rem 1rem;font-size:1.1rem;font-weight:600;color:#475569;background:#fff;border-radius:26px;border:2px dashed #cbd5e1}.csp-channels{padding:2.5rem 2rem 3.5rem}.csp-channels h2{text-align:center;font-size:2.4rem;margin:0 0 2.2rem;font-weight:700;background:linear-gradient(90deg,#334155,#0f172a);-webkit-background-clip:text;background-clip:text;color:transparent}.csp-channel-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));max-width:1600px;margin:0 auto}.csp-channel-card{background:#fff;padding:1.8rem 1.6rem 2rem;border-radius:24px;box-shadow:0 14px 35px -10px #00000026;position:relative;display:flex;flex-direction:column;gap:.6rem;border:2px solid transparent;transition:.35s}.csp-channel-card:hover{transform:translateY(-10px);box-shadow:0 26px 50px -14px #00000038}.csp-channel-icon{font-size:2.8rem}.csp-channel-title{margin:.2rem 0;font-size:1.25rem;font-weight:600}.csp-channel-desc{font-size:.85rem;line-height:1.5;color:#475569}.csp-playbooks{padding:2.5rem 2rem 3.5rem}.csp-playbooks h2{text-align:center;font-size:2.4rem;margin:0 0 2.2rem;font-weight:700;background:linear-gradient(90deg,#334155,#0f172a);-webkit-background-clip:text;background-clip:text;color:transparent}.csp-playbook-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));max-width:1600px;margin:0 auto}.csp-playbook{background:#fff;padding:1.6rem 1.4rem 1.8rem;border-radius:22px;box-shadow:0 10px 28px -10px #0000001f;display:flex;flex-direction:column;gap:.6rem;transition:.35s}.csp-playbook:hover{transform:translateY(-8px);box-shadow:0 20px 42px -14px #0003}.csp-playbook h3{margin:.2rem 0;font-size:1.1rem;font-weight:600}.csp-playbook ul{list-style:none;margin:.2rem 0 0;padding:0;display:grid;gap:.5rem}.csp-playbook li{background:#f8fafc;padding:.6rem .8rem;border-radius:10px;font-size:.75rem;border-left:4px solid #6366f1}.csp-modal-overlay{position:fixed;inset:0;background:#0f172ac7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1000;animation:fadeIn .35s ease}.csp-modal{background:#fff;max-width:1200px;width:100%;max-height:92vh;overflow:auto;border-radius:34px;box-shadow:0 40px 80px -20px #00000073;animation:slideUp .45s cubic-bezier(.16,.8,.24,1);display:flex;flex-direction:column}.csp-modal-header{padding:2rem 2.2rem 1rem;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.csp-modal-header h2{margin:0;font-size:1.9rem;background:linear-gradient(90deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;color:transparent}.csp-close{background:none;border:none;font-size:2.2rem;line-height:1;color:#64748b;cursor:pointer;padding:.3rem .7rem;border-radius:16px;transition:.3s}.csp-close:hover{background:#f1f5f9;color:#334155;transform:rotate(90deg)}.csp-modal-body{padding:2rem 2.2rem;display:grid;gap:2.2rem}.csp-section h3{margin:0 0 .9rem;font-size:1rem;letter-spacing:.5px;text-transform:uppercase;font-weight:700;color:#334155}.csp-detail-grid{display:grid;gap:1rem 2rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));font-size:.8rem}.csp-d-label{font-weight:600;color:#334155}.csp-modal-esg{display:flex;gap:.6rem;flex-wrap:wrap}.csp-modal-esg-item{flex:1 1 150px;background:#f1f5f9;padding:.8rem .9rem;border-radius:14px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.5rem;letter-spacing:.5px}.csp-modal-esg-item.env{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46}.csp-modal-esg-item.soc{background:linear-gradient(135deg,#fffbeb,#fde68a);color:#92400e}.csp-modal-esg-item.gov{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4338ca}.csp-esg-notes{font-size:.75rem;line-height:1.4;color:#475569;margin:.8rem 0 0}.csp-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.csp-list li{background:#f8fafc;padding:.6rem .8rem;border-radius:10px;font-size:.7rem;border-left:4px solid #6366f1}.csp-tags{display:flex;flex-wrap:wrap;gap:.5rem}.csp-tag{background:#eef2ff;color:#3730a3;padding:.45rem .7rem;border-radius:8px;font-size:.65rem;font-weight:700;letter-spacing:.5px}.csp-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.1rem 2.2rem 2rem;border-top:2px solid #f1f5f9}.csp-primary{background:linear-gradient(135deg,#6366f1,#0ea5e9);color:#fff;border:none;border-radius:16px;padding:.75rem 1.4rem;font-weight:600;cursor:pointer;box-shadow:0 10px 25px -8px #6366f180;transition:.3s}.csp-primary:hover{transform:translateY(-4px);box-shadow:0 18px 40px -10px #6366f199}.csp-secondary{background:#fff;border:2px solid #cbd5e1;border-radius:16px;padding:.75rem 1.4rem;font-weight:600;cursor:pointer}.csp-secondary:hover{border-color:#6366f1;color:#6366f1}@keyframes cspFloat{0%,to{transform:translateY(0)}25%{transform:translateY(-25px)}50%{transform:translateY(-40px)}75%{transform:translateY(-15px)}}@keyframes cspShift{0%{background-position:0 0}to{background-position:300% 0}}@media (max-width:900px){.csp-hero{padding:3rem 1.5rem 2.4rem}.csp-hero-stats{gap:1rem}.csp-grid,.csp-channel-grid,.csp-playbook-grid{gap:1.5rem}.csp-modal-body{padding:1.6rem 1.7rem}}@media (max-width:700px){.csp-hero{flex-direction:column;text-align:center}.csp-hero-visual{order:-1;height:250px}.csp-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.csp-channel-grid,.csp-playbook-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.csp-card{padding:1.5rem 1.2rem 1.7rem}.csp-modal{border-radius:26px}.csp-modal-header{padding:1.5rem 1.5rem .8rem}.csp-modal-body{padding:1.4rem}.csp-modal-footer{padding:1rem 1.5rem 1.4rem}}@media (max-width:480px){.csp-stat{min-width:140px;padding:1rem 1.1rem}.csp-card-meta{font-size:.55rem}.csp-esg{font-size:.5rem;padding:.35rem .5rem}.csp-card{grid-template-columns:1fr}}@media (prefers-contrast:more){.csp-card,.csp-filter-group select,.csp-search-box input{border:3px solid #000}}@media print{.csp-hero,.csp-modal-overlay{display:none!important}.csp{background:#fff!important}.csp-card{box-shadow:none;border:1px solid #ccc}}.csp-login{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:3rem 0;background:linear-gradient(135deg,#6366f1,#8b5cf6,#06b6d4)}.csp-login-container{padding:2rem;width:100%;max-width:500px}.csp-login-card{background:#fff;border-radius:24px;padding:3rem 2.5rem;box-shadow:0 20px 60px #0000004d;text-align:center}.csp-login-icon{font-size:4rem;margin-bottom:1.5rem;animation:bounce 2s infinite}.csp-login-title{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:#0f172a}.csp-login-subtitle{font-size:1rem;color:#64748b;margin:0 0 2rem;line-height:1.6}.csp-login-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.csp-login-feature{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f8fafc;border-radius:12px;font-size:.875rem;font-weight:600}.csp-login-feature-icon{font-size:1.5rem}.csp-login-btn{width:100%;padding:1rem 2rem;background:#6366f1;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;box-shadow:0 4px 16px #6366f166}.csp-login-btn:hover{background:#8b5cf6;transform:translateY(-2px);box-shadow:0 6px 24px #8b5cf680}.csp-login-help{margin-top:1.5rem;font-size:.875rem;color:#64748b}.csp-login-help a{color:#6366f1;text-decoration:none;font-weight:600}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.csp-header{background:#fff;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #0000000d}.csp-header-left{display:flex;align-items:center;gap:1rem}.csp-header-title{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;margin:0;color:#0f172a}.csp-header-icon{font-size:1.75rem}.csp-header-role{padding:.35rem .75rem;border-radius:8px;font-size:.65rem;font-weight:700;letter-spacing:.5px}.csp-header-role[data-role=customer]{background:#6366f1;color:#fff}.csp-header-role[data-role=agent]{background:#10b981;color:#fff}.csp-header-role[data-role=admin]{background:#8b5cf6;color:#fff}.csp-header-right{display:flex;align-items:center;gap:1rem}.csp-header-btn{padding:.625rem 1.25rem;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.csp-header-btn:hover{background:#6366f1;border-color:#6366f1;color:#fff;transform:translateY(-2px)}.csp-header-user{display:flex;align-items:center;gap:.75rem;padding-left:1rem;border-left:2px solid #e2e8f0}.csp-header-user-name{font-weight:600;color:#334155}.csp-header-logout{padding:.5rem 1rem;background:transparent;border:1px solid #cbd5e1;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;color:#334155;transition:all .3s ease}.csp-header-logout:hover{background:#ef4444;border-color:#ef4444;color:#fff}.csp-nav{background:#fff;padding:0 2rem;display:flex;gap:.5rem;border-bottom:1px solid #e2e8f0;overflow-x:auto}.csp-nav-btn{padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;font-weight:600;font-size:.875rem;cursor:pointer;color:#64748b;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;white-space:nowrap}.csp-nav-btn:hover{color:#6366f1;background:#f8fafc}.csp-nav-btn.active{color:#6366f1;border-bottom-color:#6366f1}.csp-notifications{position:fixed;top:6rem;right:2rem;z-index:50;display:flex;flex-direction:column;gap:.75rem;max-width:400px}.csp-notification{padding:1rem 1.25rem;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;justify-content:space-between;align-items:center;gap:1rem;animation:slideInRight .3s ease;border-left:4px solid #10b981}.csp-notification.success{border-left-color:#10b981}.csp-notification.error{border-left-color:#ef4444}.csp-notification button{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#64748b;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.csp-notification button:hover{background:#e2e8f0;color:#0f172a}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.csp-dashboard-new{padding:2rem;max-width:1600px;margin:0 auto}.csp-welcome h2{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:#0f172a}.csp-welcome p{font-size:1rem;color:#64748b;margin:0 0 2rem}.csp-quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2.5rem}.csp-quick-stat{background:#fff;padding:1.5rem;border-radius:16px;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.csp-quick-stat:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.csp-quick-stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.csp-quick-stat-content{display:flex;flex-direction:column;gap:.25rem}.csp-quick-stat-value{font-size:1.75rem;font-weight:700;color:#0f172a;line-height:1}.csp-quick-stat-label{font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.csp-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2rem}.csp-dashboard-card{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 4px 16px #00000014}.csp-dashboard-card-title{font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;color:#0f172a}.csp-esg-metrics{display:flex;flex-direction:column;gap:1.5rem}.csp-esg-metric-item{display:flex;flex-direction:column;gap:.75rem}.csp-esg-metric-header{display:flex;align-items:center;gap:.5rem}.csp-esg-metric-icon{font-size:1.5rem}.csp-esg-metric-name{font-weight:600;color:#334155}.csp-esg-metric-bar{height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden}.csp-esg-metric-fill{height:100%;transition:width .6s ease;border-radius:6px}.csp-esg-metric-fill.env{background:linear-gradient(90deg,#10b981,#059669)}.csp-esg-metric-fill.soc{background:linear-gradient(90deg,#f59e0b,#d97706)}.csp-esg-metric-fill.gov{background:linear-gradient(90deg,#6366f1,#4f46e5)}.csp-esg-metric-value{font-size:.875rem;font-weight:700;color:#64748b}.csp-quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.csp-quick-action-btn{padding:1.25rem 1rem;background:#fff;border:2px solid #e2e8f0;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .3s ease;text-align:center}.csp-quick-action-btn:hover{border-color:var(--hover-color);background:#f8fafc;transform:translateY(-2px)}.csp-quick-action-icon{font-size:2rem}.csp-quick-action-name{font-size:.8125rem;font-weight:600;color:#334155}.csp-knowledge{padding:2rem;max-width:1600px;margin:0 auto}.csp-knowledge-header h2{font-size:2rem;font-weight:700;margin:0 0 1rem}.csp-knowledge-search{position:relative;max-width:500px;margin-bottom:2rem}.csp-knowledge-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.25rem}.csp-knowledge-search input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #cbd5e1;border-radius:14px;font-size:1rem;transition:all .3s ease}.csp-knowledge-search input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.csp-knowledge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.csp-knowledge-card{background:#fff;padding:1.75rem;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease}.csp-knowledge-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.csp-knowledge-card-header{display:flex;justify-content:space-between;align-items:center}.csp-knowledge-category{padding:.4rem .75rem;background:#6366f1;color:#fff;border-radius:8px;font-size:.75rem;font-weight:700;letter-spacing:.5px}.csp-knowledge-helpful{font-size:.8125rem;font-weight:600;color:#10b981}.csp-knowledge-title{font-size:1.125rem;font-weight:600;margin:0;color:#0f172a;line-height:1.4}.csp-knowledge-meta{font-size:.875rem;color:#64748b}.csp-knowledge-btn{padding:.75rem 1.25rem;background:#f1f5f9;border:none;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease}.csp-knowledge-btn:hover{background:#6366f1;color:#fff}.csp-incidents-header{margin-bottom:2rem}.csp-incidents-header h2{font-size:2rem;font-weight:700;margin:0 0 1rem}.csp-filters-compact{display:flex;gap:1rem;flex-wrap:wrap}.csp-filter-select,.csp-search-input{padding:.75rem 1rem;border:2px solid #cbd5e1;border-radius:10px;font-size:.875rem;font-weight:600;transition:all .3s ease}.csp-filter-select:focus,.csp-search-input:focus{outline:none;border-color:#6366f1}.csp-search-input{min-width:280px;flex:1}.csp-channel-grid-new{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.csp-channel-card-new{background:#fff;padding:2rem;border-radius:18px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease;border:2px solid transparent}.csp-channel-card-new:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001f;border-color:#6366f1}.csp-channel-card-header{display:flex;justify-content:space-between;align-items:center}.csp-channel-icon-large{font-size:3rem}.csp-channel-status{padding:.4rem .75rem;background:#10b981;color:#fff;border-radius:8px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.csp-channel-title-new{font-size:1.25rem;font-weight:600;margin:0;color:#0f172a}.csp-channel-desc-new{font-size:.875rem;line-height:1.6;color:#64748b}.csp-channel-details{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem;border-top:1px solid #e2e8f0}.csp-channel-detail{display:flex;justify-content:space-between;font-size:.8125rem}.csp-channel-detail-label{color:#64748b;font-weight:600}.csp-channel-detail-value{color:#0f172a;font-weight:700}.csp-channel-btn-new{padding:.875rem 1.5rem;background:#6366f1;color:#fff;border:none;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.csp-channel-btn-new:hover{background:#8b5cf6;transform:translateY(-2px)}.csp-analytics{padding:2rem;max-width:1600px;margin:0 auto}.csp-analytics h2{font-size:2rem;font-weight:700;margin:0 0 2rem}.csp-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.csp-analytics-card{background:#fff;padding:2rem;border-radius:18px;box-shadow:0 4px 12px #00000014}.csp-analytics-card h3{font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.csp-chart-placeholder{padding:3rem 2rem;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center}.csp-chart-icon{font-size:3rem}.csp-chart-placeholder p{color:#64748b;font-weight:600;margin:0}.csp-analytics-list{display:flex;flex-direction:column;gap:1.25rem}.csp-analytics-item{display:grid;grid-template-columns:1fr 2fr auto;gap:1rem;align-items:center;font-size:.875rem;font-weight:600}.csp-analytics-bar{height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden}.csp-analytics-bar-fill{height:100%;transition:width .6s ease;border-radius:5px}.csp-analytics-stats{display:grid;gap:1.5rem}.csp-analytics-stat{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;background:#f8fafc;border-radius:12px}.csp-analytics-stat-value{font-size:2.5rem;font-weight:700;color:#6366f1;line-height:1}.csp-analytics-stat-label{font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.csp-modal-new{background:#fff;border-radius:20px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.csp-form-group{margin-bottom:1.5rem}.csp-form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:#334155}.csp-form-group input,.csp-form-group select,.csp-form-group textarea{width:100%;padding:.875rem 1rem;border:2px solid #cbd5e1;border-radius:10px;font-size:.9375rem;transition:all .3s ease;font-family:inherit}.csp-form-group input:focus,.csp-form-group select:focus,.csp-form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.csp-form-group textarea{resize:vertical;min-height:120px}.csp-btn-primary,.csp-btn-secondary{padding:.875rem 1.75rem;border:none;border-radius:10px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .3s ease}.csp-btn-primary{background:#6366f1;color:#fff}.csp-btn-primary:hover{background:#8b5cf6;transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.csp-btn-secondary{background:#e2e8f0;color:#334155}.csp-btn-secondary:hover{background:#cbd5e1}.csp-chat-widget{position:fixed;bottom:2rem;right:2rem;width:380px;max-height:600px;background:#fff;border-radius:20px;box-shadow:0 12px 48px #0003;display:flex;flex-direction:column;z-index:50;animation:slideUp .3s ease}.csp-chat-header{padding:1.25rem 1.5rem;background:#6366f1;color:#fff;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;align-items:center}.csp-chat-header-left{display:flex;align-items:center;gap:.75rem}.csp-chat-status-dot{width:10px;height:10px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.csp-chat-header-title{font-weight:600;font-size:1rem}.csp-chat-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s ease}.csp-chat-close:hover{background:#fff3}.csp-chat-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;max-height:400px}.csp-chat-welcome{text-align:center;padding:2rem 1rem;color:#64748b}.csp-chat-message{display:flex;gap:.75rem}.csp-chat-message.agent{flex-direction:row}.csp-chat-message.user{flex-direction:row-reverse}.csp-chat-message-avatar{width:36px;height:36px;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.csp-chat-message.agent .csp-chat-message-avatar{background:#6366f1}.csp-chat-message.user .csp-chat-message-avatar{background:#cbd5e1}.csp-chat-message-content{max-width:70%}.csp-chat-message-sender{font-size:.75rem;font-weight:600;margin-bottom:.25rem;color:#64748b}.csp-chat-message.user .csp-chat-message-sender{text-align:right}.csp-chat-message-text{padding:.75rem 1rem;border-radius:12px;font-size:.875rem;line-height:1.5}.csp-chat-message.agent .csp-chat-message-text{background:#f1f5f9;color:#0f172a;border-bottom-left-radius:4px}.csp-chat-message.user .csp-chat-message-text{background:#6366f1;color:#fff;border-bottom-right-radius:4px}.csp-chat-message-time{font-size:.7rem;color:#94a3b8;margin-top:.25rem}.csp-chat-message.user .csp-chat-message-time{text-align:right}.csp-chat-input-container{padding:1rem 1.5rem;border-top:1px solid #e2e8f0;display:flex;gap:.75rem}.csp-chat-input{flex:1;padding:.75rem 1rem;border:2px solid #cbd5e1;border-radius:10px;font-size:.875rem;transition:border-color .3s ease}.csp-chat-input:focus{outline:none;border-color:#6366f1}.csp-chat-send{width:44px;height:44px;background:#6366f1;color:#fff;border:none;border-radius:10px;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.csp-chat-send:hover{background:#8b5cf6;transform:scale(1.05)}@media (max-width:1024px){.csp-dashboard-grid,.csp-analytics-grid{grid-template-columns:1fr}.csp-grid,.csp-channel-grid-new,.csp-knowledge-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.csp-header{flex-direction:column;gap:1rem;padding:1rem}.csp-header-left,.csp-header-right{width:100%;justify-content:center}.csp-nav{padding:0 1rem}.csp-quick-stats,.csp-quick-actions{grid-template-columns:1fr}.csp-chat-widget{width:calc(100% - 2rem);right:1rem;bottom:1rem}.csp-grid,.csp-channel-grid-new,.csp-knowledge-grid,.csp-login-features{grid-template-columns:1fr}}.sv{--grad:linear-gradient(135deg,#0f172a,#1e293b,#334155);font-family:Segoe UI,sans-serif;min-height:100vh;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#1e293b}.sv-hero{display:flex;flex-wrap:wrap;gap:3rem;padding:4rem 2rem 3rem;background:var(--grad);color:#fff;position:relative;overflow:hidden}.sv-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 30%,rgba(99,102,241,.25),transparent 60%),radial-gradient(circle at 80% 70%,rgba(16,185,129,.25),transparent 60%);pointer-events:none}.sv-hero-content{flex:1 1 520px;position:relative;z-index:2}.sv-title{font-size:clamp(2.5rem,5vw,4rem);margin:0 0 1.4rem;font-weight:700;line-height:1.05;letter-spacing:-1px}.grad{background:linear-gradient(90deg,#6366f1,#0ea5e9,#10b981,#6366f1);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:svShift 8s linear infinite}.sv-sub{font-size:1.15rem;line-height:1.6;max-width:720px;opacity:.9}.sv-hero-stats{margin-top:2.2rem;display:flex;flex-wrap:wrap;gap:1.4rem}.sv-stat{background:#ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:1.3rem 1.6rem;border-radius:20px;min-width:170px;box-shadow:0 10px 30px -5px #0006;border:1px solid rgba(255,255,255,.15);transition:.35s}.sv-stat:hover{transform:translateY(-8px);background:#ffffff24}.sv-stat-num{font-size:2.1rem;font-weight:700;background:linear-gradient(90deg,#bae6fd,#93c5fd,#60a5fa);-webkit-background-clip:text;background-clip:text;color:transparent}.sv-stat-label{font-size:.7rem;letter-spacing:1px;text-transform:uppercase;font-weight:600;opacity:.9}.sv-hero-visual{flex:1 1 360px;position:relative;height:420px}.pulse{position:absolute;font-size:4.5rem;filter:drop-shadow(0 10px 25px rgba(0,0,0,.35));animation:svPulse 8s ease-in-out infinite;opacity:.9}.pulse.p1{top:10%;left:12%}.pulse.p2{top:40%;left:70%;animation-delay:1.5s}.pulse.p3{top:18%;right:10%;animation-delay:3s}.pulse.p4{bottom:10%;left:32%;animation-delay:4.5s}.sv-metrics{padding:3rem 2rem 2.2rem}.sv-metric-grid{display:grid;gap:1.8rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:1500px;margin:0 auto}.sv-metric{background:#fff;padding:1.8rem 1.4rem;border-radius:26px;box-shadow:0 12px 30px -10px #0000001f;display:flex;flex-direction:column;gap:.6rem;position:relative;border:2px solid transparent;transition:.35s}.sv-metric:hover{transform:translateY(-8px)}.sv-metric.env{border-color:#10b98155}.sv-metric.soc{border-color:#f59e0b55}.sv-metric.gov{border-color:#6366f155}.sv-metric.carb{border-color:#0ea5e955}.sv-metric .icon{font-size:2rem}.sv-metric .value{font-size:2.4rem;font-weight:700;background:linear-gradient(90deg,#334155,#475569);-webkit-background-clip:text;background-clip:text;color:transparent}.sv-metric .label{font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#475569}.sv-filters{padding:2rem 2rem 1.2rem;background:#fffc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.sv-filter-row{display:flex;flex-wrap:wrap;gap:1.4rem;align-items:flex-end}.sv-filter-group{display:flex;flex-direction:column;gap:.4rem}.sv-filter-group label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#475569}.sv-filter-group select{padding:.7rem .9rem;min-width:160px;border:2px solid #cbd5e1;border-radius:14px;font-weight:600;background:#fff;cursor:pointer}.sv-search-box input{padding:.85rem 1.1rem;width:280px;border:2px solid #cbd5e1;border-radius:14px;font-size:.9rem}.sv-view-toggle{display:flex;gap:.6rem;margin-left:auto}.sv-view-toggle button{padding:.7rem 1rem;border:2px solid #cbd5e1;background:#fff;border-radius:12px;font-weight:600;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:.3s}.sv-view-toggle button.active{background:#6366f1;color:#fff;border-color:#6366f1;box-shadow:0 6px 20px -8px #6366f199}.sv-energy-mode{display:flex;flex-direction:column;gap:.4rem}.sv-energy-mode label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#475569}.sv-energy-mode select{padding:.7rem .9rem;min-width:180px;border:2px solid #cbd5e1;border-radius:14px;font-weight:600;background:#fff;cursor:pointer}.sv-library{padding:2.5rem 2rem 3.5rem}.sv-library h2{text-align:center;font-size:2.4rem;margin:0 0 2.2rem;font-weight:700;background:linear-gradient(90deg,#334155,#0f172a);-webkit-background-clip:text;background-clip:text;color:transparent}.sv-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));max-width:1700px;margin:0 auto}.sv-card{background:#fff;border-radius:26px;padding:1.6rem 1.4rem 1.9rem;box-shadow:0 14px 35px -10px #00000026;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;position:relative;border:3px solid transparent;transition:.4s;outline:none}.sv-card:focus-visible{box-shadow:0 0 0 4px #6366f1aa}.sv-card:hover{transform:translateY(-12px);box-shadow:0 28px 55px -15px #00000040}.sv-card-head{display:flex;justify-content:space-between;align-items:center}.sv-card-title{font-weight:600;font-size:1.2rem}.sv-badge.mood{font-size:.65rem;font-weight:700;padding:.4rem .7rem;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;background:#334155;color:#fff}.sv-artist{font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#475569}.sv-desc{font-size:.78rem;line-height:1.4;color:#475569;flex-grow:1}.sv-tags{display:flex;gap:.4rem;flex-wrap:wrap}.sv-tag{font-size:.55rem;font-weight:700;padding:.35rem .5rem;border-radius:6px;letter-spacing:.6px;background:#334155;color:#fff}.sv-esg{display:flex;gap:.35rem;font-size:.55rem;font-weight:700;letter-spacing:.6px}.sv-esg .e{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46;padding:.35rem .5rem;border-radius:6px}.sv-esg .s{background:linear-gradient(135deg,#fffbeb,#fde68a);color:#92400e;padding:.35rem .5rem;border-radius:6px}.sv-esg .g{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4338ca;padding:.35rem .5rem;border-radius:6px}.sv-esg .avg{background:#f1f5f9;color:#334155;padding:.35rem .5rem;border-radius:6px}.sv-carbon{font-size:.6rem;font-weight:700;letter-spacing:.6px;background:#f1f5f9;width:max-content;padding:.35rem .6rem;border-radius:6px}.sv-open{margin-top:.3rem;align-self:flex-start;background:#1e293b;color:#fff;padding:.55rem 1rem;border:none;border-radius:10px;font-weight:600;font-size:.7rem;letter-spacing:.5px;cursor:pointer;transition:.35s}.sv-card:hover .sv-open{background:#6366f1}.sv-empty{grid-column:1/-1;text-align:center;padding:3rem 1rem;font-size:1.05rem;font-weight:600;color:#475569;background:#fff;border-radius:26px;border:2px dashed #cbd5e1}.sv-analytics{padding:2.5rem 2rem 3.5rem}.sv-analytics h2{text-align:center;font-size:2.4rem;margin:0 0 2.2rem;font-weight:700;background:linear-gradient(90deg,#334155,#0f172a);-webkit-background-clip:text;background-clip:text;color:transparent}.sv-analytics-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));max-width:1600px;margin:0 auto}.sv-analyt-card{background:#fff;padding:1.8rem 1.6rem 2rem;border-radius:24px;box-shadow:0 14px 35px -10px #00000026;position:relative;display:flex;flex-direction:column;gap:.6rem;border:2px solid transparent;transition:.35s;font-size:.85rem;line-height:1.45}.sv-analyt-card:hover{transform:translateY(-10px);box-shadow:0 26px 50px -14px #00000038}.sv-list{list-style:none;margin:.2rem 0 0;padding:0;display:grid;gap:.5rem;font-size:.7rem}.sv-list li{background:#f8fafc;padding:.55rem .75rem;border-radius:10px;border-left:4px solid #6366f1}.sv-ethics{padding:2.5rem 2rem 3.5rem}.sv-ethics h2{text-align:center;font-size:2.4rem;margin:0 0 2.2rem;font-weight:700;background:linear-gradient(90deg,#334155,#0f172a);-webkit-background-clip:text;background-clip:text;color:transparent}.sv-ethics-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));max-width:1600px;margin:0 auto}.sv-ethics-card{background:#fff;padding:1.6rem 1.4rem 1.9rem;border-radius:22px;box-shadow:0 10px 28px -10px #0000001f;display:flex;flex-direction:column;gap:.6rem;transition:.35s;font-size:.85rem}.sv-ethics-card:hover{transform:translateY(-8px);box-shadow:0 20px 42px -14px #0003}.sv-modal-overlay{position:fixed;inset:0;background:#0f172ac7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1000;animation:fadeIn .35s ease}.sv-modal{background:#fff;max-width:1100px;width:100%;max-height:92vh;overflow:auto;border-radius:34px;box-shadow:0 40px 80px -20px #00000073;animation:slideUp .45s cubic-bezier(.16,.8,.24,1);display:flex;flex-direction:column}.sv-modal-header{padding:2rem 2.2rem 1rem;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.sv-modal-header h2{margin:0;font-size:1.7rem;background:linear-gradient(90deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;color:transparent}.sv-close{background:none;border:none;font-size:2rem;line-height:1;color:#64748b;cursor:pointer;padding:.3rem .7rem;border-radius:16px;transition:.3s}.sv-close:hover{background:#f1f5f9;color:#334155;transform:rotate(90deg)}.sv-modal-body{padding:2rem 2.2rem;display:grid;gap:2rem}.sv-section h3{margin:0 0 .9rem;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase;font-weight:700;color:#334155}.sv-detail-grid{display:grid;gap:1rem 2rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));font-size:.75rem}.sv-modal-esg{display:flex;gap:.6rem;flex-wrap:wrap}.sv-esg-item{flex:1 1 150px;background:#f1f5f9;padding:.7rem .85rem;border-radius:14px;font-size:.7rem;font-weight:600;display:flex;align-items:center;gap:.5rem;letter-spacing:.5px}.sv-esg-item.env{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46}.sv-esg-item.soc{background:linear-gradient(135deg,#fffbeb,#fde68a);color:#92400e}.sv-esg-item.gov{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4338ca}.sv-note{font-size:.7rem;line-height:1.4;color:#475569;margin:.6rem 0 0}.sv-tags{display:flex;flex-wrap:wrap;gap:.5rem}.sv-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.1rem 2.2rem 2rem;border-top:2px solid #f1f5f9}.sv-primary{background:linear-gradient(135deg,#6366f1,#10b981);color:#fff;border:none;border-radius:16px;padding:.75rem 1.4rem;font-weight:600;cursor:pointer;box-shadow:0 10px 25px -8px #6366f180;transition:.3s}.sv-primary:hover{transform:translateY(-4px);box-shadow:0 18px 40px -10px #6366f199}.sv-secondary{background:#fff;border:2px solid #cbd5e1;border-radius:16px;padding:.75rem 1.4rem;font-weight:600;cursor:pointer}.sv-secondary:hover{border-color:#6366f1;color:#6366f1}@keyframes svPulse{0%,to{transform:translateY(0)}25%{transform:translateY(-25px)}50%{transform:translateY(-40px)}75%{transform:translateY(-15px)}}@keyframes svShift{0%{background-position:0 0}to{background-position:300% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(60px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:900px){.sv-hero{padding:3rem 1.5rem 2.4rem}.sv-hero-stats{gap:1rem}.sv-grid,.sv-analytics-grid,.sv-ethics-grid{gap:1.5rem}.sv-modal-body{padding:1.6rem 1.7rem}}@media (max-width:700px){.sv-hero{flex-direction:column;text-align:center}.sv-hero-visual{order:-1;height:250px}.sv-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.sv-analytics-grid,.sv-ethics-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.sv-card{padding:1.5rem 1.2rem 1.7rem}.sv-modal{border-radius:26px}.sv-modal-header{padding:1.5rem 1.5rem .8rem}.sv-modal-body{padding:1.4rem}.sv-modal-footer{padding:1rem 1.5rem 1.4rem}.sv-search-box input{width:200px}}@media (max-width:480px){.sv-stat{min-width:140px;padding:1rem 1.1rem}.sv-card{grid-template-columns:1fr}.sv-card-title{font-size:1rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}@media (prefers-contrast:more){.sv-card,.sv-filter-group select,.sv-search-box input{border:3px solid #000}}@media print{.sv-hero,.sv-modal-overlay{display:none!important}.sv{background:#fff!important}.sv-card{box-shadow:none;border:1px solid #ccc}}.ethics-fund-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.ethics-fund-header{background:linear-gradient(135deg,#8e24aa,#6a1b9a);padding:32px 48px 100px;color:#fff;box-shadow:0 4px 24px #8e24aa40;margin-bottom:0}.ethics-fund-title{font-size:2.5rem;margin:0 0 12px;font-weight:800;color:#fff;display:flex;align-items:center;gap:16px}.ethics-fund-title:before{content:"📊";font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.ethics-fund-description{max-width:900px;line-height:1.6;font-size:1rem;color:#fffffff2;margin:12px 0 0}@media (max-width: 768px){.ethics-fund-header{padding:240px 24px 70px}.ethics-fund-title{font-size:1.75rem}.ethics-fund-title:before{font-size:1.75rem}.ethics-fund-description{font-size:.9rem}}.ethics-fund-container>*{max-width:1400px;margin:0 auto;width:100%;padding:0 48px}.ethics-fund-container>.ethics-fund-header{max-width:none;padding:40px 48px}@media (max-width: 768px){.ethics-fund-container>*{padding:0 24px}.ethics-fund-container>.ethics-fund-header{padding:32px 24px}}.ethics-fund-header .header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-top:24px}.summary-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:32px auto;padding:0 48px;max-width:1400px;position:relative;z-index:1}.summary-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb;transition:all .3s ease;position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#3b82f6,#a855f7)}.summary-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f}.summary-card-label{font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.summary-card-value{font-size:2.5rem;font-weight:800;color:#1e293b;line-height:1;margin-bottom:8px}.summary-card-trend{font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:6px}.summary-card-trend.positive{color:#10b981}.summary-card-trend.negative{color:#ef4444}.summary-card-trend.neutral{color:#64748b}.total-allocation-pill{font-size:.875rem;font-weight:700;letter-spacing:.5px;padding:10px 20px;border-radius:12px;background:#fff3;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;box-shadow:0 4px 12px -4px #0000004d}.total-allocation-pill.balanced{background:linear-gradient(90deg,#059669,#047857)}.total-allocation-pill.over{background:linear-gradient(90deg,#dc2626,#b91c1c)}.total-allocation-pill.under{background:linear-gradient(90deg,#d97706,#b45309)}.total-allocation-pill .adjust-hint{font-weight:400}.filters-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f;border:1px solid #e5e7eb;margin-bottom:32px}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;align-items:end}.filter-input,.filter-select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:.875rem;background:#fff;transition:all .2s ease;font-weight:500;color:#1e293b}.filter-input:focus,.filter-select:focus{outline:none;border-color:#8e24aa;box-shadow:0 0 0 3px #8e24aa1a}.filter-input::placeholder{color:#94a3b8}.checkbox-inline{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:#475569;cursor:pointer;padding:8px 0}.checkbox-inline input[type=checkbox]{width:18px;height:18px;cursor:pointer}.actions-group{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.btn-primary{background:linear-gradient(135deg,#8e24aa,#6a1b9a);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:.875rem;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #8e24aa4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #8e24aa66}.btn-ghost{background:#fff;color:#8e24aa;border:2px solid #e5e7eb;padding:10px 20px;border-radius:12px;font-size:.875rem;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:all .2s ease}.btn-ghost:hover{border-color:#8e24aa;background:#8e24aa0d}@media (max-width: 768px){.filters-row{grid-template-columns:1fr}.actions-group{flex-direction:column}.btn-primary,.btn-ghost{width:100%}}.overview-metrics-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.metric-tile{background:#424141;border:1px solid #151616;border-radius:16px;padding:20px 24px;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 12px #0000000a}.metric-tile h3{margin:0;font-size:14px;letter-spacing:.5px;text-transform:uppercase;font-weight:700;color:#64748b}.metric-value{font-size:40px;font-weight:800;line-height:1;color:#000}.metric-tile small{font-size:12px;color:#64748b}.pillar-allocation-section .section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:18px}.pillar-allocation-section h2{margin:0;font-size:1.6rem;font-weight:700}.pillar-allocation-grid{display:grid;gap:32px;grid-template-columns:220px 1fr}@media (max-width: 880px){.pillar-allocation-grid{grid-template-columns:1fr}}.pillar-donut{display:flex;flex-direction:column;align-items:center;gap:16px}.pillar-donut .pillar-legend{list-style:none;margin:0;padding:0;width:100%}.pillar-donut .pillar-legend li{font-size:13px;padding:2px 0}.pillar-donut .legend-row{width:100%;display:flex;align-items:center;gap:10px;background:none;border:none;text-align:left;padding:8px 10px;border-radius:10px;cursor:pointer;position:relative;font-weight:600;color:#0f172a;transition:background .25s ease,transform .25s ease}.pillar-donut .legend-row:hover,.pillar-donut .legend-row:focus{background:#f1f5f9}.pillar-donut .legend-row.active{background:#e0f2fe;box-shadow:0 0 0 1px #bae6fd}.pillar-donut .legend-swatch{width:14px;height:14px;border-radius:4px;box-shadow:0 0 0 1px #00000014}.pillar-donut .legend-name{flex:1;font-size:13px;font-weight:600}.pillar-donut .legend-value{font-size:12px;font-weight:700;color:#0f766e}.pillar-donut-svg{overflow:visible}.pillar-donut-slice{transition:stroke-width .4s cubic-bezier(.4,0,.2,1),filter .4s}.pillar-card.highlighted{box-shadow:0 8px 24px -6px #0ea5e973;border-color:#0ea5e9;transform:translateY(-4px);transition:all .35s cubic-bezier(.4,0,.2,1)}.pillar-card.highlighted .impact-score{color:#0f766e}.pillar-card .pillar-allocation{position:relative}.pillar-card .pillar-allocation:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#0f766e,#8e24aa);opacity:0;mix-blend-mode:multiply;animation:pulse 3s infinite}@keyframes pulse{0%,to{opacity:0}50%{opacity:.35}}.pillar-cards-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.pillar-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:10px;position:relative;box-shadow:0 4px 14px -2px #0000000f}.pillar-card-header{display:flex;align-items:center;gap:10px}.pillar-card-header h4{margin:0;font-size:15px;font-weight:700}.pillar-card.clean{gap:14px;padding:20px 20px 18px;border-radius:22px}.pillar-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.pillar-icon-title{display:flex;align-items:center;gap:10px}.pillar-card.clean h4{font-size:16px;margin:0;font-weight:700;letter-spacing:.3px}.pillar-allocation.soft{background:#f0f4f8;color:#0f766e;font-size:12px;font-weight:700;padding:6px 14px;border-radius:18px;box-shadow:inset 0 0 0 1px #e2e8f0}.pillar-desc.minimal{font-size:13px;color:#475569;line-height:1.5;margin:0}.pillar-stats{display:flex;align-items:center;gap:18px}.impact-gauge{position:relative;display:flex;flex-direction:column;align-items:center;font-size:11px;font-weight:600;color:#64748b}.impact-gauge-ring{transition:stroke .4s cubic-bezier(.4,0,.2,1)}.gauge-label{margin-top:4px;letter-spacing:.5px;text-transform:uppercase}.mini-trend svg{width:120px;height:40px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.pillar-card.clean.highlighted{border-color:#0ea5e9;box-shadow:0 8px 24px -6px #0ea5e966}.pillar-card.clean.highlighted .pillar-allocation.soft{background:#e0f2fe;box-shadow:inset 0 0 0 1px #7dd3fc}.pillar-icon{width:28px;height:28px;color:#0f766e}.pillar-allocation{margin-left:auto;font-size:12px;font-weight:700;background:#f1f5f9;padding:4px 10px;border-radius:16px;color:#0f766e}.pillar-desc{margin:0;font-size:13px;color:#475569;line-height:1.4}.pillar-impact{display:flex;align-items:center;gap:12px}.impact-score{font-size:24px;font-weight:700;color:#8e24aa}.pillar-trend{width:100%;height:48px}.pillar-trend svg{width:100%;height:100%}.segmented-control{display:inline-flex;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.segment{background:none;border:none;padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer;color:#64748b;letter-spacing:.5px}.segment.active{background:#fff;color:#0f766e;box-shadow:inset 0 0 0 1px #cbd5e1}.holdings-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 16px #0000000f;border:1px solid #e5e7eb}.holdings-section h2{font-size:1.75rem;margin:0 0 24px;font-weight:800;color:#1e293b;display:flex;align-items:center;gap:12px}.holdings-section h2:before{content:"💼";font-size:1.75rem}.table-scroll{overflow-x:auto;border-radius:12px}.holdings-table{width:100%;border-collapse:collapse;min-width:1100px}.holdings-table th{text-align:left;padding:16px;font-size:.75rem;letter-spacing:.8px;text-transform:uppercase;font-weight:700;color:#64748b;border-bottom:2px solid #e5e7eb;background:#f8fafc;position:sticky;top:0;z-index:10}.holdings-table tbody tr{transition:all .2s ease}.holdings-table tbody tr:hover{background:#f8fafc!important;transform:scale(1.01);box-shadow:0 2px 8px #0000000f}.holdings-table td{padding:16px;font-size:.875rem;color:#1e293b;border-bottom:1px solid #f1f5f9;background:#fff;vertical-align:middle}.holdings-table td:first-child{font-weight:600}.alloc-select{padding:8px 12px;border:2px solid #e5e7eb;border-radius:10px;font-size:.875rem;background:#fff;font-weight:600;transition:all .2s ease;cursor:pointer}.alloc-select:focus{outline:none;border-color:#8e24aa;box-shadow:0 0 0 3px #8e24aa1a}.esg-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:700}.esg-badge.high{background:#d1fae5;color:#065f46}.esg-badge.medium{background:#fef3c7;color:#92400e}.esg-badge.low{background:#fee2e2;color:#991b1b}.avg-strong{font-weight:700;color:#065f46;font-size:1.1rem}.trend-cell{width:140px}.focus-tags{display:flex;flex-wrap:wrap;gap:6px}.tag-pill{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border:1px solid #cbd5e1;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:600;white-space:nowrap}.region-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.region-badge[data-region=NA]{background:#dbeafe;color:#1e40af}.region-badge[data-region=APAC]{background:#fce7f3;color:#9f1239}.region-badge[data-region=LATAM]{background:#fef3c7;color:#92400e}.region-badge[data-region=AFRICA]{background:#dcfce7;color:#166534}.region-badge[data-region=Global]{background:#e0e7ff;color:#3730a3}@media (max-width: 768px){.holdings-section{padding:20px}.holdings-table{font-size:.8125rem}}.transactions-section h2{font-size:1.6rem;margin:0 0 12px;font-weight:700}.section-intro{margin:0 0 16px;font-size:14px;color:#475569}.transactions-section .section-intro{color:#0c0c0c}.transactions-table-wrapper{overflow-x:auto}.transactions-table{width:100%;border-collapse:collapse;min-width:1000px}.transactions-table th{text-align:left;padding:10px 12px;font-size:12px;letter-spacing:.5px;text-transform:uppercase;font-weight:700;background:#f8fafc;border-bottom:2px solid #e2e8f0}.transactions-table td{padding:10px 12px;font-size:13px;color:#374151;border-bottom:1px solid #e2e8f0;background:#fff}.transactions-table .tags{display:flex;flex-wrap:wrap;gap:6px}.transactions-table .tag-pill{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;padding:4px 8px;border-radius:16px;font-size:11px;font-weight:600}.methodology-section h2{font-size:1.6rem;margin:0 0 12px;font-weight:700}.methodology-section ul{line-height:1.6;color:#475569;font-size:15px;margin:0;padding-left:20px}.methodology-section .education-note,.methodology-section .healthcare-note,.methodology-section .accessibility-note{color:#0c0c0c}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:100}.modal-card{position:relative;background:#fff;border-radius:28px;padding:40px 48px;width:min(820px,90%);box-shadow:0 30px 80px -20px #1e293b8c;max-height:80vh;overflow:auto}.modal-close{position:absolute;top:14px;right:18px;background:none;border:none;font-size:30px;line-height:1;cursor:pointer;color:#475569}.backdrop{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card p{line-height:1.6;font-size:14px;color:#475569}.modal-card ul{line-height:1.6;font-size:14px;color:#475569;padding-left:18px}.legal-note{font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:#64748b;margin-top:24px}.onboarding-guide-container{max-width:1200px;margin:0 auto;padding:3rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.onboarding-header{text-align:center;margin-bottom:4rem;padding:2rem;background:linear-gradient(135deg,#8e24aa,#6a1b9a);border-radius:20px;color:#fff;box-shadow:0 8px 32px #8e24aa4d}.onboarding-title{font-size:3rem;font-weight:900;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.onboarding-subtitle{font-size:1.2rem;line-height:1.8;opacity:.95;max-width:800px;margin:0 auto}.guide-section{display:flex;flex-direction:column;gap:2rem}.guide-card{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 4px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease;border-top:4px solid;border-image:linear-gradient(90deg,#10b981,#3b82f6,#a855f7) 1;border-image-slice:1 0 0 0}.guide-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f}.guide-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.guide-card h2{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:#1e293b}.guide-card p{font-size:1.1rem;line-height:1.8;color:#475569;margin-bottom:1rem}.guide-highlight{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;padding:1.5rem;border-radius:12px;margin-top:1.5rem;font-size:1.05rem;color:#78350f}.guide-steps{list-style:none;counter-reset:step-counter;padding:0;margin-top:1.5rem}.guide-steps>li{counter-increment:step-counter;position:relative;padding-left:3rem;margin-bottom:1.5rem;font-size:1.05rem;line-height:1.7;color:#475569}.guide-steps>li:before{content:counter(step-counter);position:absolute;left:0;top:0;width:2rem;height:2rem;background:linear-gradient(135deg,#8e24aa,#6a1b9a);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.guide-steps>li strong{color:#1e293b;font-weight:600}.pillar-list{list-style:none;padding:0;margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.pillar-list li{display:flex;align-items:center;padding:.75rem 1rem;background:#f8fafc;border-radius:8px}.pillar-badge{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:1rem}.pillar-badge.education{color:#0f766e}.pillar-badge.healthcare{color:#be123c}.pillar-badge.accessibility{color:#7c3aed}.portfolio-features{display:grid;gap:1.5rem;margin-top:1.5rem}.feature-item{display:flex;gap:1.5rem;align-items:flex-start;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.feature-icon{font-size:2.5rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.feature-content h3{font-size:1.2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.feature-content p{font-size:1rem;color:#64748b;margin:0}.getting-started-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.step-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:1.5rem;border:2px solid #e2e8f0;transition:all .3s ease}.step-card:hover{border-color:#8e24aa;transform:translateY(-4px);box-shadow:0 8px 24px #8e24aa26}.step-number{width:40px;height:40px;background:linear-gradient(135deg,#8e24aa,#6a1b9a);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;margin-bottom:1rem}.step-card h3{font-size:1.2rem;font-weight:700;color:#1e293b;margin-bottom:.75rem}.step-card p{font-size:1rem;color:#64748b;margin-bottom:1rem}.step-link{display:inline-flex;align-items:center;gap:.5rem;color:#8e24aa;font-weight:600;text-decoration:none;transition:color .2s}.step-link:hover{color:#6a1b9a}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:1.5rem}.feature-box{background:#f8fafc;padding:1.5rem;border-radius:12px;border:2px solid #e2e8f0;transition:all .3s ease}.feature-box:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 8px 24px #3b82f626}.feature-box h4{font-size:1.1rem;font-weight:700;color:#1e293b;margin-bottom:.75rem}.feature-box p{font-size:.95rem;color:#64748b;margin:0}.esg-explainer{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.esg-item{display:flex;gap:1.5rem;align-items:flex-start;padding:1.5rem;background:#f8fafc;border-radius:12px;border:2px solid #e2e8f0}.esg-badge{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.8rem;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #00000026}.esg-badge.environmental{background:linear-gradient(135deg,#10b981,#059669)}.esg-badge.social{background:linear-gradient(135deg,#f59e0b,#d97706)}.esg-badge.governance{background:linear-gradient(135deg,#3b82f6,#2563eb)}.esg-content h3{font-size:1.3rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.esg-content p{font-size:1rem;color:#64748b;margin:0}.faq-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.faq-item{background:#f8fafc;border-radius:12px;border:2px solid #e2e8f0;transition:all .3s ease}.faq-item[open]{border-color:#8e24aa;box-shadow:0 4px 16px #8e24aa1a}.faq-item summary{padding:1.5rem;cursor:pointer;font-weight:600;font-size:1.1rem;color:#1e293b;list-style:none;display:flex;align-items:center;gap:1rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+";width:24px;height:24px;background:#8e24aa;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700}.faq-item[open] summary:before{content:"−"}.faq-item p{padding:0 1.5rem 1.5rem 4.5rem;margin:0;font-size:1rem;color:#64748b;line-height:1.7}.cta-card{background:linear-gradient(135deg,#8e24aa,#6a1b9a);color:#fff;text-align:center;margin-top:2rem}.cta-card h2{color:#fff;font-size:2.5rem}.cta-card p{color:#fffffff2;font-size:1.2rem;max-width:700px;margin:0 auto 2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary-cta,.btn-secondary-cta{padding:1rem 2rem;border-radius:12px;font-weight:700;font-size:1.1rem;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-primary-cta{background:#fff;color:#8e24aa;box-shadow:0 4px 16px #0003}.btn-primary-cta:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.btn-secondary-cta{background:#fff3;color:#fff;border:2px solid white}.btn-secondary-cta:hover{background:#ffffff4d;transform:translateY(-4px)}.guide-footer{margin-top:4rem;padding:2rem;text-align:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.legal-note{font-size:.95rem;color:#64748b;margin-bottom:1.5rem;padding:1rem;background:#fef3c7;border-radius:8px;border-left:4px solid #f59e0b}.footer-links{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;align-items:center}.footer-links a{color:#8e24aa;text-decoration:none;font-weight:600;transition:color .2s}.footer-links a:hover{color:#6a1b9a}.footer-links span{color:#cbd5e1}@media (max-width: 768px){.onboarding-title{font-size:2rem}.onboarding-subtitle{font-size:1rem}.guide-card{padding:1.5rem}.getting-started-steps,.features-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.btn-primary-cta,.btn-secondary-cta{width:100%}.portfolio-features-grid{grid-template-columns:1fr}}.portfolio-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2.5rem}.feature-item-card{position:relative;padding:2rem 1.75rem;background:#fff;border-radius:16px;border:2px solid #f1f5f9;transition:all .3s ease;text-align:center;overflow:hidden;box-shadow:0 2px 8px #0000000a}.feature-item-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8e24aa,#3b82f6);transform:scaleX(0);transition:transform .3s ease}.feature-item-card:hover{transform:translateY(-8px);border-color:#e9d5ff;box-shadow:0 12px 24px #8e24aa26}.feature-item-card:hover:before{transform:scaleX(1)}.feature-item-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));display:inline-block;animation:float 3s ease-in-out infinite}.feature-item-card h3{margin:0 0 .75rem;color:#1e293b;font-size:1.25rem;font-weight:700}.feature-item-card p{margin:0;color:#64748b;font-size:.95rem;line-height:1.7}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.investment-insights-container{max-width:1400px;margin:0 auto;padding:60px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.insights-header{margin-bottom:48px}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:14px}.breadcrumb-link{color:#8e24aa;text-decoration:none;font-weight:600;transition:color .2s}.breadcrumb-link:hover{color:#6a1b9a;text-decoration:underline}.breadcrumb-separator{color:#94a3b8}.breadcrumb-current{color:#475569;font-weight:600}.insights-title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#8e24aa,#6a1b9a,#4a148c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px;display:flex;align-items:center;gap:16px}.title-icon{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(142,36,170,.3))}.insights-description{font-size:1.1rem;color:#475569;line-height:1.6;max-width:900px}.metrics-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:48px}.metric-card{background:#fff;border-radius:20px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 20px #00000014;border:2px solid transparent;transition:all .3s ease}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.metric-primary{border-color:#8e24aa}.metric-success{border-color:#059669}.metric-impact{border-color:#0284c7}.metric-environmental{border-color:#16a34a}.metric-social{border-color:#ea580c}.metric-icon{font-size:2.5rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.metric-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin:0 0 8px}.metric-value{font-size:2.2rem;font-weight:800;color:#1e293b;line-height:1;margin-bottom:4px}.metric-note{font-size:13px;color:#94a3b8;margin:0}.risk-indicators-section{margin-bottom:48px}.section-title{font-size:1.8rem;font-weight:700;color:#1e293b;margin:0 0 24px}.risk-indicators-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.risk-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 16px #0000000f;border-left:4px solid #8e24aa;transition:all .3s ease}.risk-card:hover{transform:translate(4px);box-shadow:0 6px 24px #0000001a}.risk-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.risk-category{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 4px}.risk-level{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.risk-trend{font-size:13px;font-weight:600;color:#475569;padding:4px 12px;background:#f1f5f9;border-radius:12px}.risk-score-bar{position:relative;height:32px;background:#f1f5f9;border-radius:8px;overflow:hidden;margin-bottom:16px}.risk-score-fill{height:100%;transition:width .6s ease;position:relative}.risk-score-value{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:700;color:#1e293b}.risk-description{font-size:14px;color:#475569;line-height:1.6;margin:0 0 16px}.risk-recommendations{background:#f8fafc;border-radius:8px;padding:12px}.recommendations-title{font-size:13px;font-weight:700;color:#475569;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.recommendations-list{margin:0;padding-left:18px;list-style:none}.recommendations-list li{font-size:13px;color:#64748b;line-height:1.6;position:relative;padding-left:8px}.recommendations-list li:before{content:"•";position:absolute;left:-10px;color:#8e24aa;font-weight:700}.filters-section{margin-bottom:32px}.filters-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;background:#fff;padding:24px;border-radius:16px;box-shadow:0 2px 12px #0000000d}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b}.filter-select{padding:10px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:600;color:#1e293b;background:#fff;transition:all .2s ease;cursor:pointer}.filter-select:hover{border-color:#8e24aa}.filter-select:focus{outline:none;border-color:#8e24aa;box-shadow:0 0 0 3px #8e24aa1a}.opportunities-section{margin-bottom:48px}.opportunities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.opportunity-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 16px #0000000f;border:2px solid #f1f5f9;transition:all .3s ease;display:flex;flex-direction:column;gap:20px}.opportunity-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #8e24aa26;border-color:#8e24aa}.opportunity-header{display:flex;justify-content:space-between;align-items:flex-start}.opportunity-name{font-size:1.2rem;font-weight:700;color:#1e293b;margin:0 0 6px;line-height:1.3}.opportunity-type{display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.opportunity-return{font-size:2rem;font-weight:800;color:#059669;line-height:1}.opportunity-esg{display:flex;flex-direction:column;gap:10px}.esg-dimension{display:grid;grid-template-columns:20px 1fr 40px;align-items:center;gap:12px}.esg-label{font-size:13px;font-weight:700;color:#475569}.esg-bar{height:20px;background:#f1f5f9;border-radius:10px;overflow:hidden}.esg-fill{height:100%;border-radius:10px;transition:width .6s ease}.esg-value{font-size:13px;font-weight:700;color:#1e293b;text-align:right}.opportunity-metrics{display:flex;flex-wrap:wrap;gap:12px;padding:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px}.metric-item{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#475569}.metric-icon-small{font-size:1.2rem}.opportunity-details{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-row{display:flex;justify-content:space-between;font-size:13px}.detail-label{color:#64748b;font-weight:600}.detail-value{color:#1e293b;font-weight:700}.sdg-alignment{padding:16px;background:#f8fafc;border-radius:12px}.sdg-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b;display:block;margin-bottom:10px}.sdg-badges{display:flex;flex-wrap:wrap;gap:8px}.sdg-badge{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8e24aa,#6a1b9a);color:#fff;border-radius:8px;font-size:13px;font-weight:800;cursor:help;transition:all .2s ease}.sdg-badge:hover{transform:scale(1.15);box-shadow:0 4px 12px #8e24aa66}.opportunity-highlights{padding:16px;background:linear-gradient(135deg,#fefce8,#fef3c7);border-radius:12px;border-left:4px solid #f59e0b}.highlights-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#92400e;margin:0 0 10px}.highlights-list{margin:0;padding-left:18px;list-style:none}.highlights-list li{font-size:13px;color:#78350f;line-height:1.6;position:relative;padding-left:8px}.highlights-list li:before{content:"✓";position:absolute;left:-10px;color:#f59e0b;font-weight:700}.opportunity-actions{display:flex;gap:12px;padding-top:12px;border-top:2px solid #f1f5f9}.btn-primary{flex:1;padding:12px 20px;background:linear-gradient(135deg,#8e24aa,#6a1b9a);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8e24aa66}.btn-secondary{flex:1;padding:12px 20px;background:#f8fafc;color:#8e24aa;border:2px solid #8e24aa;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#8e24aa;color:#fff;transform:translateY(-2px)}.market-trends-section{margin-bottom:48px}.trends-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.trend-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 16px #0000000f;border:2px solid #f1f5f9;transition:all .3s ease}.trend-card:hover{border-color:#8e24aa;box-shadow:0 6px 24px #8e24aa26}.trend-quarter{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 20px;text-align:center}.trend-comparison{display:flex;justify-content:space-around;align-items:flex-end;height:180px;margin-bottom:20px;gap:20px}.trend-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.trend-bar-fill{width:100%;background:linear-gradient(to top,#8e24aa,#c77ddb);border-radius:8px 8px 0 0;transition:height .6s ease}.traditional-bar .trend-bar-fill{background:linear-gradient(to top,#94a3b8,#cbd5e1)}.trend-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b;text-align:center}.trend-value{font-size:1.2rem;font-weight:800;color:#1e293b}.trend-performance{text-align:center;padding:12px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:10px;font-size:14px;color:#166534;font-weight:600}.trend-performance strong{font-weight:800;color:#15803d}.cta-section{margin-top:64px}.cta-card{background:linear-gradient(135deg,#8e24aa,#6a1b9a,#4a148c);border-radius:24px;padding:48px;text-align:center;box-shadow:0 12px 40px #8e24aa4d}.cta-title{font-size:2.2rem;font-weight:800;color:#fff;margin:0 0 16px}.cta-description{font-size:1.1rem;color:#ffffffe6;line-height:1.6;max-width:700px;margin:0 auto 32px}.cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.btn-cta-primary{padding:16px 32px;background:#fff;color:#8e24aa;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-cta-primary:hover{transform:translateY(-3px);box-shadow:0 8px 24px #ffffff4d}.btn-cta-secondary{padding:16px 32px;background:transparent;color:#fff;border:2px solid #ffffff;border-radius:12px;font-size:16px;font-weight:700;text-decoration:none;display:inline-block;transition:all .3s ease}.btn-cta-secondary:hover{background:#ffffff1a;transform:translateY(-3px)}@media (max-width: 768px){.investment-insights-container{padding:40px 16px}.insights-title{font-size:2rem}.metrics-dashboard,.opportunities-grid,.filters-container,.opportunity-details{grid-template-columns:1fr}.cta-card{padding:32px 24px}.cta-title{font-size:1.6rem}.cta-buttons{flex-direction:column}}.supplier-about-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:100}.supplier-about-backdrop{position:fixed;inset:0;z-index:1;background:linear-gradient(140deg,#0f172ad9,#1e293bc7 38%,#0f172ad9 70%),radial-gradient(circle at 50% 35%,rgba(255,255,255,.07),transparent 65%);background-blend-mode:overlay,normal;animation:backdropFade .35s ease}.supplier-about-content{position:relative;background:#fff;width:90vw;max-width:900px;max-height:90vh;overflow-y:auto;overflow-x:hidden;border-radius:24px;padding:40px;box-shadow:0 30px 80px -20px #1e293b8c;z-index:2;animation:fadeUp .4s ease;-webkit-overflow-scrolling:touch}.supplier-about-close{position:absolute;top:16px;right:20px;background:#fff;border:none;font-size:32px;line-height:1;cursor:pointer;color:#64748b;transition:all .2s ease;padding:4px 8px;border-radius:8px;z-index:10;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.supplier-about-close:hover{color:#334155;background:#f1f5f9;transform:scale(1.1)}.supplier-about-close:active{transform:scale(.95)}.supplier-about-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.supplier-about-name{font-size:2rem;font-weight:700;color:#1e293b;margin:0;flex:1 1 auto;min-width:200px;max-width:calc(100% - 140px);word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.supplier-risk-badge{padding:8px 16px;border-radius:999px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.supplier-risk-badge.risk-low{background:#d1fae5;color:#065f46}.supplier-risk-badge.risk-medium{background:#fef3c7;color:#92400e}.supplier-risk-badge.risk-high{background:#fee2e2;color:#991b1b}.supplier-about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}.supplier-about-section{background:#f9fafb;padding:20px;border-radius:12px;border:1px solid #e5e7eb}.supplier-about-section.full-width{grid-column:1 / -1}.section-title{font-size:1rem;font-weight:700;color:#374151;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.info-grid{display:grid;gap:12px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.info-label{font-size:.85rem;color:#6b7280;font-weight:500}.info-value{font-size:.9rem;color:#1e293b;font-weight:600}.info-value.rate-highlight{color:#10b981;font-weight:700}.esg-scores-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.esg-score-card{background:#fff;padding:16px;border-radius:8px;border:1px solid #e5e7eb;text-align:center}.esg-label{font-size:.8rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.esg-score{font-size:2rem;font-weight:700;margin:8px 0}.esg-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-top:12px}.esg-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card{background:#fff;padding:16px;border-radius:8px;border:1px solid #e5e7eb;text-align:center}.metric-icon{font-size:1.5rem;margin-bottom:8px}.metric-value{font-size:1.25rem;font-weight:700;color:#1e293b;margin:4px 0}.metric-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.supplier-narrative{font-size:1rem;line-height:1.7;color:#374151;margin:0}.consumers-list{display:flex;flex-wrap:wrap;gap:10px}.consumer-badge{background:#eef2ff;color:#4338ca;padding:8px 14px;border-radius:999px;font-size:.85rem;font-weight:600}.supplier-about-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:2px solid #e5e7eb;margin-top:32px}.supplier-about-btn-primary{padding:12px 32px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6366f14d;letter-spacing:.3px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.supplier-about-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.supplier-about-btn-primary:active{transform:translateY(0)}.supplier-about-btn-secondary{padding:12px 24px;background:#fff;color:#64748b;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.supplier-about-btn-secondary:hover{border-color:#cbd5e1;color:#475569;background:#f8fafc}body.supplier-about-modal-open{overflow:hidden;position:fixed;width:100%;height:100%}@media (max-width: 768px){body.supplier-about-modal-open{overflow:hidden!important;position:fixed!important;width:100vw!important;height:100vh!important;touch-action:none}}@media (max-width: 768px){.supplier-about-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:999999!important;background:#fff!important;overflow:hidden!important;display:block!important}.supplier-about-backdrop{display:none!important}.supplier-about-content{width:100vw!important;max-width:100vw!important;max-height:100vh!important;height:100vh!important;border-radius:0!important;margin:0!important;padding:20px 16px 80px!important;position:relative!important;inset:0!important;z-index:1000000!important;background:#fff!important;box-shadow:none!important}.supplier-about-close{position:fixed!important;top:12px!important;right:12px!important;font-size:28px!important;background:#fff!important;box-shadow:0 4px 12px #0003!important;z-index:1000001!important}.supplier-about-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px;padding-bottom:16px;padding-top:50px}.supplier-about-name{font-size:1.5rem;max-width:100%;min-width:unset}.supplier-risk-badge{font-size:.75rem;padding:6px 12px}.supplier-about-grid{grid-template-columns:1fr;gap:16px;margin-bottom:20px}.esg-scores-grid{grid-template-columns:1fr;gap:12px}.esg-score-card{padding:12px}.esg-score{font-size:1.5rem}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:12px}.metric-card{padding:12px}.metric-icon{font-size:1.2rem}.metric-value{font-size:1rem}.metric-label{font-size:.65rem}.supplier-about-section{padding:16px;background:#f9fafb;position:relative;z-index:1}.section-title{font-size:.8rem;margin-bottom:12px}.supplier-about-grid{background:#fff;padding:0;position:relative;z-index:1}.info-item{padding:8px 10px;flex-direction:column;align-items:flex-start;gap:4px}.info-label{font-size:.75rem}.info-value{font-size:.85rem}.supplier-narrative{font-size:.9rem;line-height:1.6}.consumer-badge{font-size:.75rem;padding:6px 10px}.supplier-about-actions{flex-direction:column-reverse;gap:10px;padding-top:20px;margin-top:20px}.supplier-about-btn-primary,.supplier-about-btn-secondary{width:100%;padding:14px 24px;font-size:1rem;min-height:44px;justify-content:center}}@media (max-width: 480px){.supplier-about-content{padding:16px 12px}.supplier-about-name{font-size:1.25rem}.metrics-grid{grid-template-columns:1fr}.esg-label{font-size:.7rem}.supplier-about-section{padding:12px}}@media (min-width: 769px) and (max-width: 1024px){.supplier-about-content{width:95vw;padding:32px 28px}.supplier-about-name{font-size:1.75rem}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion: reduce){.supplier-about-content,.supplier-about-backdrop{animation:none}.supplier-about-btn-primary:hover,.supplier-about-btn-primary:active{transform:none}}.intro-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:100}.intro-modal-backdrop{position:fixed;inset:0;z-index:1;background:linear-gradient(140deg,#0f172ad9,#1e293bc7 38%,#0f172ad9 70%),radial-gradient(circle at 50% 35%,rgba(255,255,255,.07),transparent 65%);background-blend-mode:overlay,normal;animation:backdropFade .35s ease}.intro-modal-content{position:relative;background:#fff;width:90vw;max-width:600px;max-height:85vh;overflow-y:auto;overflow-x:hidden;border-radius:24px;padding:40px 48px;box-shadow:0 30px 80px -20px #1e293b8c;z-index:2;animation:fadeUp .4s ease;-webkit-overflow-scrolling:touch}.intro-modal-close{position:absolute;top:16px;right:20px;background:none;border:none;font-size:32px;line-height:1;cursor:pointer;color:#64748b;transition:all .2s ease;padding:4px 8px;border-radius:8px;z-index:3}.intro-modal-close:hover{color:#334155;background:#f1f5f9;transform:scale(1.1)}.intro-modal-close:active{transform:scale(.95)}.intro-modal-header{margin-bottom:24px;padding-bottom:20px;border-bottom:3px solid #e0e7ff}.intro-modal-title{font-size:2rem;font-weight:800;color:#1e293b;margin:0 0 12px;letter-spacing:-.5px;background:linear-gradient(135deg,#4c1d95,#6366f1);-webkit-background-clip:text;background-clip:text;color:transparent}.intro-modal-subtitle{font-size:1rem;color:#64748b;margin:0;line-height:1.6}.intro-modal-body{margin-bottom:32px}.intro-modal-text{font-size:1rem;line-height:1.7;color:#475569;margin:0 0 20px}.intro-modal-features{display:grid;gap:16px;margin:24px 0}.intro-feature-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.intro-feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4c1d951a;border-color:#c7d2fe}.intro-feature-icon{font-size:1.75rem;flex-shrink:0;margin-top:2px}.intro-feature-content{flex:1}.intro-feature-title{font-size:.95rem;font-weight:700;color:#334155;margin:0 0 6px;letter-spacing:.3px}.intro-feature-description{font-size:.875rem;color:#64748b;margin:0;line-height:1.5}.intro-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:2px solid #e2e8f0}.intro-btn-primary{padding:12px 32px;background:linear-gradient(135deg,#4c1d95,#6366f1);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4c1d954d;letter-spacing:.3px}.intro-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4c1d9566}.intro-btn-primary:active{transform:translateY(0)}.intro-btn-secondary{padding:12px 24px;background:#fff;color:#64748b;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.intro-btn-secondary:hover{border-color:#cbd5e1;color:#475569;background:#f8fafc}@media (max-width: 768px){.intro-modal-content{width:100vw;max-width:100vw;max-height:100vh;border-radius:0;margin:0;padding:20px 16px}.intro-modal-close{top:12px;right:12px;font-size:28px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.intro-modal-header{margin-bottom:20px;padding-bottom:16px;border-bottom-width:2px}.intro-modal-title{font-size:1.5rem;margin-bottom:10px}.intro-modal-subtitle{font-size:.9rem}.intro-modal-text{font-size:.95rem;line-height:1.6}.intro-modal-features{gap:12px;margin:20px 0}.intro-feature-card{padding:14px;gap:10px}.intro-feature-icon{font-size:1.5rem}.intro-feature-title{font-size:.9rem;margin-bottom:4px}.intro-feature-description{font-size:.85rem}.intro-modal-actions{flex-direction:column-reverse;gap:10px;padding-top:20px}.intro-btn-primary,.intro-btn-secondary{width:100%;padding:14px 24px;font-size:1rem;min-height:44px}}@media (max-width: 480px){.intro-modal-content{padding:16px 12px}.intro-modal-title{font-size:1.35rem}.intro-modal-subtitle{font-size:.85rem}.intro-modal-text{font-size:.9rem}.intro-feature-card{padding:12px}.intro-feature-icon{font-size:1.35rem}.intro-feature-title{font-size:.85rem}.intro-feature-description{font-size:.8rem}}@media (min-width: 769px) and (max-width: 1024px){.intro-modal-content{max-width:640px;padding:36px 40px}.intro-modal-title{font-size:1.75rem}}@media (prefers-reduced-motion: reduce){.intro-modal-content,.intro-modal-backdrop{animation:none}.intro-feature-card:hover,.intro-btn-primary:hover,.intro-btn-primary:active{transform:none}}body.intro-modal-open{overflow:hidden}.risk-formula-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:100}.risk-formula-backdrop{position:fixed;inset:0;z-index:1;background:linear-gradient(140deg,#0f172ad9,#1e293bc7 38%,#0f172ad9 70%),radial-gradient(circle at 50% 35%,rgba(255,255,255,.07),transparent 65%);background-blend-mode:overlay,normal;animation:backdropFade .35s ease}.risk-formula-content{position:relative;background:#fff;width:90vw;max-width:700px;max-height:85vh;overflow-y:auto;overflow-x:hidden;border-radius:24px;padding:40px 48px;box-shadow:0 30px 80px -20px #1e293b8c;z-index:2;animation:fadeUp .4s ease;-webkit-overflow-scrolling:touch}.risk-formula-close{position:absolute;top:16px;right:20px;background:none;border:none;font-size:32px;line-height:1;cursor:pointer;color:#64748b;transition:all .2s ease;padding:4px 8px;border-radius:8px;z-index:3}.risk-formula-close:hover{color:#334155;background:#f1f5f9;transform:scale(1.1)}.risk-formula-close:active{transform:scale(.95)}.risk-formula-header{margin-bottom:24px;padding-bottom:20px;border-bottom:3px solid #fee2e2}.risk-formula-title{font-size:1.75rem;font-weight:800;color:#1e293b;margin:0 0 12px;letter-spacing:-.5px;display:flex;align-items:center;gap:12px}.risk-formula-icon{font-size:2rem}.risk-formula-subtitle{font-size:.95rem;color:#64748b;margin:0;line-height:1.6}.risk-formula-body{margin-bottom:28px}.risk-formula-description{font-size:1rem;line-height:1.7;color:#475569;margin:0 0 24px;padding:16px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid #dc2626;border-radius:8px}.risk-formula-list{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:12px}.risk-formula-item{background:#f8fafc;padding:16px 18px;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease;display:flex;align-items:flex-start;gap:12px}.risk-formula-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translate(4px)}.risk-formula-item-bullet{flex-shrink:0;width:8px;height:8px;background:linear-gradient(135deg,#dc2626,#991b1b);border-radius:50%;margin-top:6px}.risk-formula-item-content{flex:1}.risk-formula-item strong{color:#1e293b;font-weight:700;font-size:.95rem}.risk-formula-item-text{color:#64748b;font-size:.9rem;margin:0}.risk-formula-equation{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:20px 24px;border-radius:12px;margin:24px 0;font-family:Courier New,monospace;font-size:.95rem;line-height:1.8;box-shadow:0 8px 24px #1e293b4d;border:2px solid #475569}.risk-formula-equation-title{font-weight:700;color:#fbbf24;margin-bottom:12px;font-size:1rem;letter-spacing:.5px}.risk-formula-equation-content{color:#e2e8f0;line-height:2}.risk-formula-disclaimer{font-size:.75rem;letter-spacing:.5px;text-transform:uppercase;color:#64748b;background:#f8fafc;padding:14px 18px;border-radius:10px;border:1px dashed #cbd5e1;margin-top:24px;text-align:center;line-height:1.5}.risk-formula-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:2px solid #e2e8f0}.risk-formula-btn-primary{padding:12px 32px;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #dc26264d;letter-spacing:.3px}.risk-formula-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.risk-formula-btn-primary:active{transform:translateY(0)}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.risk-formula-content{width:100vw;max-width:100vw;max-height:100vh;border-radius:0;margin:0;padding:20px 16px}.risk-formula-close{top:12px;right:12px;font-size:28px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.risk-formula-header{margin-bottom:20px;padding-bottom:16px;border-bottom-width:2px}.risk-formula-title{font-size:1.35rem;margin-bottom:10px;flex-wrap:wrap}.risk-formula-icon{font-size:1.5rem}.risk-formula-subtitle{font-size:.875rem}.risk-formula-description{font-size:.9rem;padding:14px;margin-bottom:20px}.risk-formula-list{gap:10px;margin-bottom:20px}.risk-formula-item{padding:14px 16px;gap:10px}.risk-formula-item:hover{transform:none}.risk-formula-item strong{font-size:.875rem}.risk-formula-item-text{font-size:.85rem}.risk-formula-equation{padding:16px 18px;font-size:.85rem;margin:20px 0}.risk-formula-equation-title{font-size:.9rem;margin-bottom:10px}.risk-formula-disclaimer{font-size:.7rem;padding:12px 14px}.risk-formula-actions{padding-top:20px}.risk-formula-btn-primary{width:100%;padding:14px 24px;font-size:1rem;min-height:44px}}@media (max-width: 480px){.risk-formula-content{padding:16px 12px}.risk-formula-title{font-size:1.25rem}.risk-formula-icon{font-size:1.35rem}.risk-formula-subtitle{font-size:.8rem}.risk-formula-description{font-size:.85rem;padding:12px}.risk-formula-item{padding:12px 14px}.risk-formula-item strong{font-size:.85rem}.risk-formula-item-text{font-size:.8rem}.risk-formula-equation{padding:14px 16px;font-size:.8rem}}@media (min-width: 769px) and (max-width: 1024px){.risk-formula-content{max-width:680px;padding:36px 40px}.risk-formula-title{font-size:1.6rem}}@media (prefers-reduced-motion: reduce){.risk-formula-content,.risk-formula-backdrop{animation:none}.risk-formula-item:hover,.risk-formula-btn-primary:hover,.risk-formula-btn-primary:active{transform:none}}body.risk-formula-open{overflow:hidden}.rfp-container{min-height:100vh;background:linear-gradient(135deg,#f8fffe,#e8f5f3,#f0f9ff)}.rfp-header{background:linear-gradient(135deg,#1b4332,#059669);color:#fff;padding:3rem 2rem;position:relative;overflow:hidden}.rfp-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.rfp-header-content{max-width:1200px;margin:0 auto;position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.rfp-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;display:flex;align-items:center;gap:1rem}.rfp-icon{font-size:2.5rem}.rfp-subtitle{font-size:1.1rem;opacity:.95;line-height:1.6;max-width:600px}.rfp-header-stats{display:flex;gap:1.5rem}.stat-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1.5rem;text-align:center;min-width:120px}.stat-number{font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:.9rem;opacity:.9}.rfp-tabs{background:#fff;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.tab-container{max-width:1200px;margin:0 auto;display:flex;gap:1rem;padding:1rem 2rem;overflow-x:auto}.tab-button{background:none;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;color:#4b5563;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.tab-button:hover{background:#f3f4f6;color:#059669}.tab-button.active{background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 4px 12px #0596694d}.tab-icon{font-size:1.2rem}.rfp-section{padding:3rem 2rem}.rfp-content{max-width:1200px;margin:0 auto}.section-header{margin-bottom:2rem}.section-header h2{font-size:2rem;font-weight:700;color:#1b4332;margin-bottom:.5rem}.section-header p{font-size:1.1rem;color:#6b7280}.rfp-form{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;overflow:hidden}.form-section{padding:2rem;border-bottom:1px solid #e5e7eb}.form-section:last-child{border-bottom:none}.form-section-title{font-size:1.5rem;font-weight:700;color:#1b4332;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.section-icon{font-size:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:600;color:#374151;font-size:.95rem}.form-input,.form-select,.form-textarea{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #0596691a}.form-textarea{resize:vertical;font-family:inherit}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s ease}.checkbox-label:hover{border-color:#059669;background:#f0fdf4}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#059669}.checkbox-label span{font-size:.95rem;color:#374151}.toggle-group{display:flex;flex-direction:column;gap:1rem}.toggle-label{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease}.toggle-label:hover{border-color:#059669;background:#f0fdf4}.toggle-label input[type=checkbox]{width:24px;height:24px;cursor:pointer;accent-color:#059669;margin-top:.25rem}.toggle-text{display:flex;flex-direction:column;gap:.25rem}.toggle-text strong{color:#1b4332;font-size:1rem}.toggle-text small{color:#6b7280;font-size:.9rem}.criteria-info{background:#f0fdf4;border:2px solid #86efac;border-radius:12px;padding:1.5rem}.criteria-info p{font-weight:600;color:#1b4332;margin-bottom:1rem}.criteria-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.criteria-list li{padding-left:1.5rem;position:relative;color:#374151;line-height:1.6}.criteria-list li:before{content:"✓";position:absolute;left:0;color:#059669;font-weight:700}.form-actions{padding:2rem;background:#f9fafb;display:flex;justify-content:flex-end;gap:1rem;flex-wrap:wrap}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 4px 12px #0596694d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #05966966}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-outline{background:#fff;border:2px solid #d1d5db;color:#374151}.btn-outline:hover{border-color:#059669;color:#059669;background:#f0fdf4}.btn-small{padding:.5rem 1rem;font-size:.9rem}.btn-block{width:100%;justify-content:center}.btn-icon{font-size:1.1rem}.rfp-list{display:flex;flex-direction:column;gap:1.5rem}.rfp-card{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;overflow:hidden;transition:all .3s ease}.rfp-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.rfp-card-header{padding:1.5rem;background:linear-gradient(135deg,#f0fdf4,#e8f5f3);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.rfp-card-title-section{flex:1}.rfp-card-title{font-size:1.25rem;font-weight:700;color:#1b4332;margin-bottom:.5rem}.rfp-id{font-size:.9rem;color:#6b7280;font-weight:600}.rfp-card-badges{display:flex;gap:.5rem;flex-wrap:wrap}.status-badge,.priority-badge{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;white-space:nowrap}.status-open{background:#d1fae5;color:#065f46}.status-review{background:#fef3c7;color:#92400e}.status-closed{background:#e5e7eb;color:#4b5563}.priority-high{background:#fee2e2;color:#991b1b}.priority-medium{background:#fef3c7;color:#92400e}.priority-low{background:#e0e7ff;color:#3730a3}.rfp-card-body{padding:1.5rem}.rfp-card-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.85rem;color:#6b7280;font-weight:600}.info-value{font-size:1rem;color:#1f2937;font-weight:600}.esg-score{color:#059669;font-weight:700}.rfp-card-actions{padding:1rem 1.5rem;background:#f9fafb;display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.template-card{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;padding:2rem;transition:all .3s ease;display:flex;flex-direction:column}.template-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.template-icon{font-size:2rem}.template-category{background:#dbeafe;color:#1e40af;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.template-title{font-size:1.25rem;font-weight:700;color:#1b4332;margin-bottom:.75rem}.template-description{color:#6b7280;line-height:1.6;margin-bottom:1rem;flex:1}.template-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.template-tag{background:#f0fdf4;color:#059669;padding:.4rem .75rem;border-radius:16px;font-size:.85rem;font-weight:600}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.analytics-card{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;padding:2rem}.analytics-card h3{font-size:1.25rem;font-weight:700;color:#1b4332;margin-bottom:1.5rem}.chart-placeholder{text-align:center;padding:2rem;background:#f9fafb;border-radius:12px}.chart-icon{font-size:3rem;display:block;margin-bottom:1rem}.chart-placeholder p{font-size:1.1rem;font-weight:600;color:#374151;margin-bottom:.5rem}.chart-placeholder ul{list-style:none;padding:0;text-align:left;max-width:200px;margin:1rem auto 0}.chart-placeholder ul li{padding:.5rem 0;color:#6b7280;border-bottom:1px solid #e5e7eb}.trend-up{color:#059669;font-weight:700;font-size:.95rem}.rfp-principles{background:linear-gradient(135deg,#1b4332,#059669);color:#fff;padding:3rem 2rem;margin-top:3rem}.principles-content{max-width:1200px;margin:0 auto;text-align:center}.principles-content h3{font-size:1.75rem;font-weight:700;margin-bottom:2rem}.principles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.principle-item{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease}.principle-item:hover{background:#ffffff40;transform:translateY(-4px)}.principle-icon{font-size:2rem;margin-bottom:.5rem}.principle-item strong{font-size:1rem;font-weight:700}.principle-item small{font-size:.85rem;opacity:.9}.input-error{border-color:#ef4444!important}.error-message{color:#dc2626;font-size:.85rem;margin-top:.25rem;display:block}.input-hint{color:#9ca3af;font-size:.85rem;margin-top:.25rem;display:block}.file-upload-zone{border:2px dashed #d1d5db;border-radius:12px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#f9fafb}.file-upload-zone:hover,.file-upload-zone.drag-active{border-color:#059669;background:#f0fdf4}.upload-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-icon{font-size:3rem}.upload-text{margin:0;color:#374151}.upload-text strong{color:#1b4332}.upload-hint{color:#6b7280;font-size:.9rem}.file-list{margin-top:1.5rem}.file-list h4{font-size:1rem;font-weight:600;color:#1b4332;margin-bottom:1rem}.file-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:.75rem;transition:all .3s ease}.file-item:hover{background:#f0fdf4;border-color:#059669}.file-info{display:flex;align-items:center;gap:1rem;flex:1}.file-icon{font-size:1.5rem}.file-details{display:flex;flex-direction:column;gap:.25rem}.file-name{font-weight:600;color:#1f2937}.file-meta{font-size:.85rem;color:#6b7280}.btn-remove-file{background:#fee2e2;color:#dc2626;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-weight:700;transition:all .3s ease}.btn-remove-file:hover{background:#dc2626;color:#fff}.notification-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.notification-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s ease}.notification-item:hover{border-color:#059669;background:#f0fdf4}.notification-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#059669}.notification-content{display:flex;flex-direction:column;gap:.25rem}.notification-content strong{color:#1b4332;font-size:.95rem}.notification-content small{color:#6b7280;font-size:.85rem}.rfp-preview-section{background:#f9fafb;border-top:2px solid #e5e7eb;padding:2rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.preview-header h3{font-size:1.5rem;font-weight:700;color:#1b4332}.btn-close-preview{background:#e5e7eb;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1.2rem;font-weight:700;color:#4b5563;transition:all .3s ease}.btn-close-preview:hover{background:#dc2626;color:#fff}.preview-content{max-width:800px;margin:0 auto}.preview-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 16px #0000001a}.preview-card h2{font-size:1.75rem;font-weight:700;color:#1b4332;margin-bottom:1rem}.preview-meta{display:flex;gap:.75rem;margin-bottom:2rem}.preview-badge{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;background:#dbeafe;color:#1e40af}.preview-section{margin-bottom:2rem}.preview-section h4{font-size:1.1rem;font-weight:700;color:#1b4332;margin-bottom:.75rem}.preview-section p{color:#4b5563;line-height:1.6}.preview-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.preview-item{display:flex;flex-direction:column;gap:.25rem}.preview-item strong{color:#6b7280;font-size:.85rem;font-weight:600}.large-card,.wide-card{grid-column:span 2}.bar-chart{display:flex;justify-content:space-around;align-items:flex-end;height:200px;padding:1rem;background:#f9fafb;border-radius:12px;margin-bottom:1rem}.bar-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.bar{width:80%;max-width:60px;background:linear-gradient(135deg,#059669,#10b981);border-radius:8px 8px 0 0;position:relative;transition:all .3s ease;min-height:20px}.bar:hover{background:linear-gradient(135deg,#047857,#059669);transform:translateY(-4px)}.bar-value{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-weight:700;font-size:.85rem;color:#1b4332}.bar-label{font-size:.85rem;font-weight:600;color:#6b7280}.progress-chart,.diversity-chart{display:flex;flex-direction:column;align-items:center;gap:1rem}.circular-progress,.donut-chart{position:relative;width:150px;height:150px}.circular-progress svg,.donut-chart svg{transform:rotate(-90deg)}.progress-text,.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-value,.donut-value{display:block;font-size:2rem;font-weight:700;color:#059669}.donut-label{display:block;font-size:.85rem;color:#6b7280}.category-chart{display:flex;flex-direction:column;gap:1rem}.category-bar{display:flex;flex-direction:column;gap:.5rem}.category-info{display:flex;justify-content:space-between;align-items:center}.category-name{font-weight:600;color:#1b4332}.category-percentage{font-weight:700;color:#059669}.progress-bar-container{height:24px;background:#e5e7eb;border-radius:12px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(135deg,#059669,#10b981);transition:width .5s ease}.category-count{font-size:.85rem;color:#6b7280}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.metric-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:#f9fafb;border-radius:12px;text-align:center}.metric-icon{font-size:2rem}.metric-value{font-size:1.75rem;font-weight:700;color:#1b4332}.metric-label{font-size:.9rem;color:#6b7280}.collaboration-grid{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;margin-bottom:2rem}.collaboration-panel{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;overflow:hidden}.comments-panel{grid-column:span 1}.activity-panel{grid-column:1 / -1}.panel-header{padding:1.5rem;background:linear-gradient(135deg,#f0fdf4,#e8f5f3);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.panel-header h3{font-size:1.25rem;font-weight:700;color:#1b4332;margin:0}.badge{background:#dbeafe;color:#1e40af;padding:.4rem .75rem;border-radius:16px;font-size:.85rem;font-weight:600}.collaborators-list{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.collaborator-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:12px;transition:all .3s ease}.collaborator-item:hover{background:#f0fdf4}.collaborator-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#059669,#10b981);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;position:relative}.collaborator-avatar[data-status=active]:after{content:"";position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#10b981;border:2px solid white;border-radius:50%}.collaborator-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.collaborator-info strong{color:#1b4332;font-size:1rem}.collaborator-role{color:#6b7280;font-size:.85rem}.collaborator-status{color:#9ca3af;font-size:.8rem}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.active{background:#10b981;animation:pulse 2s infinite}.status-dot.idle{background:#f59e0b}.comment-input-container{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:1rem}.comment-input{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:.95rem;resize:vertical;transition:all .3s ease}.comment-input:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #0596691a}.comments-list{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;max-height:400px;overflow-y:auto}.comment-item{display:flex;gap:1rem}.comment-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1b4332,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.comment-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.comment-header{display:flex;justify-content:space-between;align-items:center}.comment-header strong{color:#1b4332;font-size:.95rem}.comment-time{color:#9ca3af;font-size:.85rem}.comment-text{color:#4b5563;line-height:1.5;margin:0}.comment-actions{display:flex;gap:1rem}.comment-action-btn{background:none;border:none;color:#6b7280;font-size:.85rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .3s ease}.comment-action-btn:hover{background:#f3f4f6;color:#059669}.activity-feed{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px;transition:all .3s ease}.activity-item:hover{background:#f0fdf4}.activity-icon{font-size:1.5rem}.activity-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.activity-content strong{color:#1b4332;font-size:.95rem}.activity-time{color:#9ca3af;font-size:.8rem}.collaboration-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.feature-highlight{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 16px #0000001a;display:flex;align-items:flex-start;gap:1rem;transition:all .3s ease}.feature-highlight:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.feature-icon{font-size:2rem}.feature-content h4{font-size:1.1rem;font-weight:700;color:#1b4332;margin-bottom:.5rem}.feature-content p{color:#6b7280;line-height:1.5;margin:0}@media (max-width: 1024px){.rfp-header{padding:2rem 1.5rem}.rfp-title{font-size:2rem}.rfp-section{padding:2rem 1.5rem}.form-section{padding:1.5rem}.tab-container{padding:1rem 1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.template-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.collaboration-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.rfp-header{padding:2rem 1rem}.rfp-title{font-size:1.75rem;flex-direction:column;text-align:center}.rfp-icon{font-size:2rem}.rfp-subtitle{font-size:1rem;text-align:center}.rfp-header-content{flex-direction:column;text-align:center;gap:1.5rem}.rfp-header-stats{width:100%;justify-content:center;flex-wrap:wrap}.stat-card{min-width:100px;padding:1rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.8rem}.rfp-tabs{position:relative}.tab-container{padding:.75rem .5rem;gap:.5rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;flex-wrap:nowrap}.tab-container::-webkit-scrollbar{display:none}.tab-button{padding:.625rem .875rem;font-size:.85rem;white-space:nowrap;flex-shrink:0;min-width:fit-content}.tab-icon{font-size:.95rem}.rfp-section{padding:1.5rem 1rem}.section-header h2{font-size:1.5rem}.section-header p{font-size:1rem}.form-section{padding:1.5rem 1rem}.form-section-title,.section-icon{font-size:1.25rem}.form-grid{grid-template-columns:1fr;gap:1rem}.form-input,.form-select,.form-textarea{padding:.625rem .875rem;font-size:16px}.checkbox-grid{grid-template-columns:1fr;gap:.75rem}.checkbox-label{padding:.625rem}.toggle-label{padding:1rem}.toggle-label input[type=checkbox]{width:20px;height:20px}.form-actions{padding:1.5rem 1rem;flex-direction:column-reverse;gap:.75rem}.form-actions .btn{width:100%;justify-content:center;padding:.875rem 1.5rem}.rfp-card{border-radius:12px}.rfp-card-header{padding:1.25rem 1rem;flex-direction:column;align-items:flex-start;gap:1rem}.rfp-card-title{font-size:1.1rem}.rfp-card-badges{width:100%}.status-badge,.priority-badge{padding:.4rem .75rem;font-size:.8rem}.rfp-card-body{padding:1.25rem 1rem}.rfp-card-info{grid-template-columns:1fr;gap:.75rem}.rfp-card-actions{padding:1rem;flex-direction:column;gap:.5rem}.rfp-card-actions .btn{width:100%;justify-content:center}.template-grid{grid-template-columns:1fr;gap:1rem}.template-card{padding:1.5rem 1rem}.template-icon{font-size:1.5rem}.template-title{font-size:1.1rem}.analytics-grid{grid-template-columns:1fr;gap:1rem}.analytics-card{padding:1.5rem 1rem}.analytics-card h3{font-size:1.1rem}.chart-placeholder{padding:1.5rem 1rem}.chart-icon{font-size:2rem}.large-card,.wide-card{grid-column:span 1}.metrics-grid{grid-template-columns:1fr;gap:1rem}.metric-item{padding:1rem}.metric-value{font-size:1.5rem}.bar-chart{height:160px;padding:.75rem}.bar-label{font-size:.75rem}.rfp-principles{padding:2rem 1rem}.principles-content h3{font-size:1.5rem}.principles-grid{grid-template-columns:1fr;gap:1rem}.principle-item{padding:1rem}.principle-icon{font-size:1.5rem}.file-upload-zone{padding:2rem 1rem}.upload-icon{font-size:2rem}.upload-text{font-size:.95rem}.upload-hint{font-size:.85rem}.file-item{padding:.875rem;flex-wrap:wrap}.file-info{gap:.75rem}.file-icon{font-size:1.25rem}.file-name{font-size:.9rem;word-break:break-all}.notification-grid{grid-template-columns:1fr;gap:.75rem}.notification-item{padding:.875rem}.collaboration-grid{grid-template-columns:1fr;gap:1rem}.collaboration-panel{border-radius:12px}.panel-header{padding:1.25rem 1rem}.panel-header h3{font-size:1.1rem}.collaborators-list{padding:1rem}.collaborator-item{padding:.875rem}.collaborator-avatar{width:40px;height:40px;font-size:1rem}.comment-input-container{padding:1rem}.comments-list{padding:1rem;max-height:300px}.comment-avatar{width:36px;height:36px}.activity-feed{padding:1rem}.activity-item{padding:.875rem}.activity-icon{font-size:1.25rem}.collaboration-features{grid-template-columns:1fr;gap:1rem}.feature-highlight{padding:1.5rem 1rem}.feature-icon{font-size:1.5rem}.feature-content h4{font-size:1rem}.rfp-preview-section,.preview-card{padding:1.5rem 1rem}.preview-card h2{font-size:1.5rem}.preview-details{grid-template-columns:1fr}.btn{min-height:44px;padding:.75rem 1.25rem}.btn-small{min-height:36px;padding:.5rem .875rem}}@media (max-width: 480px){.rfp-title{font-size:1.5rem}.rfp-subtitle{font-size:.9rem}.rfp-header-stats{flex-direction:column;width:100%;gap:1rem}.stat-card{width:100%;max-width:100%}.tab-container{padding:.5rem .25rem;gap:.375rem}.tab-button{padding:.5rem .75rem;font-size:.8rem;gap:.375rem}.tab-icon{font-size:.875rem}.section-header h2{font-size:1.25rem}.form-section-title{font-size:1.1rem}.rfp-card-title,.template-title,.analytics-card h3{font-size:1rem}.principles-content h3{font-size:1.25rem}.principle-item{padding:.875rem}.panel-header h3{font-size:1rem}.feature-content h4{font-size:.95rem}.preview-card h2{font-size:1.25rem}.bar-chart{height:140px}.circular-progress,.donut-chart{width:120px;height:120px}.progress-value,.donut-value{font-size:1.5rem}body,.rfp-container{overflow-x:hidden}}.comm-hub-container{max-width:1400px;margin:0 auto;padding:24px;background:#f8fafc;min-height:100vh}.comm-hub-header{background:linear-gradient(135deg,#7b2cbf,#9d4edd);color:#fff;padding:32px;border-radius:16px;margin-bottom:24px;box-shadow:0 4px 16px #7b2cbf40}.comm-hub-header h1{font-size:2rem;font-weight:700;margin:0 0 8px;color:#fff}.comm-hub-header p{font-size:1rem;margin:0;opacity:.95}.return-banner{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.return-banner-content{display:flex;align-items:center;gap:12px}.return-banner-icon{color:#3b82f6;font-size:20px}.return-banner-text{color:#1e40af;font-size:14px}.return-banner-btn{background:#3b82f6;color:#fff;border:none;padding:6px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s}.return-banner-btn:hover{background:#2563eb}.return-banner-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;margin-left:12px;font-size:18px}.tab-nav{display:flex;gap:8px;border-bottom:2px solid #e5e7eb;margin-bottom:24px;overflow-x:auto}.tab-button{background:none;border:none;padding:12px 24px;font-size:15px;font-weight:600;color:#64748b;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;white-space:nowrap}.tab-button:hover{color:#7b2cbf;background:#7b2cbf0d}.tab-button.active{color:#7b2cbf;border-bottom-color:#7b2cbf}.search-filter-bar{background:#fff;padding:16px;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.search-input{flex:1;min-width:200px;padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px}.filter-select{padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.overview-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s}.overview-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.overview-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.overview-card-icon{font-size:32px}.overview-card-label{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.overview-card-value{font-size:28px;font-weight:700;color:#1e293b}.overview-card-value.blue{color:#3b82f6}.overview-card-value.purple{color:#9d4edd}.overview-card-value.green{color:#10b981}.overview-card-footer{margin-top:8px;font-size:13px;color:#94a3b8}.two-col-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:24px}.white-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #00000014}.white-card h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 16px}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9}.metric-row:last-child{border-bottom:none}.metric-label{font-size:14px;color:#64748b}.metric-value{font-weight:600;color:#1e293b}.metric-value.green{color:#10b981}.metric-sublabel{font-size:12px;color:#94a3b8;margin-top:2px}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.channel-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s}.channel-card:hover{box-shadow:0 8px 24px #7b2cbf26;border-color:#9d4edd;transform:translateY(-2px)}.channel-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.channel-card-title{font-size:16px;font-weight:600;color:#1e293b;margin:0}.channel-card-description{font-size:14px;color:#64748b;line-height:1.5;margin:8px 0}.channel-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid #f1f5f9}.channel-meta{display:flex;align-items:center;gap:16px;font-size:13px;color:#64748b}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#f3f4f6;color:#374151}.status-badge.pending{background:#fef3c7;color:#92400e}.category-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;background:#ede9fe;color:#5b21b6}.engagement-badge{font-weight:600;font-size:13px}.engagement-badge.high{color:#10b981}.engagement-badge.medium{color:#f59e0b}.engagement-badge.low{color:#ef4444}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;z-index:1000;padding:80px 20px 20px}.modal-content{background:#fff;border-radius:16px;padding:32px;max-width:900px;width:100%;box-shadow:0 20px 50px #0000004d;position:relative}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-title{font-size:24px;font-weight:700;color:#1e293b;margin:0}.modal-close{background:none;border:none;font-size:24px;color:#94a3b8;cursor:pointer;padding:4px;line-height:1}.modal-close:hover{color:#475569}.modal-body{margin-bottom:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px}.modal-section{margin-bottom:24px}.modal-section h4{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 12px}.modal-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.modal-info-item{padding:12px;background:#f8fafc;border-radius:8px}.modal-info-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.modal-info-value{font-size:14px;font-weight:600;color:#1e293b}.btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:linear-gradient(135deg,#7b2cbf,#9d4edd);color:#fff}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 4px 16px #7b2cbf59}.btn-secondary{background:#fff;color:#7b2cbf;border:2px solid #e5e7eb}.btn-secondary:hover{background:#f8fafc;border-color:#9d4edd}.stakeholder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.stakeholder-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.stakeholder-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.stakeholder-name{font-size:16px;font-weight:600;color:#1e293b}.stakeholder-metrics{display:flex;flex-direction:column;gap:8px}.stakeholder-metric-row{display:flex;justify-content:space-between;font-size:13px}.stakeholder-metric-label{color:#64748b}.stakeholder-metric-value{font-weight:600;color:#1e293b}.spinner-container{display:flex;align-items:center;justify-content:center;min-height:256px}.spinner{width:48px;height:48px;border:3px solid #e5e7eb;border-top-color:#9d4edd;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.comm-hub-container{padding:16px}.comm-hub-header{padding:24px}.comm-hub-header h1{font-size:1.5rem}.overview-cards,.two-col-grid,.channels-grid,.stakeholder-grid{grid-template-columns:1fr}.search-filter-bar{flex-direction:column}.search-input{width:100%}.tab-nav{overflow-x:auto;-webkit-overflow-scrolling:touch}}.activity-item{padding:12px;background:#f8fafc;border-radius:8px;margin-bottom:8px}.activity-type{font-weight:600;color:#1e293b;font-size:14px}.activity-meta{font-size:12px;color:#64748b;margin-top:4px}.moderator-tag{display:inline-block;background:#ede9fe;color:#5b21b6;padding:4px 8px;border-radius:6px;font-size:12px;margin-right:8px;margin-bottom:8px}.features-list{display:flex;flex-direction:column;gap:8px}.feature-item{display:flex;justify-content:space-between;font-size:13px}.feature-label{font-weight:500;color:#1e293b}.feature-status{color:#64748b}.progress-bar-container{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-top:8px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#7b2cbf,#9d4edd);transition:width .3s}.am-signals-container{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.am-signals-hero{padding:4rem 2rem;text-align:center;position:relative;overflow:hidden}.am-signals-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(34,197,94,.1) 0%,transparent 70%);pointer-events:none}.hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#22c55e33,#10b98133);border:2px solid rgba(34,197,94,.3);border-radius:50px;padding:.75rem 1.5rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(34,197,94,.4))}.badge-text{font-weight:700;font-size:.875rem;letter-spacing:.1em;color:#22c55e}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#22c55e,#10b981,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;line-height:1.7;color:#fffc;max-width:800px;margin:0 auto 3rem}.hero-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1000px;margin:2rem auto;padding:0 1rem}.metric-card{background:#1e293bcc;border:1px solid rgba(71,85,105,.3);border-radius:20px;padding:2rem 1.5rem;text-align:left;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .3s ease;box-shadow:0 8px 32px #0000004d;position:relative;overflow:visible;min-height:160px;width:100%;box-sizing:border-box}.metric-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.02) 100%);pointer-events:none}.metric-card.sustainability{border-left:4px solid #22c55e}.metric-card.stations{border-left:4px solid #3b82f6}.metric-card.signal{border-left:4px solid #f59e0b}.metric-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0006}.metric-content{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.metric-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.8}.metric-card.sustainability .metric-icon{filter:drop-shadow(0 2px 4px rgba(34,197,94,.4))}.metric-card.stations .metric-icon{filter:drop-shadow(0 2px 4px rgba(59,130,246,.4))}.metric-card.signal .metric-icon{filter:drop-shadow(0 2px 4px rgba(245,158,11,.4))}.metric-value{font-size:3rem;font-weight:800;margin-bottom:.25rem;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-card.sustainability .metric-value{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-card.stations .metric-value{background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-card.signal .metric-value{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-label{font-size:.875rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.am-signals-nav{padding:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.nav-tabs{display:flex;justify-content:center;gap:1rem;max-width:1200px;margin:0 auto;flex-wrap:wrap}.nav-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#ffffffb3;font-weight:600;cursor:pointer;transition:all .3s ease}.nav-tab:hover{border-color:#22c55e66;color:#22c55e;transform:translateY(-2px)}.nav-tab.active{background:linear-gradient(135deg,#22c55e33,#10b98133);border-color:#22c55e;color:#22c55e}.tab-icon{font-size:1.25rem}.am-signals-content{padding:3rem 2rem;max-width:1400px;margin:0 auto}.monitoring-panel{margin:3rem 0}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem}.panel-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#22c55e}.title-icon{font-size:1.75rem}.frequency-selector{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.frequency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.frequency-button{background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:1rem;color:#fffc;cursor:pointer;transition:all .3s ease;text-align:center}.frequency-button:hover{border-color:#22c55e66;background:#22c55e1a}.frequency-button.active{border-color:#22c55e;background:linear-gradient(135deg,#22c55e33,#10b98133);color:#22c55e}.freq-value{font-weight:700;font-size:1.1rem;margin-bottom:.25rem}.freq-station{font-size:.75rem;color:#fff9;margin-bottom:.25rem}.freq-esg{font-size:.7rem;color:#22c55e;font-weight:600}.signal-analysis{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.analysis-content{margin:2rem 0}.station-info{margin-bottom:2rem}.station-name{font-size:1.5rem;font-weight:700;color:#22c55e;margin-bottom:.5rem}.station-content{color:#fffc;margin-bottom:.5rem}.station-frequency{font-size:.875rem;color:#fff9;font-weight:600}.signal-visualizer{background:#0000004d;border-radius:12px;padding:1.5rem}.signal-wave{display:flex;align-items:end;justify-content:center;height:120px;margin-bottom:1rem;gap:2px}.wave-bar{width:3px;background:linear-gradient(to top,#22c55e,#10b981);border-radius:2px;animation:waveAnimation 2s ease-in-out infinite;transition:height .3s ease}@keyframes waveAnimation{0%,to{opacity:.7}50%{opacity:1}}.signal-controls{display:flex;align-items:center;justify-content:space-between}.monitor-toggle{background:linear-gradient(135deg,#22c55e,#10b981);border:none;border-radius:8px;padding:.75rem 1.5rem;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.monitor-toggle:hover{transform:translateY(-2px);box-shadow:0 5px 15px #22c55e66}.monitor-toggle.active{background:linear-gradient(135deg,#ef4444,#dc2626)}.signal-strength{font-weight:600;color:#22c55e}.esg-quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.stat-item{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:1.5rem;transition:all .3s ease}.stat-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0003}.stat-item.environmental{border-left:4px solid #22c55e}.stat-item.social{border-left:4px solid #3b82f6}.stat-item.governance{border-left:4px solid #a855f7}.stat-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.stat-content{flex:1}.stat-label{font-size:.875rem;color:#ffffffb3;margin-bottom:.25rem}.stat-value{font-size:1.25rem;font-weight:700;color:#22c55e}.sustainability-panel{margin:3rem 0}.sustainability-content{max-width:1200px;margin:0 auto}.sustainability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.impact-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:2rem;transition:all .3s ease}.impact-card:hover{transform:translateY(-5px);border-color:#22c55e66}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-header h4{font-size:1.25rem;font-weight:700;color:#22c55e}.impact-score{padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.875rem}.impact-score.excellent{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.impact-score.good{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.card-content p{color:#fffc;line-height:1.6;margin-bottom:1rem}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#10b981);border-radius:4px;transition:width .5s ease}.sustainability-insights{background:#0000004d;border-radius:16px;padding:2rem}.sustainability-insights h4{color:#22c55e;margin-bottom:1.5rem;font-size:1.25rem}.insights-list{list-style:none;padding:0}.insights-list li{padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1);color:#ffffffe6;line-height:1.6}.insights-list li:last-child{border-bottom:none}.governance-panel{margin:3rem 0}.governance-content{max-width:1200px;margin:0 auto}.governance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.governance-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.governance-card:hover{transform:translateY(-5px);border-color:#a855f766}.governance-card .card-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.governance-card h4{font-size:1.25rem;font-weight:700;color:#a855f7;margin-bottom:1rem}.compliance-status{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.875rem;margin-bottom:1rem}.compliance-status.excellent{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.compliance-status.good{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.governance-card p{color:#fffc;line-height:1.6}.governance-metrics{background:#0000004d;border-radius:16px;padding:2rem}.governance-metrics h4{color:#a855f7;margin-bottom:2rem;font-size:1.25rem}.metrics-grid{display:grid;gap:1.5rem}.metric{display:grid;grid-template-columns:120px 1fr 60px;align-items:center;gap:1rem}.metric-label{font-weight:600;color:#ffffffe6}.metric-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.metric-fill{height:100%;background:linear-gradient(90deg,#a855f7,#8b5cf6);border-radius:4px;transition:width .5s ease}.metric-value{font-weight:700;color:#a855f7;text-align:right}.impact-panel{margin:3rem 0}.impact-content{max-width:1200px;margin:0 auto}.impact-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:3rem}.impact-stat{text-align:center;background:#1e293bcc;border:1px solid rgba(139,92,246,.2);border-radius:20px;padding:2.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px #0000004d}.impact-stat:hover{transform:translateY(-5px);border-color:#8b5cf666;box-shadow:0 20px 40px #0006}.stat-number{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#a855f7,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-description{color:#ffffffb3;font-weight:500;font-size:.95rem}.impact-initiatives{margin-bottom:3rem}.impact-initiatives h4{color:#a855f7;margin-bottom:2rem;font-size:1.5rem;opacity:.9}.initiatives-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.initiative-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:2rem;transition:all .3s ease}.initiative-card:hover{transform:translateY(-5px);border-color:#ec489966}.initiative-icon{font-size:2.5rem;margin-bottom:1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.initiative-card h5{font-size:1.25rem;font-weight:700;color:#ec4899;margin-bottom:1rem}.initiative-card p{color:#fffc;line-height:1.6;margin-bottom:1rem}.initiative-impact{font-size:.875rem;color:#22c55e;font-weight:600}.community-feedback{background:#0000004d;border-radius:16px;padding:2rem}.community-feedback h4{color:#ec4899;margin-bottom:2rem;font-size:1.25rem}.feedback-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.feedback-item{text-align:center}.feedback-score{font-size:2.5rem;font-weight:800;color:#ec4899;margin-bottom:.5rem}.feedback-label{color:#fffc;font-weight:600}.am-signals-cta{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border-top:1px solid rgba(34,197,94,.3);padding:4rem 2rem;text-align:center}.cta-content{max-width:800px;margin:0 auto}.cta-content h3{font-size:2.5rem;font-weight:800;color:#22c55e;margin-bottom:1rem}.cta-content p{font-size:1.25rem;color:#fffc;margin-bottom:2rem;line-height:1.6}.cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.cta-button{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none}.cta-button.primary{background:linear-gradient(135deg,#22c55e,#10b981);color:#fff}.cta-button.primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #22c55e66}.cta-button.secondary{background:transparent;color:#22c55e;border:2px solid #22c55e}.cta-button.secondary:hover{background:#22c55e1a;transform:translateY(-3px)}.button-icon{font-size:1.25rem}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-description{font-size:1rem}.panel-grid{grid-template-columns:1fr;gap:2rem}.nav-tabs{flex-direction:column;align-items:center}.frequency-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.cta-buttons{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:300px;justify-content:center}}@media (max-width: 480px){.am-signals-hero,.am-signals-content{padding:2rem 1rem}.hero-title{font-size:2rem}.metric-card{padding:1.5rem}.governance-grid,.sustainability-grid,.initiatives-grid{grid-template-columns:1fr}}.env-impact-card{background:#1e293bcc;border:1px solid rgba(71,85,105,.3);border-radius:20px;padding:2.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .3s ease;box-shadow:0 8px 32px #0000004d;position:relative;overflow:hidden}.env-impact-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.02) 100%);pointer-events:none}.env-impact-card.energy{border-left:4px solid #22c55e}.env-impact-card.carbon{border-left:4px solid #10b981}.env-impact-card.waste{border-left:4px solid #16a34a}.env-impact-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0006}.env-card-content{text-align:center}.env-card-header{margin-bottom:1.5rem}.env-card-title{font-size:1.25rem;font-weight:700;color:#22c55e;margin-bottom:1rem}.env-score{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;display:block}.env-card-description{color:#fffc;line-height:1.6;margin-bottom:2rem;font-size:.95rem}.env-progress-bar{width:100%;height:6px;background:#47556966;border-radius:3px;overflow:hidden;margin-top:1rem}.env-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#10b981);border-radius:3px;transition:width .8s ease}@media (min-width: 1200px){.hero-metrics{grid-template-columns:repeat(3,1fr);max-width:1200px}.metric-card{padding:2.5rem 2rem}.metric-value{font-size:3.5rem}}@media (min-width: 992px) and (max-width: 1199px){.hero-metrics{grid-template-columns:repeat(3,1fr);gap:1.25rem}.metric-card{padding:2rem 1.5rem}}@media (min-width: 768px) and (max-width: 991px){.hero-metrics{grid-template-columns:repeat(2,1fr);max-width:800px}.metric-card{padding:2rem 1.5rem;min-height:140px}.metric-value{font-size:2.5rem}}@media (min-width: 576px) and (max-width: 767px){.hero-metrics{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:600px}.metric-card{padding:1.5rem 1rem;min-height:120px}.metric-value{font-size:2rem}.metric-label{font-size:.8rem;line-height:1.3}}@media (max-width: 575px){.am-signals-container{padding:0}.am-signals-hero{padding:1.5rem 1rem}.hero-title{font-size:2rem!important;line-height:1.2}.hero-description{font-size:.9rem!important;margin-bottom:1.5rem}.hero-badge{padding:.5rem 1rem;font-size:.8rem}.badge-icon{font-size:1rem}.hero-metrics{grid-template-columns:1fr!important;gap:1rem!important;margin:1.5rem auto!important;max-width:100%!important}.metric-card{padding:1.5rem 1rem!important;min-height:100px!important;text-align:center}.metric-content{align-items:center}.metric-value{font-size:2rem!important}.metric-label{font-size:.75rem!important;text-align:center;line-height:1.2}.metric-icon{font-size:2rem;margin-bottom:.5rem}.am-controls{padding:1.5rem 1rem!important;margin:1rem!important}.controls-grid{grid-template-columns:1fr!important;gap:1rem!important}.control-group{margin-bottom:1rem}.control-group label{font-size:.9rem}.frequency-display{font-size:1.5rem!important;padding:1rem!important}.signal-visualization{padding:1.5rem 1rem!important;margin:1rem!important}.signal-strength-bars{height:60px!important}.signal-bar{width:8px!important;margin:0 1px!important}.esg-impact-section{padding:2rem 1rem!important}.impact-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.impact-card{padding:1.5rem!important}.impact-score{font-size:2rem!important}.environmental-cards-grid{grid-template-columns:1fr!important;gap:1rem!important}.environmental-card{padding:1.5rem 1rem!important}.card-value{font-size:1.8rem!important}.social-impact-grid{grid-template-columns:1fr!important;gap:1rem!important}.social-card{padding:1.5rem 1rem!important}.social-value{font-size:1.8rem!important}.governance-metrics-grid{grid-template-columns:1fr!important;gap:1rem!important}.metric-item{padding:1rem!important}.metric-number{font-size:1.5rem!important}}@media (max-width: 480px){.hero-title{font-size:2rem!important}.frequency-display{font-size:1.2rem!important}.metric-card{padding:1rem!important}.metric-value{font-size:1.5rem!important}.impact-card,.environmental-card,.social-card{padding:1rem!important}.card-value,.social-value{font-size:1.5rem!important}}@media (max-width: 768px){.am-controls{padding:1.5rem 1rem!important;margin:1rem!important}.controls-grid{grid-template-columns:1fr!important;gap:1rem!important}.signal-visualization{padding:1.5rem 1rem!important;margin:1rem!important}.signal-strength-bars{height:60px!important}.signal-bar{width:8px!important;margin:0 1px!important}.esg-impact-section{padding:2rem 1rem!important}.impact-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.impact-card{padding:1.5rem!important}.impact-score{font-size:2rem!important}.environmental-cards-grid{grid-template-columns:1fr!important;gap:1rem!important}.environmental-card{padding:1.5rem 1rem!important}.card-value{font-size:1.8rem!important}.social-impact-grid{grid-template-columns:1fr!important;gap:1rem!important}.social-card{padding:1.5rem 1rem!important}.social-value{font-size:1.8rem!important}.governance-metrics-grid{grid-template-columns:1fr!important;gap:1rem!important}.metric-item{padding:1rem!important}.metric-number{font-size:1.5rem!important}}@media (max-width: 480px){.hero-title{font-size:1.8rem!important}.frequency-display{font-size:1.2rem!important}.metric-card{padding:1rem!important;min-height:80px!important}.metric-value{font-size:1.5rem!important}.impact-card,.environmental-card,.social-card{padding:1rem!important}.card-value,.social-value{font-size:1.5rem!important}}@media (min-width: 1400px){.hero-metrics{max-width:1400px;gap:2rem}.metric-card{padding:3rem 2.5rem;min-height:200px}.metric-value{font-size:4rem}.metric-label{font-size:1rem}}.fm-signals-container{min-height:100vh;background:linear-gradient(135deg,#1e3c72,#2a5298,#4facfe);padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff}.fm-signals-header{text-align:center;margin-bottom:3rem;padding:2rem;background:#ffffff1a;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.fm-signals-header h1{font-size:3.5rem;margin-bottom:1rem;text-shadow:0 4px 8px rgba(0,0,0,.3);background:linear-gradient(45deg,#00c6ff,#0072ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fm-signals-header p{font-size:1.3rem;opacity:.9;margin:0}.fm-signals-navigation{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.fm-tab-btn{padding:1rem 2rem;border:none;border-radius:25px;background:#ffffff1a;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.fm-tab-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.fm-tab-btn.active{background:linear-gradient(45deg,#00c6ff,#0072ff);box-shadow:0 8px 25px #00c6ff4d;transform:translateY(-2px)}.fm-signals-content{background:#ffffff0d;border-radius:20px;padding:2.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0000001a}.fm-monitoring-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.fm-frequency-selector h3{font-size:1.8rem;margin-bottom:1.5rem;color:#00c6ff;text-align:center}.fm-frequency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.fm-frequency-btn{padding:1.5rem 1rem;border:none;border-radius:15px;background:#ffffff1a;color:#fff;cursor:pointer;transition:all .3s ease;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid transparent}.fm-frequency-btn:hover{background:#ffffff26;transform:translateY(-3px);box-shadow:0 10px 30px #0003}.fm-frequency-btn.active{background:linear-gradient(45deg,#00c6ff,#0072ff);border-color:#fff;box-shadow:0 15px 35px #00c6ff66;transform:translateY(-3px)}.fm-freq-number{font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.fm-station-name{font-size:.9rem;opacity:.9;margin-bottom:.3rem}.fm-power{font-size:.8rem;opacity:.7;color:#00c6ff}.fm-signal-visualization{display:flex;flex-direction:column;gap:2rem}.fm-signal-display h3{font-size:1.8rem;margin-bottom:1.5rem;color:#00c6ff;text-align:center}.fm-signal-meter{position:relative;height:40px;background:#ffffff1a;border-radius:20px;margin-bottom:2rem;overflow:hidden}.fm-signal-bar{height:100%;background:linear-gradient(90deg,#ff6b6b,#ffd93d,#6bcf7f,#4ecdc4);border-radius:20px;transition:width .5s ease;position:relative}.fm-signal-value{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.fm-wave-animation{display:flex;justify-content:center;align-items:center;height:100px;position:relative;margin-bottom:2rem}.fm-wave{width:80px;height:80px;border:3px solid #00c6ff;border-radius:50%;position:absolute;animation:fm-wave-pulse 2s infinite}.fm-wave-1{animation-delay:0s}.fm-wave-2{animation-delay:.5s;opacity:.7}.fm-wave-3{animation-delay:1s;opacity:.4}@keyframes fm-wave-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}.fm-recording-controls{display:flex;flex-direction:column;align-items:center;gap:1rem}.fm-record-btn{padding:1rem 2rem;border:none;border-radius:25px;background:linear-gradient(45deg,#ff6b6b,#ff8e53);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #ff6b6b4d}.fm-record-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #ff6b6b66}.fm-record-btn.recording{background:linear-gradient(45deg,#e74c3c,#c0392b);animation:fm-recording-pulse 1s infinite}@keyframes fm-recording-pulse{0%,to{opacity:1}50%{opacity:.7}}.fm-recording-indicator{color:#e74c3c;font-weight:700;animation:fm-recording-pulse 1s infinite}.fm-sustainability-content{display:flex;flex-direction:column;gap:3rem}.fm-esg-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.fm-metric-card{background:#ffffff1a;border-radius:15px;padding:2rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:transform .3s ease}.fm-metric-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0003}.fm-metric-card h4{font-size:1.3rem;margin-bottom:1rem;color:#00c6ff}.fm-metric-value{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.fm-progress-bar{height:8px;background:#fff3;border-radius:4px;margin-bottom:1rem;overflow:hidden}.fm-progress-fill{height:100%;border-radius:4px;transition:width .5s ease}.fm-progress-fill.carbon{background:linear-gradient(90deg,#6bcf7f,#4ecdc4)}.fm-progress-fill.renewable{background:linear-gradient(90deg,#ffd93d,#ff9a9e)}.fm-progress-fill.efficiency{background:linear-gradient(90deg,#a8edea,#fed6e3)}.fm-progress-fill.community{background:linear-gradient(90deg,#ff9a9e,#fecfef)}.fm-progress-fill.diversity{background:linear-gradient(90deg,#a8e6cf,#dcedc1)}.fm-sustainability-initiatives h3{font-size:2rem;color:#00c6ff;text-align:center;margin-bottom:2rem}.fm-initiatives-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.fm-initiative-item{background:#ffffff1a;border-radius:15px;padding:2rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:transform .3s ease}.fm-initiative-item:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0003}.fm-initiative-icon{font-size:3rem;margin-bottom:1rem}.fm-initiative-item h4{font-size:1.3rem;color:#00c6ff;margin-bottom:1rem}.fm-governance-content{display:flex;flex-direction:column;gap:3rem}.fm-compliance-dashboard h3{font-size:2rem;color:#00c6ff;text-align:center;margin-bottom:2rem}.fm-compliance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.fm-compliance-item{background:#ffffff1a;border-radius:15px;padding:2rem;display:flex;align-items:center;gap:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:transform .3s ease}.fm-compliance-item:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}.fm-compliance-status{font-size:2rem}.fm-compliance-status.approved{color:#6bcf7f}.fm-compliance-status.pending{color:#ffd93d}.fm-governance-policies h3{font-size:2rem;color:#00c6ff;text-align:center;margin-bottom:2rem}.fm-policy-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.fm-policy-section{background:#ffffff1a;border-radius:15px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.fm-policy-section h4{font-size:1.4rem;color:#00c6ff;margin-bottom:1.5rem}.fm-policy-section ul{list-style:none;padding:0}.fm-policy-section li{border-bottom:1px solid rgba(255,255,255,.1);position:relative;padding:.5rem 0 .5rem 1.5rem}.fm-policy-section li:before{content:"•";color:#00c6ff;position:absolute;left:0}.fm-impact-content{display:flex;flex-direction:column;gap:3rem}.fm-impact-metrics h3{font-size:2rem;color:#00c6ff;text-align:center;margin-bottom:2rem}.fm-impact-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:3rem}.fm-impact-stat{background:#ffffff1a;border-radius:15px;padding:2rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:transform .3s ease}.fm-impact-stat:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0003}.fm-stat-icon{font-size:3rem;margin-bottom:1rem}.fm-stat-value{font-size:2.5rem;font-weight:700;color:#00c6ff;margin-bottom:.5rem}.fm-stat-label{font-size:1.1rem;opacity:.9}.fm-community-programs h3,.fm-social-impact h3{font-size:2rem;color:#00c6ff;text-align:center;margin-bottom:2rem}.fm-programs-list{display:flex;flex-direction:column;gap:1.5rem}.fm-program-item{background:#ffffff1a;border-radius:15px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:transform .3s ease}.fm-program-item:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}.fm-program-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.fm-program-header h4{font-size:1.3rem;color:#00c6ff;margin:0}.fm-program-status{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.fm-program-status.active{background:#6bcf7f4d;color:#6bcf7f;border:1px solid #6bcf7f}.fm-program-status.standby{background:#ffd93d4d;color:#ffd93d;border:1px solid #ffd93d}.fm-program-metrics{margin-top:1rem;font-size:.9rem;color:#00c6ff;opacity:.8}.fm-impact-initiatives{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.fm-initiative-card{background:#ffffff1a;border-radius:15px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:transform .3s ease}.fm-initiative-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0003}.fm-initiative-card h4{font-size:1.4rem;color:#00c6ff;margin-bottom:1.5rem}.fm-initiative-progress{margin-bottom:1rem}.fm-initiative-progress span{font-weight:600;color:#fff}@media (max-width: 1200px){.fm-monitoring-content{grid-template-columns:1fr;gap:2rem}.fm-frequency-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 768px){.fm-signals-container{padding:1rem}.fm-signals-header h1{font-size:2.5rem}.fm-signals-header p{font-size:1.1rem}.fm-signals-navigation{flex-direction:column;align-items:center}.fm-tab-btn{width:100%;max-width:300px}.fm-signals-content{padding:1.5rem}.fm-frequency-grid,.fm-esg-metrics,.fm-initiatives-grid,.fm-compliance-grid,.fm-policy-sections,.fm-impact-stats,.fm-impact-initiatives{grid-template-columns:1fr}}@media (max-width: 480px){.fm-signals-header h1{font-size:2rem}.fm-signals-header p{font-size:1rem}.fm-metric-value,.fm-stat-value{font-size:2rem}.fm-program-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 768px){.fm-signals-container{padding:1rem}.fm-signals-header{padding:1.5rem 1rem;margin-bottom:2rem}.fm-signals-header h1{font-size:2.5rem!important;line-height:1.2}.fm-signals-header p{font-size:1rem!important}.fm-signals-navigation{flex-direction:column;gap:.5rem;margin-bottom:2rem}.fm-tab-btn{padding:.75rem 1.5rem;font-size:.9rem;width:100%;margin:0}.fm-controls{padding:1.5rem 1rem!important;margin-bottom:1.5rem}.controls-row{flex-direction:column!important;gap:1rem!important}.station-selector{width:100%!important}.station-btn{padding:.75rem 1rem!important;font-size:.9rem!important;min-width:auto!important}.frequency-display{font-size:2rem!important;padding:1rem!important}.signal-strength{height:60px!important}.strength-bar{width:8px!important;margin:0 1px!important}.recording-controls{flex-direction:column!important;gap:1rem!important}.record-btn{width:100%!important;padding:1rem!important}.sustainability-metrics{grid-template-columns:1fr!important;gap:1rem!important}.metric-card{padding:1.5rem 1rem!important}.metric-value{font-size:2rem!important}.metric-label{font-size:.9rem!important}.energy-usage-chart{height:200px!important}.governance-grid{grid-template-columns:1fr!important;gap:1rem!important}.compliance-item{padding:1rem!important}.status-indicator{font-size:.8rem!important}.impact-cards{grid-template-columns:1fr!important;gap:1rem!important}.impact-card{padding:1.5rem 1rem!important}.impact-value{font-size:1.8rem!important}.progress-bar{height:6px!important}}@media (max-width: 480px){.fm-signals-header h1{font-size:2rem!important}.fm-tab-btn{padding:.5rem 1rem;font-size:.8rem}.frequency-display{font-size:1.5rem!important}.station-btn{padding:.5rem .75rem!important;font-size:.8rem!important}.metric-card{padding:1rem!important}.metric-value{font-size:1.5rem!important}.impact-card{padding:1rem!important}.impact-value{font-size:1.5rem!important}}@media (min-width: 769px) and (max-width: 1024px){.fm-signals-navigation{gap:.5rem}.fm-tab-btn{padding:.75rem 1.5rem;font-size:.9rem}.sustainability-metrics,.governance-grid,.impact-cards{grid-template-columns:repeat(2,1fr)!important}}.ubuntu-signals-container{min-height:100vh;background:linear-gradient(135deg,#2c1810,#5d4037,#8d6e63,#ff7043,#ffab40);padding:2rem;font-family:Ubuntu Mono,Courier New,monospace;color:#fff;position:relative}.ubuntu-signals-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,171,64,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(93,64,55,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,112,67,.1) 0%,transparent 50%);pointer-events:none}.ubuntu-signals-header{text-align:center;margin-bottom:3rem;padding:2rem;background:#0000004d;border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,171,64,.3);position:relative;z-index:1}.ubuntu-signals-header h1{font-size:3.5rem;margin-bottom:1rem;text-shadow:0 4px 8px rgba(0,0,0,.5);background:linear-gradient(45deg,#ffab40,#ff7043);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Ubuntu,sans-serif}.ubuntu-signals-header p{font-size:1.3rem;opacity:.9;margin:0;font-family:Ubuntu,sans-serif}.ubuntu-signals-navigation{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap;position:relative;z-index:1}.ubuntu-tab-btn{padding:1rem 2rem;border:none;border-radius:8px;background:#0006;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,171,64,.3);font-family:Ubuntu,sans-serif}.ubuntu-tab-btn:hover{background:#ffab4033;transform:translateY(-2px);box-shadow:0 8px 25px #ffab404d;border-color:#ffab4099}.ubuntu-tab-btn.active{background:linear-gradient(45deg,#ff7043,#ffab40);box-shadow:0 8px 25px #ff704366;transform:translateY(-2px);border-color:#fff}.ubuntu-signals-content{background:#0003;border-radius:20px;padding:2.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,171,64,.2);box-shadow:0 20px 40px #0000004d;position:relative;z-index:1}.ubuntu-monitoring-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.ubuntu-distribution-selector h3{font-size:1.8rem;margin-bottom:1.5rem;color:#ffab40;text-align:center;font-family:Ubuntu,sans-serif}.ubuntu-distribution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.ubuntu-dist-btn{padding:1.5rem 1rem;border:none;border-radius:12px;background:#0006;color:#fff;cursor:pointer;transition:all .3s ease;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,171,64,.3);font-family:Ubuntu,sans-serif}.ubuntu-dist-btn:hover{background:#ffab4026;transform:translateY(-3px);box-shadow:0 10px 30px #ffab404d;border-color:#ffab4099}.ubuntu-dist-btn.active{background:linear-gradient(45deg,#ff7043,#ffab40);border-color:#fff;box-shadow:0 15px 35px #ff704366;transform:translateY(-3px)}.ubuntu-dist-icon{font-size:2rem;margin-bottom:.5rem}.ubuntu-dist-name{font-size:1rem;font-weight:700;margin-bottom:.5rem}.ubuntu-dist-status{font-size:.8rem;opacity:.8;margin-bottom:.3rem;color:#ffab40}.ubuntu-dist-power{font-size:.7rem;opacity:.6}.ubuntu-system-visualization{display:flex;flex-direction:column;gap:2rem}.ubuntu-system-display h3{font-size:1.8rem;margin-bottom:1.5rem;color:#ffab40;text-align:center;font-family:Ubuntu,sans-serif}.ubuntu-load-meter{position:relative;height:40px;background:#0006;border-radius:8px;margin-bottom:2rem;overflow:hidden;border:2px solid rgba(255,171,64,.3)}.ubuntu-load-bar{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a,#cddc39,#ffeb3b,#ff9800,#f44336);border-radius:6px;transition:width .5s ease;position:relative}.ubuntu-load-value{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);font-family:Ubuntu Mono,monospace}.ubuntu-terminal-animation{display:flex;justify-content:center;margin-bottom:2rem}.ubuntu-terminal{width:100%;max-width:500px;background:#000c;border-radius:8px;border:2px solid rgba(255,171,64,.4);font-family:Ubuntu Mono,monospace;overflow:hidden}.ubuntu-terminal-header{background:linear-gradient(45deg,#5d4037,#8d6e63);padding:.5rem 1rem;border-bottom:1px solid rgba(255,171,64,.3)}.ubuntu-terminal-title{color:#ffab40;font-weight:700;font-size:.9rem}.ubuntu-terminal-content{padding:1rem;min-height:120px}.ubuntu-terminal-line{margin-bottom:.5rem;font-size:.9rem;color:#fff}.ubuntu-terminal-line.ubuntu-success{color:#4caf50}.ubuntu-terminal-line.ubuntu-info{color:#ffab40}.ubuntu-terminal-cursor{display:inline-block;background:#ffab40;animation:ubuntu-cursor-blink 1s infinite}@keyframes ubuntu-cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.ubuntu-deployment-controls{display:flex;flex-direction:column;align-items:center;gap:1rem}.ubuntu-deploy-btn{padding:1rem 2rem;border:none;border-radius:8px;background:linear-gradient(45deg,#4caf50,#8bc34a);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #4caf504d;font-family:Ubuntu,sans-serif}.ubuntu-deploy-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #4caf5066}.ubuntu-deploy-btn.deploying{background:linear-gradient(45deg,#ff9800,#f57c00);animation:ubuntu-deploying-pulse 1s infinite}@keyframes ubuntu-deploying-pulse{0%,to{opacity:1}50%{opacity:.8}}.ubuntu-deploying-indicator{color:#ff9800;font-weight:700;animation:ubuntu-deploying-pulse 1s infinite;font-family:Ubuntu Mono,monospace}.ubuntu-sustainability-content{display:flex;flex-direction:column;gap:3rem}.ubuntu-esg-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.ubuntu-metric-card{background:#0000004d;border-radius:12px;padding:2rem;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,171,64,.3);transition:transform .3s ease}.ubuntu-metric-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #ffab404d;border-color:#ffab4099}.ubuntu-metric-card h4{font-size:1.3rem;margin-bottom:1rem;color:#ffab40;font-family:Ubuntu,sans-serif}.ubuntu-metric-value{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff;font-family:Ubuntu Mono,monospace}.ubuntu-progress-bar{height:8px;background:#0006;border-radius:4px;margin-bottom:1rem;overflow:hidden;border:1px solid rgba(255,171,64,.3)}.ubuntu-progress-fill{height:100%;border-radius:3px;transition:width .5s ease}.ubuntu-progress-fill.energy{background:linear-gradient(90deg,#4caf50,#8bc34a)}.ubuntu-progress-fill.opensource{background:linear-gradient(90deg,#ff7043,#ffab40)}.ubuntu-progress-fill.community{background:linear-gradient(90deg,#2196f3,#03dac6)}.ubuntu-progress-fill.security{background:linear-gradient(90deg,#9c27b0,#e91e63)}.ubuntu-progress-fill.developer{background:linear-gradient(90deg,#607d8b,#90a4ae)}.ubuntu-progress-fill.equity{background:linear-gradient(90deg,#795548,#a1887f)}.ubuntu-progress-fill.advocacy{background:linear-gradient(90deg,#ff5722,#ff8a65)}.ubuntu-progress-fill.knowledge{background:linear-gradient(90deg,#3f51b5,#7986cb)}.ubuntu-sustainability-initiatives h3{font-size:2rem;color:#ffab40;text-align:center;margin-bottom:2rem;font-family:Ubuntu,sans-serif}.ubuntu-initiatives-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.ubuntu-initiative-item{background:#0000004d;border-radius:12px;padding:2rem;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,171,64,.3);transition:transform .3s ease}.ubuntu-initiative-item:hover{transform:translateY(-5px);box-shadow:0 15px 35px #ffab404d;border-color:#ffab4099}.ubuntu-initiative-icon{font-size:3rem;margin-bottom:1rem}.ubuntu-initiative-item h4{font-size:1.3rem;color:#ffab40;margin-bottom:1rem;font-family:Ubuntu,sans-serif}.ubuntu-governance-content{display:flex;flex-direction:column;gap:3rem}.ubuntu-compliance-dashboard h3{font-size:2rem;color:#ffab40;text-align:center;margin-bottom:2rem;font-family:Ubuntu,sans-serif}.ubuntu-compliance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.ubuntu-compliance-item{background:#0000004d;border-radius:12px;padding:2rem;display:flex;align-items:center;gap:1.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,171,64,.3);transition:transform .3s ease}.ubuntu-compliance-item:hover{transform:translateY(-3px);box-shadow:0 10px 25px #ffab404d;border-color:#ffab4099}.ubuntu-compliance-status{font-size:2rem}.ubuntu-compliance-status.approved{color:#4caf50}.ubuntu-compliance-status.pending{color:#ffab40}.ubuntu-governance-structure h3{font-size:2rem;color:#ffab40;text-align:center;margin-bottom:2rem;font-family:Ubuntu,sans-serif}.ubuntu-governance-levels{display:flex;flex-direction:column;gap:2rem}.ubuntu-governance-level{background:#0000004d;border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,171,64,.3);transition:transform .3s ease}.ubuntu-governance-level:hover{transform:translateY(-3px);box-shadow:0 10px 25px #ffab404d;border-color:#ffab4099}.ubuntu-governance-level h4{font-size:1.4rem;color:#ffab40;margin-bottom:1rem;font-family:Ubuntu,sans-serif}.ubuntu-governance-description ul{list-style:none;padding:0;margin-top:1rem}.ubuntu-governance-description li{position:relative;padding:.3rem 0 .3rem 1.5rem}.ubuntu-governance-description li:before{content:"▶";color:#ffab40;position:absolute;left:0}.ubuntu-ethical-principles h3{font-size:2rem;color:#ffab40;text-align:center;margin-bottom:2rem;font-family:Ubuntu,sans-serif}.ubuntu-principles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.ubuntu-principle-card{background:#0000004d;border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,171,64,.3);transition:transform .3s ease}.ubuntu-principle-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #ffab404d;border-color:#ffab4099}.ubuntu-principle-card h4{font-size:1.3rem;color:#ffab40;margin-bottom:1rem;font-family:Ubuntu,sans-serif}.ubuntu-impact-content{display:flex;flex-direction:column;gap:3rem}.ubuntu-impact-metrics h3{font-size:2rem;color:#ffab40;text-align:center;margin-bottom:2rem;font-family:Ubuntu,sans-serif}.ubuntu-impact-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-bottom:3rem}.ubuntu-impact-stat{background:#0000004d;border-radius:12px;padding:2rem;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,171,64,.3);transition:transform .3s ease}.ubuntu-impact-stat:hover{transform:translateY(-5px);box-shadow:0 15px 35px #ffab404d;border-color:#ffab4099}.ubuntu-stat-icon{font-size:3rem;margin-bottom:1rem}.ubuntu-stat-value{font-size:2.5rem;font-weight:700;color:#ffab40;margin-bottom:.5rem;font-family:Ubuntu Mono,monospace}.ubuntu-stat-label{font-size:1.1rem;opacity:.9;font-family:Ubuntu,sans-serif}.ubuntu-community-contributions h3{font-size:2rem;color:#ffab40;text-align:center;margin-bottom:2rem;font-family:Ubuntu,sans-serif}.ubuntu-contributions-list{display:flex;flex-direction:column;gap:1.5rem}.ubuntu-contribution-item{background:#0000004d;border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,171,64,.3);transition:transform .3s ease}.ubuntu-contribution-item:hover{transform:translateY(-3px);box-shadow:0 10px 25px #ffab404d;border-color:#ffab4099}.ubuntu-contribution-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ubuntu-contribution-header h4{font-size:1.3rem;color:#ffab40;margin:0;font-family:Ubuntu,sans-serif}.ubuntu-contribution-status{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;font-family:Ubuntu,sans-serif}.ubuntu-contribution-status.active{background:#4caf504d;color:#4caf50;border:1px solid #4caf50}.ubuntu-contribution-status.growing{background:#ffab404d;color:#ffab40;border:1px solid #ffab40}.ubuntu-contribution-metrics{margin-top:1rem;font-size:.9rem;color:#ffab40;opacity:.8;font-family:Ubuntu Mono,monospace}.ubuntu-social-initiatives h3{font-size:2rem;color:#ffab40;text-align:center;margin-bottom:2rem;font-family:Ubuntu,sans-serif}.ubuntu-social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.ubuntu-social-card{background:#0000004d;border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,171,64,.3);transition:transform .3s ease}.ubuntu-social-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #ffab404d;border-color:#ffab4099}.ubuntu-social-card h4{font-size:1.4rem;color:#ffab40;margin-bottom:1.5rem;font-family:Ubuntu,sans-serif}.ubuntu-social-progress{margin-bottom:1rem}.ubuntu-social-progress span{font-weight:600;color:#fff;font-family:Ubuntu Mono,monospace}.ubuntu-environmental-impact h3{font-size:2rem;color:#ffab40;text-align:center;margin-bottom:2rem;font-family:Ubuntu,sans-serif}.ubuntu-environmental-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.ubuntu-env-stat{background:#0000004d;border-radius:12px;padding:2rem;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(76,175,80,.4);transition:transform .3s ease}.ubuntu-env-stat:hover{transform:translateY(-5px);box-shadow:0 15px 35px #4caf504d;border-color:#4caf5099}.ubuntu-env-icon{font-size:3rem;margin-bottom:1rem}.ubuntu-env-value{font-size:2rem;font-weight:700;color:#4caf50;margin-bottom:.5rem;font-family:Ubuntu Mono,monospace}.ubuntu-env-label{font-size:1.1rem;margin-bottom:.5rem;color:#ffab40;font-family:Ubuntu,sans-serif}.ubuntu-env-description{font-size:.9rem;opacity:.8}@media (max-width: 1200px){.ubuntu-monitoring-content{grid-template-columns:1fr;gap:2rem}.ubuntu-distribution-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.ubuntu-signals-container{padding:1rem}.ubuntu-signals-header h1{font-size:2.5rem}.ubuntu-signals-header p{font-size:1.1rem}.ubuntu-signals-navigation{flex-direction:column;align-items:center}.ubuntu-tab-btn{width:100%;max-width:300px}.ubuntu-signals-content{padding:1.5rem}.ubuntu-distribution-grid,.ubuntu-esg-metrics,.ubuntu-initiatives-grid,.ubuntu-compliance-grid,.ubuntu-principles-grid,.ubuntu-impact-stats,.ubuntu-social-grid,.ubuntu-environmental-stats{grid-template-columns:1fr}.ubuntu-contribution-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.ubuntu-signals-header h1{font-size:2rem}.ubuntu-signals-header p{font-size:1rem}.ubuntu-metric-value,.ubuntu-stat-value,.ubuntu-env-value{font-size:2rem}.ubuntu-terminal{font-size:.8rem}}@media (max-width: 768px){.ubuntu-signals-container{padding:1rem}.ubuntu-signals-header{padding:1.5rem 1rem;margin-bottom:2rem}.ubuntu-signals-header h1{font-size:2.5rem!important;line-height:1.2}.ubuntu-signals-header p{font-size:1rem!important}.ubuntu-navigation{flex-direction:column;gap:.5rem;margin-bottom:2rem}.ubuntu-tab-btn{padding:.75rem 1.5rem;font-size:.9rem;width:100%;margin:0}.distribution-selector{padding:1.5rem 1rem!important}.distribution-grid{grid-template-columns:1fr!important;gap:.75rem!important}.distro-btn{padding:1rem!important;font-size:.9rem!important}.distro-version{font-size:.8rem!important}.terminal-interface{padding:1rem!important;margin:1rem 0!important}.terminal-header{padding:.75rem 1rem!important}.terminal-title{font-size:.9rem!important}.terminal-body{padding:1rem!important;font-size:.8rem!important;min-height:200px!important}.terminal-line{margin-bottom:.25rem!important;word-break:break-all}.system-load-monitor{padding:1.5rem 1rem!important}.load-metrics{grid-template-columns:1fr!important;gap:1rem!important}.load-metric{padding:1rem!important}.metric-value{font-size:1.8rem!important}.metric-label{font-size:.9rem!important}.progress-container{margin:1rem 0}.progress-bar{height:8px!important}.community-contributions{padding:1.5rem 1rem!important}.contribution-grid{grid-template-columns:1fr!important;gap:1rem!important}.contribution-card{padding:1.5rem 1rem!important}.contribution-count{font-size:1.8rem!important}.deployment-section{padding:1.5rem 1rem!important}.deployment-controls{flex-direction:column!important;gap:1rem!important}.deploy-btn{width:100%!important;padding:1rem!important;font-size:.9rem!important}.esg-impact-cards{grid-template-columns:1fr!important;gap:1rem!important}.esg-card{padding:1.5rem 1rem!important}.esg-score{font-size:2rem!important}.esg-label{font-size:.9rem!important}}@media (max-width: 480px){.ubuntu-signals-header h1{font-size:2rem!important}.ubuntu-tab-btn{padding:.5rem 1rem;font-size:.8rem}.distro-btn{padding:.75rem!important;font-size:.8rem!important}.terminal-body{font-size:.7rem!important;padding:.75rem!important}.load-metric{padding:.75rem!important}.metric-value{font-size:1.5rem!important}.contribution-card{padding:1rem!important}.contribution-count{font-size:1.5rem!important}.deploy-btn{padding:.75rem!important;font-size:.8rem!important}.esg-card{padding:1rem!important}.esg-score{font-size:1.5rem!important}}@media (min-width: 769px) and (max-width: 1024px){.ubuntu-navigation{gap:.5rem}.ubuntu-tab-btn{padding:.75rem 1.5rem;font-size:.9rem}.distribution-grid,.load-metrics,.contribution-grid{grid-template-columns:repeat(2,1fr)!important}.deployment-controls{flex-wrap:wrap;gap:.75rem}.esg-impact-cards{grid-template-columns:repeat(2,1fr)!important}}.site-footer{position:relative;background:linear-gradient(135deg,#6d1b7b,#8e24aa 55%,#9c27b0);color:var(--color-white);padding:.85rem 1rem .55rem;font-size:.85rem;overflow:hidden}.footer-top-glow{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:340px;height:160px;background:radial-gradient(circle at 50% 50%,#8e24aa59,#8e24aa00 70%);opacity:.18;filter:blur(28px);pointer-events:none}.footer-inner{max-width:1200px;margin:0 auto;position:relative;z-index:2}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2.5rem 3rem;align-items:start}.footer-brand{max-width:300px}.footer-logo{margin:0 0 .75rem;font-size:1.2rem;font-weight:700;letter-spacing:.5px;background:var(--grad-text-highlight);-webkit-background-clip:text;background-clip:text;color:transparent}.footer-tagline{margin:.25rem 0 1rem;line-height:1.45;font-size:.9rem;color:#ffffffbf}.footer-badges{display:flex;gap:.5rem;flex-wrap:wrap}.f-badge{background:#ffffff1f;padding:.4rem .65rem;border-radius:var(--radius-sm);font-size:.65rem;letter-spacing:.5px;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.15)}.footer-heading{margin:0 0 .9rem;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;font-weight:600;position:relative;padding-bottom:.45rem}.footer-heading:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:42px;background:var(--grad-accent);border-radius:2px}.footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.footer-links a{color:#ffffffb8;text-decoration:none;font-weight:500;transition:color .3s var(--ease-standard),transform .3s var(--ease-standard);display:inline-flex;align-items:center;gap:.4rem}.footer-links a:hover,.footer-links a:focus-visible{color:var(--color-accent);outline:none}.footer-links a:active{transform:translateY(1px)}.footer-links a.coming-soon{opacity:.45;cursor:default}.social-row{display:flex;gap:.5rem;margin-top:.85rem}.social-pill{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:#ffffff1f;color:var(--color-white);border-radius:50%;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .35s,transform .3s}.social-pill:hover,.social-pill:focus-visible{background:var(--color-accent);transform:translateY(-3px);outline:none}.footer-separator{margin:2.5rem 0 1.8rem;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}.footer-bottom{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:center;align-items:center;font-size:.9rem;letter-spacing:.35px;color:#ffffffad;max-width:3000px;margin:0 auto;padding:0 .25rem;text-align:center;line-height:2.2}.legal-links{display:flex;gap:1.25rem}.legal-link{color:#ffffffa6;text-decoration:none;position:relative}.legal-link:hover,.legal-link:focus-visible{color:var(--color-green-mid)}@media (max-width:860px){.site-footer{padding:3rem 1.5rem 2rem}.footer-grid{gap:2rem 1.5rem}.footer-bottom{flex-direction:column;text-align:center}}@media (max-width:520px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}}.procurement-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e0f2fe)}.procurement-header{background:linear-gradient(135deg,#8e24aa,#5e35b1);color:#fff;padding:48px 64px;box-shadow:0 4px 20px #0000001a}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.title-section h1{font-size:36px;font-weight:700;margin:0 0 8px;display:flex;align-items:center;gap:16px}.title-section h1 .icon{font-size:42px}.title-section p{font-size:16px;opacity:.9;margin:0}.new-rfp-btn{background:#fff;color:#8e24aa;border:none;padding:14px 28px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;box-shadow:0 4px 12px #0000001a}.new-rfp-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.new-rfp-btn span{font-size:20px}.metrics-section{max-width:1400px;margin:32px auto 40px;padding:0 64px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.metric-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #00000014;display:flex;align-items:center;gap:16px;transition:all .3s}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.metric-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.metric-content{flex:1}.metric-label{font-size:13px;color:#64748b;font-weight:500;margin-bottom:4px}.metric-value{font-size:32px;font-weight:700;color:#1e293b;line-height:1;margin-bottom:4px}.metric-subtitle{font-size:12px;color:#94a3b8}.tabs-container{max-width:1400px;margin:0 auto 32px;padding:0 64px}.tabs{display:flex;gap:8px;background:#fff;padding:8px;border-radius:12px;box-shadow:0 2px 8px #0000000f}.tab{flex:1;padding:14px 24px;background:transparent;border:none;border-radius:8px;font-size:15px;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.tab:hover{background:#f8fafc;color:#8e24aa}.tab.active{background:linear-gradient(135deg,#8e24aa,#5e35b1);color:#fff;box-shadow:0 4px 12px #8e24aa4d}.main-content{max-width:1400px;margin:0 auto;padding:0 64px 64px}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px}.chart-card,.actions-card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 12px #00000014}.chart-card h3,.actions-card h3{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 24px}.performance-bars{display:flex;flex-direction:column;gap:20px}.perf-bar-item{display:flex;flex-direction:column;gap:8px}.perf-label{font-size:14px;font-weight:600;color:#475569}.perf-bar-container{display:flex;align-items:center;gap:12px;position:relative}.perf-bar{height:32px;border-radius:8px;transition:width .5s ease;display:flex;align-items:center;padding:0 12px;box-shadow:0 2px 8px #0000001a}.perf-value{font-size:14px;font-weight:700;color:#1e293b;min-width:40px}.actions-list{display:flex;flex-direction:column;gap:12px}.action-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .3s}.action-item:hover{background:#f1f5f9;border-color:#8e24aa;transform:translate(4px)}.action-icon{font-size:28px;flex-shrink:0}.action-text{flex:1;text-align:left}.action-title{font-size:15px;font-weight:600;color:#1e293b;margin-bottom:2px}.action-desc{font-size:13px;color:#64748b}.activity-section{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 12px #00000014}.activity-section h3{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 24px}.activity-timeline{display:flex;flex-direction:column;gap:20px}.activity-item{display:flex;gap:16px;position:relative}.activity-item:not(:last-child):after{content:"";position:absolute;left:9px;top:28px;width:2px;height:calc(100% + 12px);background:#e2e8f0}.activity-dot{width:20px;height:20px;border-radius:50%;flex-shrink:0;margin-top:2px;box-shadow:0 0 0 4px #8e24aa1a}.activity-content{flex:1}.activity-title{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:4px}.activity-time{font-size:13px;color:#94a3b8}.filters-bar{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #00000014;margin-bottom:24px;display:flex;flex-direction:column;gap:16px}.search-box{position:relative;flex:1}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:18px}.search-box input{width:100%;padding:14px 16px 14px 48px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;transition:all .3s}.search-box input:focus{outline:none;border-color:#8e24aa;box-shadow:0 0 0 3px #8e24aa1a}.category-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{padding:10px 18px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:20px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s}.filter-chip:hover{border-color:#8e24aa;color:#8e24aa}.filter-chip.active{background:#8e24aa;border-color:#8e24aa;color:#fff}.suppliers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.supplier-card{background:#fff;border-radius:12px;padding:28px;box-shadow:0 2px 12px #00000014;cursor:pointer;transition:all .3s}.supplier-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.supplier-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.supplier-header h4{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 4px}.supplier-category{font-size:13px;color:#64748b;font-weight:500}.supplier-status{padding:6px 14px;border-radius:16px;font-size:12px;font-weight:700}.esg-score-section{display:flex;gap:24px;margin-bottom:20px;padding:20px;background:#f8fafc;border-radius:10px}.main-score{display:flex;flex-direction:column;align-items:center;gap:8px}.score-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.score-inner{width:64px;height:64px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}.score-number{font-size:24px;font-weight:700;color:#1e293b}.score-label{font-size:12px;font-weight:600;color:#64748b}.esg-breakdown{flex:1;display:flex;flex-direction:column;gap:10px;justify-content:center}.esg-item{display:flex;align-items:center;gap:8px}.esg-icon{font-size:16px;width:20px}.esg-bar{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.esg-fill{height:100%;border-radius:4px;transition:width .5s ease}.esg-value{font-size:13px;font-weight:700;color:#1e293b;min-width:28px;text-align:right}.supplier-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.detail-label{color:#64748b;font-weight:500}.detail-value{color:#1e293b;font-weight:600}.detail-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:700}.certifications{display:flex;flex-wrap:wrap;gap:8px}.cert-badge{padding:6px 12px;background:linear-gradient(135deg,#8e24aa,#5e35b1);color:#fff;border-radius:6px;font-size:11px;font-weight:600}.cert-more{padding:6px 12px;background:#e2e8f0;color:#64748b;border-radius:6px;font-size:11px;font-weight:700}.rfps-list{display:flex;flex-direction:column;gap:20px}.rfp-card{background:#fff;border-radius:12px;padding:28px;box-shadow:0 2px 12px #00000014;transition:all .3s}.rfp-card:hover{box-shadow:0 8px 24px #0000001f}.rfp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.rfp-header h4{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 4px}.rfp-id{font-size:13px;color:#64748b;font-weight:500}.rfp-status{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700}.status-evaluation{background:#fef3c7;color:#92400e}.status-awarded{background:#dbeafe;color:#1e40af}.rfp-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.rfp-detail-item{display:flex;gap:12px;align-items:center}.rfp-icon{font-size:24px}.rfp-detail-label{font-size:12px;color:#64748b;font-weight:500;margin-bottom:2px}.rfp-detail-value{font-size:15px;color:#1e293b;font-weight:700}.rfp-esg-requirement{display:flex;align-items:center;gap:10px;padding:14px 18px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:10px;border:2px solid #86efac}.esg-req-icon{font-size:20px}.esg-req-text{font-size:14px;font-weight:600;color:#166534}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.analytics-card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 12px #00000014}.analytics-card.full-width{grid-column:1 / -1}.analytics-card h3{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 24px}.trend-chart{position:relative;height:200px;background:#f8fafc;border-radius:10px;padding:20px}.trend-line{position:relative;width:100%;height:100%}.trend-point{position:absolute;width:12px;height:12px;background:#8e24aa;border-radius:50%;border:3px solid white;box-shadow:0 2px 8px #8e24aa4d}.trend-info{position:absolute;top:20px;right:20px;text-align:right}.trend-value{display:block;font-size:32px;font-weight:700;color:#10b981;line-height:1;margin-bottom:4px}.trend-label{font-size:13px;color:#64748b;font-weight:500}.distribution-chart{display:flex;flex-direction:column;gap:16px}.dist-item{display:flex;align-items:center;gap:12px}.dist-bar{height:40px;border-radius:8px;display:flex;align-items:center;padding:0 16px;color:#fff;font-size:14px;font-weight:600;box-shadow:0 2px 8px #0000001a;transition:width .5s ease}.dist-percent{font-size:16px;font-weight:700;color:#1e293b;min-width:45px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.kpi-item{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fafc;border-radius:10px;border:2px solid #e2e8f0}.kpi-icon{font-size:32px}.kpi-content{flex:1}.kpi-value{font-size:28px;font-weight:700;color:#1e293b;line-height:1;margin-bottom:4px}.kpi-label{font-size:13px;color:#64748b;font-weight:500}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;padding:40px;position:relative;box-shadow:0 20px 60px #0000004d}.modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;background:#f1f5f9;border:none;font-size:24px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#ef4444;color:#fff}.modal-content h2{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 24px}.modal-body{display:flex;flex-direction:column;gap:28px}.modal-section h3{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 16px}.modal-esg-details{display:flex;gap:32px;align-items:center}.modal-score-card{display:flex;flex-direction:column;align-items:center;gap:12px}.modal-score-circle{width:100px;height:100px;border-radius:50%;border:6px solid;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#1e293b}.modal-scores{flex:1;display:flex;flex-direction:column;gap:12px}.modal-score-item{display:flex;justify-content:space-between;padding:12px 16px;background:#f8fafc;border-radius:8px;font-size:15px}.modal-certifications{display:flex;flex-wrap:wrap;gap:10px}.modal-cert-badge{padding:10px 16px;background:linear-gradient(135deg,#8e24aa,#5e35b1);color:#fff;border-radius:8px;font-size:13px;font-weight:600}.modal-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-info-grid div{padding:12px 16px;background:#f8fafc;border-radius:8px;font-size:14px;color:#475569}.modal-info-grid strong{color:#1e293b}@media (max-width: 1024px){.procurement-header{padding:32px}.metrics-section,.tabs-container,.main-content{padding-left:32px;padding-right:32px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.content-grid{grid-template-columns:1fr}.suppliers-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.analytics-grid{grid-template-columns:1fr}}@media (max-width: 768px){.procurement-header{padding:24px 16px}.header-content{flex-direction:column;gap:16px;align-items:flex-start}.title-section h1{font-size:24px}.metrics-section,.tabs-container,.main-content{padding-left:16px;padding-right:16px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric-card{flex-direction:column;text-align:center}.tabs{flex-wrap:wrap}.suppliers-grid{grid-template-columns:1fr}.filters-bar{padding:16px}.rfp-details{grid-template-columns:1fr}.modal-content{padding:24px}.modal-esg-details{flex-direction:column}.modal-info-grid{grid-template-columns:1fr}}.contracts-tab{display:flex;flex-direction:column;gap:24px}.contracts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.contracts-header h3{font-size:24px;font-weight:700;color:#1e293b;margin:0}.contracts-list{display:flex;flex-direction:column;gap:20px}.contract-card{background:#fff;border-radius:12px;padding:28px;box-shadow:0 2px 12px #00000014;transition:all .3s}.contract-card:hover{box-shadow:0 8px 24px #0000001f}.contract-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.contract-header-row h4{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 4px}.contract-id{font-size:13px;color:#64748b;font-weight:500}.contract-status{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700}.status-active{background:#dcfce7;color:#166534}.status-expiring-soon{background:#fef3c7;color:#92400e}.contract-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px;padding:20px;background:#f8fafc;border-radius:10px}.detail-item{display:flex;gap:12px;align-items:flex-start}.detail-icon{font-size:24px;flex-shrink:0}.detail-label{font-size:12px;color:#64748b;font-weight:500;margin-bottom:4px}.detail-value{font-size:14px;color:#1e293b;font-weight:600}.payment-section{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:10px;margin-bottom:16px;border:2px solid #86efac}.payment-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.payment-label{font-size:14px;color:#166534;font-weight:600}.payment-amount{font-size:20px;color:#166534;font-weight:700}.payment-date{font-size:13px;color:#15803d;font-weight:500}.btn-pay{padding:10px 20px;background:#10b981;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.btn-pay:hover{background:#059669;transform:translateY(-2px)}.compliance-bar{margin-bottom:16px}.compliance-label{font-size:13px;color:#64748b;font-weight:600;margin-bottom:8px}.compliance-progress{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.compliance-fill{height:100%;border-radius:4px;transition:width .5s ease}.contract-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-action{padding:10px 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .3s}.btn-action:hover{background:#8e24aa;border-color:#8e24aa;color:#fff}.tracking-tab{display:flex;flex-direction:column;gap:24px}.tracking-tab h3{font-size:24px;font-weight:700;color:#1e293b;margin:0}.tracking-list{display:flex;flex-direction:column;gap:24px}.tracking-card{background:#fff;border-radius:12px;padding:28px;box-shadow:0 2px 12px #00000014}.tracking-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.tracking-header h4{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 4px}.tracking-id{font-size:13px;color:#64748b;font-weight:500}.tracking-status{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700}.status-in-transit{background:#dbeafe;color:#1e40af}.status-awaiting-approval{background:#fef3c7;color:#92400e}.status-payment-processing{background:#dcfce7;color:#166534}.tracking-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;padding:16px;background:#f8fafc;border-radius:10px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;color:#64748b;font-weight:500}.info-value{font-size:14px;color:#1e293b;font-weight:600}.lifecycle-stages{margin-bottom:20px;padding:24px;background:#f8fafc;border-radius:12px;border:2px solid #e2e8f0}.stages-label{font-size:14px;font-weight:700;color:#1e293b;margin-bottom:20px}.stages-container{display:flex;align-items:center;gap:8px;margin-bottom:16px;overflow-x:auto;padding:10px 0}.stage-item{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0;position:relative}.stage-dot{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:all .3s;border:3px solid}.stage-dot.completed{background:#10b981;border-color:#10b981;color:#fff}.stage-dot.active{background:#8e24aa;border-color:#8e24aa;color:#fff;box-shadow:0 0 0 4px #8e24aa33}.stage-dot.pending{background:#f1f5f9;border-color:#cbd5e1;color:#94a3b8}.stage-label{font-size:11px;color:#64748b;font-weight:600;text-align:center;max-width:80px}.stage-label.active-label{color:#8e24aa;font-weight:700}.stage-line{width:40px;height:3px;background:#cbd5e1;position:absolute;top:20px;left:50px}.stage-line.completed-line{background:#10b981}.stage-progress-text{font-size:14px;color:#475569}.stage-progress-text strong{color:#8e24aa;font-weight:700}.payment-tracking{padding:16px 20px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:10px;display:flex;align-items:center;gap:12px;border:2px solid #86efac}.payment-status-label{font-size:14px;color:#166534;font-weight:600}.payment-status-badge{padding:6px 14px;border-radius:16px;font-size:12px;font-weight:700}.status-pending-delivery{background:#fef3c7;color:#92400e}.status-not-started{background:#f3f4f6;color:#374151}.status-processing{background:#dcfce7;color:#166534}.messages-tab{display:flex;flex-direction:column;gap:24px}.messages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.messages-header h3{font-size:24px;font-weight:700;color:#1e293b;margin:0}.messages-list{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.message-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #00000014;cursor:pointer;transition:all .3s;border-left:4px solid transparent}.message-card.unread{border-left-color:#8e24aa;background:#faf5ff}.message-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.message-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.message-supplier{display:flex;align-items:center;gap:12px}.supplier-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#8e24aa,#5e35b1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.supplier-name{font-size:16px;font-weight:700;color:#1e293b}.message-type{font-size:12px;color:#64748b;font-weight:500;text-transform:capitalize}.message-time{font-size:13px;color:#94a3b8}.message-subject{font-size:16px;font-weight:700;color:#1e293b;margin-bottom:8px}.message-preview{font-size:14px;color:#64748b;line-height:1.5;margin-bottom:12px}.unread-indicator{display:inline-block;padding:4px 10px;background:#8e24aa;color:#fff;border-radius:12px;font-size:11px;font-weight:700;margin-bottom:12px}.message-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-action-small{padding:6px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;font-weight:600;color:#475569;cursor:pointer;transition:all .3s}.btn-action-small:hover{background:#8e24aa;border-color:#8e24aa;color:#fff}.messaging-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.feature-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 12px #00000014;text-align:center}.feature-card h4{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 12px}.feature-card p{font-size:14px;color:#64748b;line-height:1.6;margin:0 0 16px}.btn-feature{padding:10px 20px;background:linear-gradient(135deg,#8e24aa,#5e35b1);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;width:100%}.btn-feature:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8e24aa4d}@media (max-width: 768px){.contract-details-grid,.tracking-info-grid{grid-template-columns:1fr}.stages-container{justify-content:flex-start}.stage-item{min-width:70px}.payment-section{flex-direction:column;align-items:flex-start;gap:16px}.btn-pay{width:100%}.contract-actions{flex-direction:column}.btn-action{width:100%}.messaging-features{grid-template-columns:1fr}}.home-container{max-width:100%;margin:0;padding:0}.hero-section{background:linear-gradient(135deg,#8e24aa,#6a1b9a,#4a148c);color:#fff;padding:80px 0 100px;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%23ffffff" fill-opacity="0.05"><circle cx="30" cy="30" r="2"/></g></svg>');animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-content{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 400px;gap:60px;align-items:center;position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:8px 16px;font-size:14px;font-weight:600;margin-bottom:24px;animation:slideInUp .8s ease-out}.hero-badge-icon{font-size:16px}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin:0 0 24px;animation:slideInUp .8s ease-out .2s backwards}.hero-highlight{background:linear-gradient(45deg,gold,#ffeb3b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;line-height:1.6;margin-bottom:32px;opacity:.9;animation:slideInUp .8s ease-out .4s backwards}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap;animation:slideInUp .8s ease-out .6s backwards}.hero-visual{position:relative;height:400px;animation:slideInUp .8s ease-out .8s backwards}.hero-cards{position:relative;height:100%;width:100%}.floating-card{position:absolute;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:24px;text-align:center;animation:floatCard 6s ease-in-out infinite}.floating-card.card-1{top:20px;left:50px;animation-delay:0s}.floating-card.card-2{top:120px;right:20px;animation-delay:2s}.floating-card.card-3{bottom:40px;left:80px;animation-delay:4s}@keyframes floatCard{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}}.card-icon{font-size:2rem;margin-bottom:8px}.card-text{font-weight:600;font-size:14px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;font-size:16px}.btn-large{padding:16px 32px;font-size:18px}.btn-primary{background:linear-gradient(45deg,gold,#ffeb3b);color:#2c1810;box-shadow:0 4px 20px #ffd7004d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ffd70066}.btn-secondary{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff40;transform:translateY(-2px)}.btn-outline{background:transparent;color:#8e24aa;border:2px solid #8e24aa}.btn-outline:hover{background:#8e24aa;color:#fff;transform:translateY(-2px)}.btn-icon{font-size:1.1em}.stats-section{background:#fff;padding:60px 0;margin-top:-40px;position:relative;z-index:3}.stats-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:40px;background:#fff;border-radius:20px;box-shadow:0 20px 60px #8e24aa1a;padding:40px}.stat-item{text-align:center;padding:20px;transition:transform .3s ease}.stat-item:hover{transform:translateY(-5px)}.stat-number{font-size:3rem;font-weight:800;color:#8e24aa;margin-bottom:8px;background:linear-gradient(45deg,#8e24aa,#6a1b9a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:1rem;color:#64748b;font-weight:600}.features-section{padding:100px 0;background:#f8fafc}.features-header{max-width:1200px;margin:0 auto 60px;padding:0 24px;text-align:center}.features-title{font-size:2.5rem;font-weight:800;color:#1e293b;margin-bottom:16px}.features-subtitle{font-size:1.25rem;color:#64748b;max-width:600px;margin:0 auto}.features-grid{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature-card{background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:1px solid #e2e8f0}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #8e24aa26;border-color:#8e24aa}.feature-icon{width:64px;height:64px;background:linear-gradient(45deg,#8e24aa,#6a1b9a);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:1.5rem}.feature-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:12px}.feature-description{color:#64748b;line-height:1.6;margin-bottom:20px}.feature-tags{display:flex;gap:8px;flex-wrap:wrap}.feature-tag{background:#f1f5f9;color:#475569;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.cta-section{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:80px 0;text-align:center}.cta-content{max-width:800px;margin:0 auto;padding:0 24px}.cta-title{font-size:2.5rem;font-weight:800;margin-bottom:16px}.cta-description{font-size:1.25rem;opacity:.9;margin-bottom:32px}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:40px;text-align:center}.hero-title{font-size:2.5rem}.stats-container{grid-template-columns:repeat(2,1fr);gap:20px}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero-title{font-size:2rem}.hero-description{font-size:1.1rem}.stats-container{grid-template-columns:1fr;padding:20px}.features-grid{grid-template-columns:1fr}.features-title,.cta-title{font-size:2rem}.btn-large{padding:14px 24px;font-size:16px}}.esg-highlight{border:3px solid #ffd700!important;box-shadow:0 0 0 4px #fffbe6;background:#fffbe6!important;color:#22223b!important}.esg-badge{background:gold;color:#22223b;border-radius:8px;padding:2px 8px;font-size:12px;margin-left:8px;font-weight:700;letter-spacing:.5px}.canvas-art{background:#4a4e69;color:#f2e9e4;border:2px solid #9a8c98;border-radius:16px;padding:16px;box-shadow:0 2px 12px #0000001a;transition:box-shadow .2s}.canvas-art:focus{outline:3px solid #f2e9e4;outline-offset:2px;background:#22223b;box-shadow:0 0 0 4px #c9ada7}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#0f172a;background:#8e24aa}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 16px}.nav{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb;z-index:10}.nav-inner{height:64px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:700}.brand-logo{width:60px;height:36px;border-radius:10px;position:relative;overflow:hidden;display:grid;place-items:center;color:#000;font-weight:700;text-shadow:0 1px 2px rgba(255,255,255,.5);background:linear-gradient(45deg,#b45309,#d97706,#fbbf24,#fcd34d);background-size:300% 300%;animation:waterFlow 3s ease-in-out infinite;z-index:1}.brand-logo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 25%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.6) 75%,transparent 100%);transform:translate(-100%);animation:waterWave 2s linear infinite;z-index:2}.brand-logo:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.4) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,255,255,.3) 0%,transparent 50%);animation:waterBubbles 4s ease-in-out infinite;z-index:3}@keyframes waterFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes waterWave{0%{transform:translate(-100%) skew(-15deg)}to{transform:translate(200%) skew(-15deg)}}@keyframes waterBubbles{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.mobile-menu-toggle{display:none}.mobile-menu-panel{display:none;position:fixed;top:0;right:0;bottom:0;width:100%;background:#fff;box-shadow:-8px 0 32px #00000026;z-index:1100;flex-direction:column}.mobile-menu-backdrop{display:none;position:fixed;inset:0;background:#0f172a59;z-index:1090}@media (max-width: 768px){.nav{z-index:1000}.nav-inner{height:auto;min-height:56px;padding:8px 0;gap:8px}.nav-inner .brand{flex:0 0 auto}.nav-inner .menu{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;margin-left:8px!important}.nav-inner .menu::-webkit-scrollbar{display:none}.nav-inner .menu a,.nav-inner .menu .menu-dropdown-container{display:inline-flex}.nav-inner>div:last-child{flex:0 0 auto;margin-left:auto}.nav-inner .btn,.nav-inner .btn.btn-purple-solid{padding:8px 12px;font-size:14px;border-radius:12px}.nav-inner .menu a{font-size:13px!important;padding:8px 10px!important}.nav-inner .menu{display:none}.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#1f2937;font-size:18px;cursor:pointer}.mobile-menu-toggle:active{transform:scale(.98)}.mobile-menu-panel{position:fixed;top:0;right:0;bottom:0;width:100%;background:#fff;box-shadow:-8px 0 32px #00000026;z-index:1100;display:flex;flex-direction:column;animation:slideIn .18s ease-out}@keyframes slideIn{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#8e24aa,#6a1b9a 60%,#4a148c);color:#fff}.mobile-brand{display:flex;align-items:center;gap:12px}.mobile-brand-text{line-height:1.15}.mb-title{font-weight:800;letter-spacing:.3px}.mb-sub{font-size:12px;opacity:.9}.mobile-menu-close{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:#ffffff26;color:#fff;font-size:22px;line-height:1;cursor:pointer}.mobile-user-row{padding:12px 16px;border-bottom:1px solid #e5e7eb}.mobile-user{display:flex;align-items:center;gap:12px}.mobile-user .profile-icon{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background:#1976d2;color:#fff;font-weight:700}.mobile-user-meta .name{font-weight:700}.mobile-user-meta .email{font-size:12px;color:#64748b}.mobile-quick-action{margin-left:auto;padding:10px 20px;border-radius:12px;border:none;background:linear-gradient(135deg,#8e24aa,#7b2cbf,#9d4edd);color:#fff;font-weight:700;font-size:.9rem;letter-spacing:.3px;box-shadow:0 4px 16px -4px #8e24aa80,0 8px 24px -6px #7b2cbf4d;transition:all .3s ease}.mobile-quick-action:active{transform:scale(.95);box-shadow:0 2px 8px -2px #8e24aa99}.mobile-menu-links{display:flex;flex-direction:column;padding:8px 12px;gap:6px;overflow-y:auto}.mobile-menu-links a{padding:12px 14px;border-radius:10px;color:#1e293b;font-weight:600;display:flex;align-items:center;gap:10px}.mobile-menu-links a:hover{background:#f8fafc;color:#8e24aa}.mobile-item-icon{width:22px;display:inline-flex;justify-content:center}.mobile-section-label{padding:10px 14px 4px;font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.6px;font-weight:700}.mobile-menu-footer{padding:12px 16px;border-top:1px solid #e5e7eb}.mobile-footer-note{font-size:12px;color:#94a3b8;text-align:center}.mobile-section{margin-top:4px}.mobile-section .mobile-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;cursor:pointer;font-weight:700}.mobile-section .mobile-section-header .left{display:flex;align-items:center;gap:10px}.mobile-section .mobile-chevron{transition:transform .2s ease;color:#64748b;font-size:12px}.mobile-section .mobile-section-header.open .mobile-chevron{transform:rotate(180deg)}.mobile-sub-links{display:flex;flex-direction:column;gap:6px;padding:8px 8px 4px 30px}.mobile-sub-links a{padding:10px 12px;border-radius:8px;font-weight:600;color:#1e293b}.mobile-sub-links a:hover{background:#f8fafc;color:#8e24aa}.mobile-section.nested .mobile-section-header{margin-top:6px;border-style:dashed}.mobile-sub-links.nested{padding-left:28px}.mobile-menu-backdrop{position:fixed;inset:0;background:#0f172a59;z-index:1090}}.no-scroll{overflow:hidden}.carbon-accounting-page{max-width:1200px;margin:0 auto;padding:24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.page-header{text-align:center;margin-bottom:32px}.page-title{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:12px}.title-icon{font-size:2.5rem}.page-subtitle{font-size:1.1rem;color:#64748b;max-width:600px;margin:0 auto}.carbon-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.carbon-stat-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000001a;border-left:4px solid #e2e8f0;transition:transform .2s ease,box-shadow .2s ease}.carbon-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.carbon-stat-card.scope1{border-left-color:#ef4444}.carbon-stat-card.scope2{border-left-color:#f59e0b}.carbon-stat-card.scope3{border-left-color:#3b82f6}.carbon-stat-card.total{border-left-color:#10b981}.stat-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.stat-icon{font-size:1.5rem}.stat-header h3{margin:0;font-size:1.1rem;color:#374151}.stat-value{font-size:1.8rem;font-weight:700;color:#1e293b;margin-bottom:8px}.total-value{color:#10b981}.stat-percentage,.stat-note{font-size:.9rem;color:#64748b}.carbon-tabs{display:flex;background:#fff;border-radius:12px;padding:8px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a;gap:4px}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:500;color:#64748b}.tab-button:hover{background:#f1f5f9;color:#475569}.tab-button.active{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f64d}.tab-icon{font-size:1.1rem}.tab-content{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 12px #0000001a}.scope-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:32px}.scope-tab{padding:20px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:left}.scope-tab:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.scope-tab.active{border-color:#3b82f6;background:#eff6ff;box-shadow:0 4px 12px #3b82f633}.scope-tab h3{margin:0 0 8px;color:#1e293b;font-size:1.1rem}.scope-tab p{margin:0;color:#64748b;font-size:.9rem;line-height:1.4}.calculation-form h3{margin-bottom:24px;color:#1e293b;font-size:1.3rem}.input-grid{display:grid;gap:20px}.input-group{background:#f8fafc;padding:20px;border-radius:12px;border:1px solid #e2e8f0}.input-group label{display:block;margin-bottom:12px;font-weight:600;color:#374151}.input-row{display:flex;gap:12px;align-items:center}.input-row input{flex:1;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem}.input-row select{padding:12px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:.9rem}.unit{font-size:.9rem;color:#64748b;font-weight:500;min-width:50px}.emissions-chart{margin-bottom:32px}.emissions-chart h3{margin-bottom:24px;color:#1e293b}.chart-bars{display:flex;flex-direction:column;gap:16px}.chart-bar{display:flex;align-items:center;gap:16px}.bar-label{min-width:80px;font-weight:600;color:#374151}.bar-container{flex:1;height:32px;background:#f1f5f9;border-radius:16px;overflow:hidden;position:relative}.bar-fill{height:100%;border-radius:16px;transition:width .3s ease}.scope1-color{background:linear-gradient(45deg,#ef4444,#f87171)}.scope2-color{background:linear-gradient(45deg,#f59e0b,#fbbf24)}.scope3-color{background:linear-gradient(45deg,#3b82f6,#60a5fa)}.bar-value{min-width:120px;text-align:right;font-weight:600;color:#374151}.reduction-targets h3{margin-bottom:20px;color:#1e293b}.opportunity-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.opportunity-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:20px;text-align:center}.opportunity-icon{font-size:2rem;display:block;margin-bottom:12px}.opportunity-card h4{margin:0 0 8px;color:#166534}.opportunity-card p{margin:0;color:#15803d;font-weight:500}.standards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.standard-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:transform .2s ease}.standard-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.standard-card h3{margin:0 0 16px;color:#1e293b}.standard-card p{margin-bottom:16px;color:#64748b;line-height:1.5}.standard-features{display:flex;flex-direction:column;gap:8px}.standard-features span{color:#374151;font-size:.9rem}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.insight-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;text-align:center}.insight-card h3{margin:0 0 16px;color:#1e293b;font-size:1.1rem}.insight-value{font-size:1.8rem;font-weight:700;color:#3b82f6;margin-bottom:8px}.scope-distribution{display:flex;flex-direction:column;gap:8px;text-align:left}.scope-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e2e8f0}.recommendations{text-align:left}.recommendations p{margin:8px 0;color:#374151;font-size:.9rem}@media (max-width: 768px){.carbon-accounting-page{padding:16px}.carbon-stats-grid{grid-template-columns:1fr}.carbon-tabs{flex-direction:column}.tab-content{padding:20px}.input-row{flex-direction:column;align-items:stretch}}.esg-reporting-page{max-width:1200px;margin:0 auto;padding:24px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);min-height:100vh}.performance-overview{margin-bottom:32px}.score-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.score-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000001a;border-left:4px solid #e2e8f0;transition:transform .2s ease,box-shadow .2s ease}.score-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.score-card.environmental{border-left-color:#10b981}.score-card.social{border-left-color:#3b82f6}.score-card.governance{border-left-color:#8b5cf6}.score-card.overall{border-left-color:#f59e0b}.score-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.score-icon{font-size:1.5rem}.score-header h3{margin:0;font-size:1.1rem;color:#374151}.score-value{font-size:2rem;font-weight:700;margin-bottom:8px}.overall-score{color:#f59e0b}.score-trend{font-size:.9rem;color:#64748b}.reporting-tabs{display:flex;background:#fff;border-radius:12px;padding:8px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a;gap:4px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.metric-category{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000001a}.metric-category h3{margin:0 0 20px;color:#1e293b;font-size:1.2rem}.metric-bars{display:flex;flex-direction:column;gap:16px}.metric-bar{display:flex;flex-direction:column;gap:8px}.metric-info{display:flex;justify-content:space-between;align-items:center}.metric-name{font-weight:600;color:#374151}.metric-values{font-size:.9rem;color:#64748b}.progress-bar{height:12px;background:#f1f5f9;border-radius:6px;overflow:hidden}.progress-fill{height:100%;border-radius:6px;transition:width .3s ease}.environmental-color{background:linear-gradient(45deg,#10b981,#34d399)}.social-color{background:linear-gradient(45deg,#3b82f6,#60a5fa)}.governance-color{background:linear-gradient(45deg,#8b5cf6,#a78bfa)}.metrics-content{margin-top:24px}.metric-entry-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px #0000001a}.metric-entry-section h4{margin:0 0 20px;color:#1e293b;font-size:1.1rem}.metric-inputs{display:grid;gap:20px}.metric-input-group{border:1px solid #e2e8f0;border-radius:12px;padding:20px;background:#f8fafc}.metric-input-group>label{display:block;margin-bottom:12px;font-weight:600;color:#374151}.input-pair{display:flex;gap:16px;align-items:end}.input-field{flex:1}.input-field label{display:block;margin-bottom:4px;font-size:.9rem;color:#64748b}.input-field input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem}.unit-label{font-size:.9rem;color:#64748b;font-weight:500;min-width:60px;padding:12px 0}.frameworks-content{margin-top:24px}.frameworks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:32px}.framework-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:transform .2s ease}.framework-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.framework-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.framework-header h4{margin:0;color:#1e293b}.status-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.status-badge.compliant{background:#dcfce7;color:#166534}.status-badge.in-progress{background:#fef3c7;color:#92400e}.status-badge.preparing{background:#dbeafe;color:#1e40af}.framework-card p{margin-bottom:16px;color:#64748b;line-height:1.5}.coverage-tags{display:flex;flex-wrap:wrap;gap:8px}.coverage-tag{background:#f1f5f9;color:#475569;padding:4px 8px;border-radius:6px;font-size:.8rem}.compliance-checklist{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000001a}.compliance-checklist h4{margin:0 0 20px;color:#1e293b}.checklist-items{display:flex;flex-direction:column;gap:12px}.checklist-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;background:#f8fafc}.checklist-item.completed{background:#f0fdf4}.checklist-item.in-progress{background:#fefbf2}.checklist-item.pending{background:#f8fafc}.check-icon{font-size:1.2rem}.reports-content{margin-top:24px}.report-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:32px}.report-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.report-card h4{margin:0 0 12px;color:#1e293b}.report-card p{margin-bottom:20px;color:#64748b;line-height:1.5}.report-actions{display:flex;gap:12px}.export-btn,.generate-btn,.download-btn{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.export-btn{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.export-btn:hover{background:#e2e8f0}.generate-btn{background:#3b82f6;color:#fff}.generate-btn:hover{background:#2563eb}.download-btn{background:#10b981;color:#fff;padding:6px 12px;font-size:.9rem}.download-btn:hover{background:#059669}.recent-reports{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000001a}.recent-reports h4{margin:0 0 20px;color:#1e293b}.report-list{display:flex;flex-direction:column;gap:16px}.report-item{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.report-icon{font-size:1.5rem}.report-details{flex:1;display:flex;flex-direction:column;gap:4px}.report-name{font-weight:600;color:#374151}.report-date{font-size:.9rem;color:#64748b}@media (max-width: 768px){.esg-reporting-page{padding:16px}.score-cards,.metrics-grid{grid-template-columns:1fr}.reporting-tabs{flex-direction:column}.input-pair{flex-direction:column;align-items:stretch}.report-actions{flex-direction:column}.report-item{flex-direction:column;text-align:center}}.esg-filter-bar{display:flex;gap:12px;align-items:end;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000000f}.esg-filter{display:flex;flex-direction:column;gap:6px}.esg-filter label{font-size:12px;font-weight:700;color:#64748b}.esg-filter select{padding:10px 12px;border:1px solid #d1d5db;border-radius:10px;background:#fff;font-weight:600;color:#1e293b}.esg-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.esg-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:grid;grid-template-columns:160px 1fr;align-items:center;gap:12px;padding:16px;box-shadow:0 4px 12px #00000014}.esg-kpi-left{display:grid;place-items:center}.esg-kpi-right{display:flex;flex-direction:column;gap:10px}.esg-kpi-title{display:flex;align-items:center;gap:10px;font-weight:800;color:#1e293b}.esg-kpi-icon{font-size:1.2rem}.esg-kpi-values{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.esg-kpi-number{font-size:1.4rem;font-weight:800;color:#0f172a}.esg-kpi-unit{font-size:.9rem;color:#64748b;font-weight:600}.esg-kpi-target{font-size:.95rem;color:#475569}.esg-kpi-spark{height:36px}@media (max-width: 768px){.esg-filter-bar{flex-wrap:wrap;align-items:start}.esg-kpi-card{grid-template-columns:1fr}}.risk-analytics-page{max-width:1200px;margin:0 auto;padding:24px;background:linear-gradient(135deg,#fef2f2,#fee2e2);min-height:100vh}.risk-overview{margin-bottom:32px}.risk-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.risk-stat-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000001a;border-left:4px solid #e2e8f0;transition:transform .2s ease,box-shadow .2s ease}.risk-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.risk-stat-card.total{border-left-color:#64748b}.risk-stat-card.high{border-left-color:#ef4444}.risk-stat-card.medium{border-left-color:#f59e0b}.risk-stat-card.low{border-left-color:#10b981}.risk-stat-card.average{border-left-color:#8b5cf6}.high-risk{color:#ef4444}.medium-risk{color:#f59e0b}.low-risk{color:#10b981}.risk-tabs{display:flex;background:#fff;border-radius:12px;padding:8px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a;gap:4px}.overview-content{display:grid;grid-template-columns:2fr 1fr;gap:24px}.risk-heat-map{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000001a}.risk-heat-map h3{margin:0 0 24px;color:#1e293b}.heat-map-grid{position:relative;height:400px}.heat-map-header{display:flex;align-items:center;margin-bottom:16px}.axis-label{font-weight:600;color:#374151;margin-right:16px}.axis-label.vertical{writing-mode:vertical-lr;text-orientation:mixed;margin-right:8px}.impact-labels,.probability-labels{display:flex;justify-content:space-between;width:300px;font-size:.9rem;color:#64748b}.probability-labels{flex-direction:column;height:300px;width:auto}.heat-map-body{display:flex;align-items:flex-start}.probability-axis{display:flex;align-items:center;margin-right:16px}.heat-map-matrix{position:relative;width:300px;height:300px;background:linear-gradient(45deg,#dcfce7,#fef3c7,#fee2e2);border:2px solid #e2e8f0;border-radius:8px}.risk-bubble{position:absolute;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:transform .2s ease;box-shadow:0 2px 8px #0003}.risk-bubble:hover{transform:translate(-50%,50%) scale(1.1)}.top-risks{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000001a}.top-risks h3{margin:0 0 20px;color:#1e293b}.risk-list{display:flex;flex-direction:column;gap:12px}.risk-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.risk-rank{width:32px;height:32px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.risk-details{flex:1}.risk-name{font-weight:600;color:#374151;margin-bottom:4px}.risk-category{font-size:.9rem;color:#64748b;text-transform:capitalize}.risk-score-display{font-weight:700;font-size:1.1rem}.climate-content,.social-content,.governance-content{margin-top:24px}.climate-risk-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px}.risk-category-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000001a}.risk-category-card.full-width{grid-column:1 / -1}.risk-category-card h4{margin:0 0 20px;color:#1e293b;font-size:1.2rem}.risk-inputs{display:flex;flex-direction:column;gap:20px}.risk-input-row{display:grid;grid-template-columns:150px 1fr 1fr 80px;gap:16px;align-items:center;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.risk-label{font-weight:600;color:#374151;font-size:.9rem}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:.8rem;color:#64748b;font-weight:500}.input-group input[type=range]{width:100%;height:6px;border-radius:3px;background:#e2e8f0;outline:none;appearance:none;-webkit-appearance:none}.input-group input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#3b82f6;cursor:pointer}.value-display{font-weight:600;color:#374151;text-align:center;font-size:.9rem}.risk-score-badge{padding:8px 12px;border-radius:8px;color:#fff;font-weight:700;text-align:center;font-size:.9rem}.scenarios-content{margin-top:24px}.timeframe-selector{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.timeframe-selector label{font-weight:600;color:#374151}.timeframe-selector select{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff}.scenarios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.scenario-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:transform .2s ease}.scenario-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.scenario-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.scenario-header h4{margin:0;color:#1e293b}.temperature-badge{padding:4px 8px;border-radius:12px;color:#fff;font-weight:600;font-size:.8rem}.scenario-card p{margin-bottom:16px;color:#64748b;line-height:1.4}.scenario-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.metric-value{font-weight:700;color:#374151}.impact-negative{color:#ef4444}.key-risks{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.risks-label{font-size:.9rem;font-weight:600;color:#374151}.risk-tag{background:#fee2e2;color:#991b1b;padding:4px 8px;border-radius:6px;font-size:.8rem}.mitigation-strategies{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000001a}.mitigation-strategies h3{margin:0 0 20px;color:#1e293b}.strategies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.strategy-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.strategy-card h4{margin:0 0 16px;color:#1e293b}.strategy-card ul{margin:0;padding-left:20px;color:#374151}.strategy-card li{margin-bottom:8px;line-height:1.4}@media (max-width: 768px){.risk-analytics-page{padding:16px}.risk-stats-grid,.overview-content,.climate-risk-categories{grid-template-columns:1fr}.risk-input-row{grid-template-columns:1fr;gap:12px;text-align:center}.heat-map-matrix{width:250px;height:250px}.impact-labels,.probability-labels{width:250px}.probability-labels{height:250px}.risk-tabs{flex-direction:column}.scenarios-grid{grid-template-columns:1fr}}.supply-chain-page{max-width:1200px;margin:0 auto;padding:24px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);min-height:100vh}.supply-chain-overview{margin-bottom:32px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.summary-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 12px #0000001a;border-left:4px solid #e2e8f0;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.summary-card.total{border-left-color:#64748b}.summary-card.verified{border-left-color:#10b981}.summary-card.at-risk{border-left-color:#ef4444}.summary-card.score{border-left-color:#3b82f6}.summary-card.spend{border-left-color:#f59e0b}.summary-card.emissions{border-left-color:#8b5cf6}.card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.card-icon{font-size:1.2rem}.card-header h3{margin:0;font-size:.9rem;color:#374151}.card-value{font-size:1.6rem;font-weight:700;color:#1e293b;margin-bottom:4px}.verified-value{color:#10b981}.at-risk-value{color:#ef4444}.card-note{font-size:.8rem;color:#64748b}.supply-chain-tabs{display:flex;background:#fff;border-radius:12px;padding:8px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a;gap:4px}.dashboard-content{margin-top:24px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.dashboard-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000001a}.dashboard-card.alerts{grid-column:1 / -1}.dashboard-card h3{margin:0 0 20px;color:#1e293b;font-size:1.1rem}.risk-distribution{display:flex;flex-direction:column;gap:12px}.supplier-risk-item{display:flex;align-items:center;gap:12px}.supplier-name{min-width:150px;font-size:.9rem;color:#374151;font-weight:500}.risk-bar{flex:1;height:20px;background:#f1f5f9;border-radius:10px;overflow:hidden}.risk-fill{height:100%;border-radius:10px;transition:width .3s ease}.risk-score{min-width:30px;font-weight:600;color:#374151;font-size:.9rem}.performance-chart{display:flex;flex-direction:column;gap:16px}.performance-item{display:flex;align-items:center;gap:16px;padding:12px;background:#f8fafc;border-radius:8px}.supplier-info{flex:1}.supplier-info .supplier-name{display:block;font-weight:600;color:#374151;margin-bottom:4px}.supplier-category{font-size:.8rem;color:#64748b}.score-display{text-align:center}.score-value{font-size:1.4rem;font-weight:700;display:block}.score-label{font-size:.8rem;color:#64748b}.alert-list{display:flex;flex-direction:column;gap:12px}.alert-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f8fafc;border-radius:8px;border-left:4px solid #e2e8f0}.alert-indicator{width:12px;height:12px;border-radius:50%;margin-top:4px}.alert-content{flex:1}.alert-message{font-weight:500;color:#374151;margin-bottom:4px}.alert-meta{display:flex;gap:16px;font-size:.8rem;color:#64748b}.suppliers-content{margin-top:24px}.supplier-controls{display:flex;gap:20px;margin-bottom:24px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-weight:600;color:#374151;font-size:.9rem}.filter-group select{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:.9rem}.supplier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.supplier-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.supplier-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.supplier-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.supplier-header h4{margin:0;color:#1e293b;font-size:1.1rem}.status-badge{padding:4px 8px;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;text-transform:capitalize}.supplier-details{margin-bottom:16px}.detail-row{display:flex;justify-content:space-between;margin-bottom:8px}.detail-row .label{color:#64748b;font-size:.9rem}.detail-row .value{color:#374151;font-weight:500;font-size:.9rem}.supplier-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:16px}.metric{text-align:center;padding:8px;background:#f8fafc;border-radius:8px}.metric-label{display:block;font-size:.8rem;color:#64748b;margin-bottom:4px}.metric-value{font-weight:600;color:#374151;font-size:.9rem}.certifications{display:flex;flex-wrap:wrap;gap:6px}.certification-badge{background:#dbeafe;color:#1e40af;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:500}.feeds-content{margin-top:24px}.feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.feed-header h3{margin:0;color:#1e293b}.feed-status{display:flex;align-items:center;gap:8px;color:#10b981;font-weight:600}.status-indicator{width:12px;height:12px;border-radius:50%}.status-indicator.live{background:#10b981;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.feed-list{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px #0000001a}.feed-item{display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid #e2e8f0}.feed-item:last-child{border-bottom:none}.feed-severity{padding:4px 8px;border-radius:8px;color:#fff;font-size:.7rem;font-weight:700;min-width:60px;text-align:center}.feed-content{flex:1}.feed-message{font-weight:500;color:#374151;margin-bottom:8px}.feed-meta{display:flex;gap:16px;font-size:.8rem;color:#64748b}.analytics-content{margin-top:24px}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.analytics-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000001a}.analytics-card h3{margin:0 0 20px;color:#1e293b}.category-chart{display:flex;flex-direction:column;gap:12px}.category-item{display:flex;align-items:center;gap:12px}.category-name{min-width:100px;font-size:.9rem;color:#374151}.category-bar{flex:1;height:20px;background:#f1f5f9;border-radius:10px;overflow:hidden}.category-fill{height:100%;background:linear-gradient(45deg,#3b82f6,#60a5fa);border-radius:10px;transition:width .3s ease}.category-count{min-width:30px;font-weight:600;color:#374151;font-size:.9rem}.trend-analysis{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.trend-stat{text-align:center;padding:16px;background:#f8fafc;border-radius:8px}.trend-label{display:block;font-size:.8rem;color:#64748b;margin-bottom:8px}.trend-value{font-size:1.4rem;font-weight:700;color:#3b82f6}.carbon-breakdown{display:flex;flex-direction:column;gap:12px}.carbon-item{display:flex;align-items:center;gap:12px}.carbon-bar{flex:1;height:20px;background:#f1f5f9;border-radius:10px;overflow:hidden}.carbon-fill{height:100%;background:linear-gradient(45deg,#8b5cf6,#a78bfa);border-radius:10px;transition:width .3s ease}.carbon-value{min-width:80px;font-weight:600;color:#374151;font-size:.9rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.supplier-modal{background:#fff;border-radius:16px;padding:0;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 25px 50px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;color:#1e293b}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#64748b;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-button:hover{background:#f1f5f9}.modal-content{padding:24px}.supplier-kpis h3{margin:0 0 20px;color:#1e293b}.kpi-grid{display:grid;gap:16px}.kpi-item{padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.kpi-name{font-weight:600;color:#374151;margin-bottom:12px}.kpi-progress .progress-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:8px}.kpi-progress .progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.kpi-values{font-size:.9rem;color:#64748b}@media (max-width: 768px){.supply-chain-page{padding:16px}.summary-cards{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.supplier-grid{grid-template-columns:1fr}.supply-chain-tabs{flex-direction:column}.supplier-controls{flex-direction:column;gap:12px}.analytics-grid{grid-template-columns:1fr}.supplier-modal{width:95%;max-height:90vh}}.menu{display:flex;gap:8px;flex-wrap:nowrap;align-items:center;overflow:visible;white-space:nowrap}.menu a{padding:6px 8px;border-radius:8px;white-space:nowrap;font-size:13px}.menu>a.active{background:#111;color:#fff}.dropdown-menu a.active{background:#f8fafc;color:#8e24aa;font-weight:700}@media (max-width: 768px){.nav-inner{flex-direction:column;height:auto;padding:12px 0;gap:12px}.brand{width:100%;justify-content:center;padding:8px 0}.menu{width:100%;justify-content:center;gap:8px;margin-left:0!important;padding:0 12px}.menu a{padding:6px 8px;font-size:12px}.menu-dropdown-container{position:static}.dropdown-menu{position:fixed!important;top:auto!important;left:50%!important;transform:translate(-50%)!important;min-width:280px;max-width:90vw}}.menu-dropdown-container{position:relative;display:inline-block;white-space:nowrap}.dropdown-menu{animation:dropdownFadeIn .2s ease-out;z-index:1000;pointer-events:auto;white-space:nowrap}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item.active{background:#f3e8ff!important;color:#8e24aa!important}.main{padding:24px 0}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 2px 10px #0000000a}.footer{margin-top:24px;border-top:1px solid #e5e7eb;padding:16px 0;color:#64748b;font-size:14px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1024px){.grid-3,.grid-4,.grid-2{grid-template-columns:1fr}}.badge{display:inline-flex;align-items:center;font-size:12px;padding:2px 8px;border-radius:9999px;background:#f3f4f6;color:#374151}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 8px;border-top:1px solid #eef2f7;font-size:14px;text-align:left}.input,select,button{font-size:14px}.input,select{border:1px solid #cbd5e1;border-radius:12px;padding:8px 10px;outline:none}button.primary{background:#111;color:#fff;border:none;border-radius:10px;padding:8px 12px;cursor:pointer}button.ghost{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:8px 12px;cursor:pointer}.pill{border-radius:999px;padding:4px 10px;font-size:12px;border:1px solid #e2e8f0}.kpi{font-size:26px;font-weight:800}.small{font-size:12px;color:#64748b}.tag{font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid #e2e8f0}.sensory-friendly{background:#22223b;color:#f2e9e4}.sensory-card{background:#4a4e69;color:#f2e9e4;border:2px solid #9a8c98;box-shadow:0 2px 12px #0000001a}.sensory-card:focus{outline:3px solid #f2e9e4;outline-offset:2px;background:#22223b}.sensory-input,.sensory-lang{background:#f2e9e4;color:#22223b;border:2px solid #9a8c98;border-radius:12px;padding:8px 10px}.sensory-input:focus,.sensory-lang:focus{outline:3px solid #c9ada7;background:#fff}.sensory-label{font-weight:600;color:#f2e9e4}.sensory-tag{background:#c9ada7;color:#22223b;border:1px solid #9a8c98}.badge,.small{letter-spacing:.5px}.responsive-container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.responsive-grid{display:grid;gap:24px}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex-responsive{display:flex;flex-wrap:wrap;gap:16px}.flex-center{display:flex;align-items:center;justify-content:center}.text-center-mobile{text-align:left}.hide-mobile{display:block}.show-mobile{display:none}.padding-responsive{padding:24px}.margin-responsive{margin:24px}.gap-responsive{gap:24px}@media (max-width: 1024px){.responsive-container{padding:0 20px}.responsive-grid{gap:20px}.grid-4{grid-template-columns:repeat(3,1fr)}.padding-responsive{padding:20px}.margin-responsive{margin:20px}.gap-responsive{gap:20px}}@media (max-width: 768px){.responsive-container{padding:0 16px}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2-mobile-1{grid-template-columns:1fr}.responsive-grid{gap:16px}.flex-responsive{gap:12px}.flex-column-mobile{flex-direction:column}.text-center-mobile{text-align:center}.hide-mobile{display:none!important}.show-mobile{display:block!important}.padding-responsive{padding:16px}.margin-responsive{margin:16px}.gap-responsive{gap:16px}.full-width-mobile{width:100%!important}.stack-mobile{flex-direction:column;align-items:stretch}.stack-mobile>*{width:100%}}@media (max-width: 480px){.responsive-container{padding:0 12px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.responsive-grid{gap:12px}.flex-responsive{gap:10px}.padding-responsive{padding:12px}.margin-responsive{margin:12px}.gap-responsive{gap:12px}.text-sm-mobile{font-size:.875rem}.text-xs-mobile{font-size:.75rem}}@media (max-width: 896px) and (max-height: 414px) and (orientation: landscape){.responsive-container{padding:0 16px}.padding-responsive{padding:12px 16px}.responsive-grid{gap:12px}}@media (hover: none) and (pointer: coarse){button,a,input,select,textarea{min-height:44px;min-width:44px}.touch-spacing{padding:12px;margin:8px 0}input,select,textarea{font-size:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){.responsive-grid,.responsive-container{border:2px solid currentColor}}@media (prefers-color-scheme: dark){.responsive-container{background:#1e293b;color:#f1f5f9}}@media (max-width: 768px){h1{font-size:clamp(1.5rem,5vw,2rem)}h2{font-size:clamp(1.25rem,4vw,1.75rem)}h3{font-size:clamp(1.1rem,3.5vw,1.5rem)}h4{font-size:clamp(1rem,3vw,1.25rem)}p,li,td{font-size:clamp(.875rem,2.5vw,1rem)}}img,video{max-width:100%;height:auto;display:block}.responsive-img{width:100%;height:auto;object-fit:cover}@media (max-width: 768px){.responsive-img{border-radius:8px}}@media (max-width: 768px){table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-stack thead{display:none}.table-stack tr{display:block;margin-bottom:16px;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.table-stack td{display:block;text-align:right;position:relative;padding:8px 8px 8px 50%}.table-stack td:before{content:attr(data-label);position:absolute;left:12px;font-weight:600;text-align:left}}@media (max-width: 768px){.form-group{margin-bottom:16px}.form-row{flex-direction:column;gap:12px}.form-row>*{width:100%}label{display:block;margin-bottom:6px;font-weight:600;font-size:.9rem}input,select,textarea{width:100%;box-sizing:border-box;padding:10px 12px;font-size:16px}textarea{min-height:120px}}@media (max-width: 768px){.modal{width:95%;max-width:95%;margin:10px;border-radius:12px}.modal-header{padding:16px;font-size:1.1rem}.modal-body{padding:16px;max-height:60vh;overflow-y:auto}.modal-footer{padding:12px 16px;flex-direction:column;gap:8px}.modal-footer button{width:100%}}@media (max-width: 768px){.card-grid{grid-template-columns:1fr;gap:16px}.card{padding:16px;border-radius:12px}.card-header{flex-direction:column;align-items:flex-start;gap:8px}.card-title{font-size:1.1rem}.card-actions{flex-direction:column;width:100%;gap:8px}.card-actions button{width:100%}}@media (max-width: 768px){.nav-menu{flex-direction:column;width:100%}.nav-item{width:100%;text-align:center;padding:12px}.nav-dropdown{position:static;width:100%;box-shadow:none;border-radius:0}}@media print{.responsive-container{max-width:100%;padding:0}.hide-print{display:none!important}.responsive-grid{break-inside:avoid}button,nav,.modal{display:none!important}body{background:#fff!important;color:#000!important}}