@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root{--ev-teal-dark:#004d4c;--ev-teal-primary:#006968;--ev-teal-light:#008785;--ev-turquoise:#32bca3;--ev-turquoise-hover:#29a891;--ev-turquoise-light:#32bca31f;--ev-purple:#9c27b0;--ev-purple-dark:#7b1fa2;--ev-purple-light:#9c27b01f;--ev-amber:#ff9800;--ev-amber-light:#fff8e1;--ev-red:#e53935;--ev-red-light:#ffebee;--bg-body:#f4f6f8;--bg-surface:#fff;--text-dark:#1e293b;--text-muted:#526071;--border-subtle:#e2e8f0;--shadow-xs:0 1px 2px #004d4c0a;--shadow-sm:0 2px 8px #004d4c0f;--shadow-md:0 8px 24px #004d4c14;--shadow-lg:0 16px 36px #004d4c24;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-pill:9999px;--transition-fast:.18s ease;--transition-normal:.28s ease}*{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html{scrollbar-gutter:stable}body{background-color:var(--bg-body);color:var(--text-dark);flex-direction:column;min-height:100vh;display:flex;overflow-y:scroll}.hub-navbar{border-bottom:1px solid var(--border-subtle);z-index:50;box-shadow:var(--shadow-xs);background-color:#fff;justify-content:space-between;align-items:center;padding:12px 36px;display:flex;position:sticky;top:0}.brand-container{cursor:pointer;align-items:center;gap:16px;text-decoration:none;display:flex}.brand-badge{background:linear-gradient(135deg, var(--ev-teal-dark) 0%, var(--ev-teal-primary) 100%);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.15rem;display:flex;box-shadow:0 2px 8px #004d4c33}.brand-eyebrow{letter-spacing:1.2px;text-transform:uppercase;color:var(--ev-teal-primary);font-size:.68rem;font-weight:800}.brand-name{color:var(--ev-teal-dark);letter-spacing:-.4px;font-size:1.25rem;font-weight:800}.brand-name span{color:var(--ev-turquoise)}.hub-nav-menu{align-items:center;gap:6px;list-style:none;display:flex}.nav-link-btn{border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;background-color:#0000;border:none;align-items:center;gap:8px;padding:8px 18px;font-size:.88rem;font-weight:600;transition:background-color .28s cubic-bezier(.16,1,.3,1),color .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.nav-link-btn:hover{color:var(--ev-teal-primary);background-color:#f1f5f9;transform:translateY(-1px)}.nav-link-btn:active{transform:scale(.96)}.nav-link-btn.active{color:#fff;background-color:var(--ev-teal-primary);box-shadow:0 4px 12px #00696847}.nav-link-btn .nav-icon{justify-content:center;align-items:center;font-size:1.05rem;transition:transform .32s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.nav-link-btn:hover .nav-icon{transform:scale(1.15)rotate(-4deg)}.nav-link-btn.active .nav-icon{transform:scale(1.12)}.navbar-actions{align-items:center;gap:14px;display:flex}.btn-leader-access{border:1px solid var(--border-subtle);color:var(--ev-teal-primary);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);background-color:#fff;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;display:flex}.btn-leader-access:hover{border-color:var(--ev-purple);color:var(--ev-purple);background:var(--ev-purple-light)}.btn-leader-access.logged-in{background-color:var(--ev-purple-light);border-color:var(--ev-purple);color:var(--ev-purple-dark)}.user-chip{border-left:1px solid var(--border-subtle);align-items:center;gap:10px;padding-left:10px;display:flex}.avatar-circle{background:linear-gradient(135deg, var(--ev-teal-primary) 0%, var(--ev-turquoise) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.84rem;font-weight:800;display:flex}.user-caption{color:var(--text-dark);font-size:.82rem;font-weight:700;line-height:1.2}.user-caption span{color:var(--text-muted);font-size:.72rem;font-weight:500;display:block}.hero-hub{background:linear-gradient(135deg, var(--ev-teal-dark) 0%, var(--ev-teal-primary) 65%, #017b79 100%);color:#fff;text-align:center;padding:56px 24px 76px;position:relative;overflow:hidden;box-shadow:0 4px 20px #004d4c1f}.hero-hub:before{content:"";pointer-events:none;background:radial-gradient(circle,#32bca340 0%,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute;top:-50px;right:10%}.hero-hub:after{content:"";pointer-events:none;background:radial-gradient(circle,#9c27b026 0%,#0000 65%);border-radius:50%;width:300px;height:300px;position:absolute;bottom:-60px;left:15%}.hero-hub-inner{z-index:2;max-width:820px;margin:0 auto;position:relative}.hero-hub-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-pill);letter-spacing:1.2px;text-transform:uppercase;background-color:#ffffff26;border:1px solid #fff3;align-items:center;gap:6px;margin-bottom:16px;padding:5px 14px;font-size:.74rem;font-weight:700;display:inline-flex}.hero-hub-title{letter-spacing:-.8px;color:#fff;margin-bottom:14px;font-size:2.7rem;font-weight:800;line-height:1.15}.hero-hub-title span{color:var(--ev-turquoise)}.hero-hub-subtitle{color:#ffffffe0;margin-bottom:32px;font-size:1.05rem;font-weight:400;line-height:1.6}.hero-search-box{align-items:center;max-width:660px;margin:0 auto;display:flex;position:relative}.hero-search-icon{color:var(--ev-teal-primary);pointer-events:none;font-size:1.25rem;position:absolute;left:20px}.hero-search-input{border-radius:var(--radius-pill);width:100%;color:var(--text-dark);transition:all var(--transition-fast);background-color:#fff;border:2px solid #ffffff4d;outline:none;padding:16px 120px 16px 54px;font-size:1.02rem;font-weight:500;box-shadow:0 10px 30px #00000029}.hero-search-input:focus{border-color:var(--ev-turquoise);box-shadow:0 10px 35px #32bca359}.hero-search-btn{background:var(--ev-teal-primary);color:#fff;border-radius:var(--radius-pill);cursor:pointer;transition:background var(--transition-fast);border:none;padding:10px 22px;font-size:.88rem;font-weight:700;position:absolute;right:8px}.hero-search-btn:hover{background:var(--ev-turquoise-hover)}.hub-content-container{z-index:10;width:100%;max-width:1200px;margin:-36px auto 60px;padding:0 24px;position:relative}.boxes-grid-central{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-bottom:40px;display:grid}.central-box{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-normal);text-align:left;flex-direction:column;justify-content:space-between;padding:30px 24px 26px;display:flex;position:relative;overflow:hidden}.central-box:before{content:"";height:4px;transition:background var(--transition-fast);background:0 0;position:absolute;top:0;left:0;right:0}.central-box:hover{box-shadow:var(--shadow-md);border-color:#32bca359;transform:translateY(-5px)}.central-box:hover:before{background:linear-gradient(90deg, var(--ev-teal-primary) 0%, var(--ev-turquoise) 100%)}.box-icon-wrapper{background-color:var(--ev-turquoise-light);width:58px;height:58px;color:var(--ev-teal-primary);transition:transform var(--transition-fast);border-radius:16px;justify-content:center;align-items:center;margin-bottom:20px;font-size:1.7rem;display:flex}.central-box:hover .box-icon-wrapper{transform:scale(1.06)}.central-box.box-purple .box-icon-wrapper{background-color:var(--ev-purple-light);color:var(--ev-purple)}.central-box-title{color:var(--ev-teal-dark);letter-spacing:-.3px;margin-bottom:8px;font-size:1.22rem;font-weight:800}.central-box-desc{color:var(--text-muted);margin-bottom:22px;font-size:.9rem;line-height:1.55}.central-box-action{color:var(--ev-teal-primary);transition:gap var(--transition-fast);align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:flex}.central-box:hover .central-box-action{color:var(--ev-turquoise);gap:10px}.mural-wrapper{background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);margin-bottom:40px;padding:30px 34px}.mural-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.mural-title-group{align-items:center;gap:12px;display:flex}.mural-heading{color:var(--ev-teal-dark);align-items:center;gap:10px;font-size:1.28rem;font-weight:800;display:flex}.mural-badge{color:#92400e;border-radius:var(--radius-pill);text-transform:uppercase;background-color:#fef3c7;padding:4px 10px;font-size:.72rem;font-weight:800}.btn-leader-trigger{border:1px dashed var(--border-subtle);color:var(--text-muted);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:700;display:flex}.btn-leader-trigger:hover{border-color:var(--ev-purple);color:var(--ev-purple);background-color:var(--ev-purple-light)}.notice-card{border-left:5px solid var(--ev-amber);border-radius:var(--radius-sm);border-top:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);background:#fff;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.notice-icon-box{background-color:var(--ev-amber-light);color:#d97706;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.15rem;display:flex}.notice-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.notice-title{color:var(--ev-teal-dark);font-size:.98rem;font-weight:800}.notice-time{color:var(--text-muted);font-size:.76rem;font-weight:500}.notice-desc{color:var(--text-dark);font-size:.9rem;line-height:1.55}
