:root{--bg-color: #020617;--bg-color-rgb: 2, 6, 23;--primary-color: #0ea5e9;--primary-hover: #38bdf8;--text-light: #f9fafb;--text-muted: #94a3b8;--border-color: rgba(14, 165, 233, .2);--glass-bg: rgba(2, 6, 23, .7);--glass-border: rgba(14, 165, 233, .3);--success-color: #22c55e;--header-height: 120px;--header-height-scrolled: 100px;--header-height-mobile: 64px}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:var(--header-height)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg-color);color:var(--text-light);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app-root{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top left,rgba(14,165,233,.15),var(--bg-color) 60%);position:relative;overflow-x:hidden}.app-root:before{content:"";position:fixed;top:-20vh;left:-20vw;width:70vw;height:70vw;background:radial-gradient(circle,rgba(14,165,233,.15) 0%,transparent 60%);z-index:0;pointer-events:none}.app-root:after{content:"";position:fixed;bottom:-20vh;right:-20vw;width:50vw;height:50vw;background:radial-gradient(circle,rgba(34,197,94,.08) 0%,transparent 60%);z-index:0;pointer-events:none}.app-header{display:flex;flex-direction:column;padding:1rem 5vw;background:#020617e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:fixed;inset:0 0 auto;z-index:100;transition:all .25s ease;box-shadow:0 10px 30px #02061759}.app-header.scrolled{padding:.55rem 9vw;background:#020617f5;box-shadow:0 12px 30px #082f4966}.app-header.scrolled .brand-logo-img{width:2.2rem;height:2.2rem}.app-header.scrolled .brand-name{font-size:1rem}.app-header.scrolled .nav-container{padding-top:.4rem;margin-top:.4rem}.header-top{display:flex;justify-content:space-between;align-items:center;width:100%}.brand{display:flex;align-items:center;gap:.8rem;z-index:101}.brand-logo-img{width:2.8rem;height:2.8rem;object-fit:contain;border-radius:50%;background:#ffffff0d;border:1px solid rgba(14,165,233,.3);filter:drop-shadow(0 0 10px rgba(14,165,233,.4));transition:transform .3s ease}.brand:hover .brand-logo-img{transform:scale(1.05) rotate(5deg)}.brand-text{display:flex;flex-direction:column}.brand-name{font-size:1.2rem;font-weight:800;color:#fff;letter-spacing:-.5px;line-height:1.2}.brand-tagline{font-size:.75rem;color:var(--primary-hover);text-transform:uppercase;letter-spacing:1px;font-weight:600}.nav-container{display:flex;justify-content:center;align-items:center;width:100%;padding-top:1rem;margin-top:1rem}.feature-nav{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center;justify-content:center}.nav-link{color:var(--text-muted);text-decoration:none;font-size:.95rem;font-weight:500;transition:all .3s ease;position:relative;padding:.3rem 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:2px;background:var(--primary-color);transition:width .3s ease}.nav-link:hover{color:#fff}.nav-link:hover:after{width:100%}.mobile-toggle{display:none;background:none;border:none;color:var(--text-light);font-size:1.8rem;cursor:pointer;z-index:101;padding:.5rem}.mobile-profile-shortcut,.mobile-login-shortcut{display:none}.mobile-notification-center{position:relative;display:block;flex:0 0 44px}.mobile-notification-bell{position:relative;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(56,189,248,.28);border-radius:12px;background:#0ea5e91f;color:#e0f2fe;font-size:1.1rem;cursor:pointer}.mobile-notification-bell.has-unread{border-color:#f871719e;background:#ef444421}.notification-count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border:2px solid #0f172a;border-radius:999px;background:#ef4444;color:#fff;font-size:.62rem;font-weight:900}.notification-dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:300;width:min(380px,calc(100vw - 20px));max-height:min(560px,calc(100vh - var(--header-height) - 20px));display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(125,211,252,.2);border-radius:16px;background:#0f172a;box-shadow:0 24px 60px #020617b8;color:#f8fafc}.notification-dropdown-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 15px;border-bottom:1px solid rgba(148,163,184,.12)}.notification-dropdown-header button,.notification-view-all{border:0;background:transparent;color:#38bdf8;font:inherit;font-size:.74rem;font-weight:800;cursor:pointer}.notification-dropdown-header button:disabled{opacity:.4;cursor:default}.notification-list{overflow-y:auto}.notification-item{width:100%;display:grid;grid-template-columns:9px minmax(0,1fr);gap:10px;padding:13px 15px;border:0;border-bottom:1px solid rgba(148,163,184,.08);background:transparent;color:#cbd5e1;text-align:left;cursor:pointer}.notification-item.unread{background:#ef444414}.notification-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:transparent}.notification-item.unread .notification-dot{background:#ef4444;box-shadow:0 0 0 4px #ef44441f}.notification-item strong,.notification-item small,.notification-item time{display:block}.notification-item strong{color:#f8fafc;font-size:.84rem}.notification-item small{margin-top:4px;overflow:hidden;color:#94a3b8;font-size:.74rem;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.notification-item time{margin-top:5px;color:#64748b;font-size:.65rem}.notification-empty{padding:28px 16px;color:#94a3b8;text-align:center}.notification-view-all{padding:13px;border-top:1px solid rgba(148,163,184,.12)}.desktop-auth{display:flex;align-items:center}.mobile-auth{display:none}.auth-buttons{display:flex;gap:1rem;align-items:center}.login-btn{color:var(--primary-hover);font-weight:600;font-size:.95rem;transition:color .2s;text-decoration:none}.login-btn:hover{color:#fff}.signup-btn{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:var(--bg-color);padding:.5rem 1.5rem;border-radius:999px;font-weight:700;font-size:.95rem;box-shadow:0 4px 15px #0ea5e966;transition:all .3s ease;text-decoration:none}.signup-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e999}.user-profile{display:flex;align-items:center;gap:1.2rem;background:#0ea5e91a;padding:.4rem .6rem .4rem 1rem;border-radius:999px}.user-info{display:flex;flex-direction:column;line-height:1.2}.welcome-text{font-size:.85rem;color:var(--text-light)}.welcome-text strong{color:var(--primary-hover)}.profile-link{color:var(--text-muted);font-size:.7rem;font-weight:700;text-decoration:none}.profile-link:hover{color:var(--primary-hover)}.mobile-profile-link{display:none}html[data-member-text-size=compact]{font-size:15px}html[data-member-text-size=large]{font-size:18px}html[data-reduce-motion=true] *,html[data-reduce-motion=true] *:before,html[data-reduce-motion=true] *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html[data-member-theme=dark]{color-scheme:dark}html[data-member-theme=light]{color-scheme:light;--bg-color: #f4f8fc;--bg-color-rgb: 244, 248, 252;--text-light: #10233d;--text-muted: #52657c;--glass-bg: rgba(255, 255, 255, .82)}html[data-member-theme=light] body{background:#f4f8fc;color:#10233d}html[data-member-theme=light] .app-root{background:radial-gradient(circle at top left,#0ea5e924,#f4f8fc 62%)}html[data-member-theme=light] .app-header,html[data-member-theme=light] .app-header.scrolled{background:#ffffffeb;box-shadow:0 12px 30px #0f314d1f}html[data-member-theme=light] .brand-name,html[data-member-theme=light] .nav-link:hover,html[data-member-theme=light] .login-btn:hover,html[data-member-theme=light] .welcome-text{color:#10233d}html[data-member-theme=light] .app-footer{background:#ffffffc7;color:#52657c}@media(prefers-color-scheme:light){html[data-member-theme=system]{color-scheme:light;--bg-color: #f4f8fc;--bg-color-rgb: 244, 248, 252;--text-light: #10233d;--text-muted: #52657c;--glass-bg: rgba(255, 255, 255, .82)}html[data-member-theme=system] body{background:#f4f8fc;color:#10233d}html[data-member-theme=system] .app-header,html[data-member-theme=system] .app-header.scrolled{background:#ffffffeb}}body{overflow-wrap:anywhere}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}@media(max-width:768px){body.mobile-menu-open{overflow:hidden;touch-action:none}.app-header,.app-header.scrolled{padding-left:max(.8rem,env(safe-area-inset-left));padding-right:max(.8rem,env(safe-area-inset-right))}.brand{min-width:0;max-width:calc(100vw - 76px)}.app-header.member-signed-in .brand{max-width:calc(100vw - 128px)}.app-header:not(.member-signed-in) .brand{max-width:calc(100vw - 142px)}.brand>a{min-width:0;gap:8px!important}.brand-text{min-width:0}.brand-name{font-size:clamp(.72rem,3.2vw,.95rem)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-tagline{font-size:.58rem}.brand-logo-img,.app-header.scrolled .brand-logo-img{width:2.35rem;height:2.35rem;flex:0 0 auto}.mobile-toggle{width:44px;height:44px;border-radius:12px;background:#0ea5e91a}.mobile-profile-shortcut{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;margin-left:auto;border:1px solid rgba(56,189,248,.28);border-radius:12px;background:#0ea5e91f;color:#7dd3fc;font-size:1.25rem;text-decoration:none}.mobile-notification-center{position:relative;display:block;flex:0 0 44px}.mobile-notification-bell{position:relative;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(56,189,248,.28);border-radius:12px;background:#0ea5e91f;color:#e0f2fe;font-size:1.1rem;cursor:pointer}.mobile-notification-bell.has-unread{border-color:#f871719e;background:#ef444421}.notification-count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border:2px solid #0f172a;border-radius:999px;background:#ef4444;color:#fff;font-size:.62rem;font-weight:900}.notification-dropdown{position:fixed;top:calc(var(--header-height) - 2px);right:10px;z-index:300;width:min(380px,calc(100vw - 20px));max-height:min(560px,calc(100svh - var(--header-height) - 14px));display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(125,211,252,.2);border-radius:16px;background:#0f172a;box-shadow:0 24px 60px #020617b8;color:#f8fafc}.notification-dropdown-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 15px;border-bottom:1px solid rgba(148,163,184,.12)}.notification-dropdown-header button,.notification-view-all{border:0;background:transparent;color:#38bdf8;font:inherit;font-size:.74rem;font-weight:800;cursor:pointer}.notification-dropdown-header button:disabled{opacity:.4;cursor:default}.notification-list{overflow-y:auto}.notification-item{width:100%;display:grid;grid-template-columns:9px minmax(0,1fr);gap:10px;padding:13px 15px;border:0;border-bottom:1px solid rgba(148,163,184,.08);background:transparent;color:#cbd5e1;text-align:left;cursor:pointer}.notification-item.unread{background:#ef444414}.notification-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:transparent}.notification-item.unread .notification-dot{background:#ef4444;box-shadow:0 0 0 4px #ef44441f}.notification-item strong,.notification-item small,.notification-item time{display:block}.notification-item strong{color:#f8fafc;font-size:.84rem}.notification-item small{margin-top:4px;overflow:hidden;color:#94a3b8;font-size:.74rem;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.notification-item time{margin-top:5px;color:#64748b;font-size:.65rem}.notification-empty{padding:28px 16px;color:#94a3b8;text-align:center}.notification-view-all{padding:13px;border-top:1px solid rgba(148,163,184,.12)}.mobile-login-shortcut{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:44px;flex:0 0 auto;margin-left:auto;padding:0 12px;border:1px solid rgba(56,189,248,.35);border-radius:12px;background:linear-gradient(135deg,#0369a1,#0ea5e9);color:#fff;font-size:.85rem;font-weight:800;text-decoration:none}.nav-container.open{padding-bottom:max(1.25rem,env(safe-area-inset-bottom));overscroll-behavior:contain}.nav-container.open .feature-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nav-link{min-height:46px;display:flex;align-items:center;padding:.72rem .8rem;font-size:.88rem;line-height:1.2}.mobile-profile-link{grid-column:1 / -1;justify-content:center;color:#7dd3fc;border:1px solid rgba(56,189,248,.2);order:-1}.mobile-auth{margin-bottom:.5rem;padding-bottom:.5rem}.app-main{padding-left:max(.8rem,env(safe-area-inset-left));padding-right:max(.8rem,env(safe-area-inset-right))}.hero-cta{display:grid;grid-template-columns:1fr 1fr;max-width:420px;gap:10px}.hero-cta>:first-child{grid-column:1 / -1}.hero-btn-primary,.hero-btn-secondary{min-height:48px;padding:.82rem .7rem}.feature-footer{gap:8px}.feature-pill{min-height:38px;display:inline-flex;align-items:center}.chatbot-fab{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));min-height:48px}.member-signup-row,.online-service-layout{grid-template-columns:1fr!important}.member-signup-page,.member-login-page{align-items:flex-start!important;padding:max(14px,env(safe-area-inset-top)) 12px max(20px,env(safe-area-inset-bottom))!important}.member-signup-card{padding:26px 18px!important;border-radius:20px!important}.online-service-header{padding:14px!important;align-items:flex-start!important}.session-actions{align-items:stretch;flex-direction:column}.profile-logout{min-height:46px;width:100%}.profile-top-actions{gap:6px}.profile-theme-toggle{min-height:42px}.table-container,[style*=overflowX]{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}html[data-member-theme=light] .nav-container{background:#fffffffa;border-top-color:#0f314d1a}html[data-member-theme=light] .nav-link{background:#0284c70f;color:#334155}}@media(max-width:390px){.nav-container.open .feature-nav{grid-template-columns:1fr}.mobile-profile-link{grid-column:auto}.hero h1{font-size:clamp(1.8rem,10vw,2.45rem)!important}.hero-cta{grid-template-columns:1fr}.hero-cta>:first-child{grid-column:auto}}@media(hover:none)and (pointer:coarse){button,[role=button],input,select{min-height:44px}.feature-card:hover,.sermon-card:hover,.sermon-feature:hover{transform:none}}.admin-portal-frame{min-height:100vh;background:#07111f}.admin-portal-nav{min-height:58px;position:sticky;top:0;z-index:1000;display:flex;align-items:center;gap:18px;padding:8px clamp(12px,3vw,28px);background:#07111ff5;border-bottom:1px solid rgba(125,211,252,.13);box-shadow:0 12px 30px #0000002e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.admin-portal-brand{display:flex;align-items:center;gap:9px;flex:0 0 auto}.admin-portal-brand img{border-radius:10px}.admin-portal-brand strong,.admin-portal-brand span{display:block}.admin-portal-brand strong{color:#f8fafc;font-size:.84rem}.admin-portal-brand span{color:#64748b;font-size:.65rem}.admin-portal-links{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.admin-portal-links::-webkit-scrollbar{display:none}.admin-portal-link{flex:0 0 auto;min-height:38px;display:inline-flex;align-items:center;padding:7px 11px;border-radius:9px;color:#94a3b8;text-decoration:none;font-size:.76rem;font-weight:800}.admin-portal-link:hover,.admin-portal-link.active{color:#e0f2fe;background:#0ea5e924}.admin-portal-content>div>header{top:58px!important}@media(max-width:700px){.admin-portal-nav{align-items:stretch;flex-direction:column;gap:7px;padding:7px 10px 8px}.admin-portal-brand img{width:28px;height:28px}.admin-portal-links{margin:0 -2px}.admin-portal-link{min-height:40px}.admin-portal-content>div>header{top:101px!important}.admin-portal-content [style*="padding: 32px 40px"],.admin-portal-content [style*="padding: 32px 32px"]{padding:18px 12px!important}}@media(max-width:768px){.mobile-profile-link{display:inline-flex}}.profile-top-actions{display:flex;align-items:center;gap:10px}.profile-theme-toggle{border:1px solid rgba(125,211,252,.2);background:#0ea5e914;color:#bae6fd;padding:7px 12px;border-radius:999px;font:inherit;font-size:.75rem;font-weight:800;cursor:pointer}.session-actions{margin-top:32px;padding-top:22px;border-top:1px solid rgba(148,163,184,.14);display:flex;align-items:center;justify-content:space-between;gap:20px}.session-actions strong,.session-actions span{display:block}.session-actions span{margin-top:4px;color:#94a3b8;font-size:.78rem}.profile-logout{border:1px solid rgba(248,113,113,.3);border-radius:11px;padding:10px 16px;background:#ef44441a;color:#fca5a5;font:inherit;font-weight:800;cursor:pointer}.profile-logout:hover{background:#ef44442e}html[data-member-theme=light] .member-profile-page{background:#eef5fb;color:#10233d}html[data-member-theme=light] .profile-sidebar,html[data-member-theme=light] .profile-panel{background:#ffffffd6;border-color:#0f314d1a;box-shadow:0 30px 80px #0f314d1f}html[data-member-theme=light] .profile-sidebar nav button{color:#334155}html[data-member-theme=light] .profile-form-grid input,html[data-member-theme=light] .preference-row select{background:#fff;color:#10233d}html[data-member-theme=light] .profile-theme-toggle,html[data-member-theme=light] .profile-home-link{color:#075985}@media(prefers-color-scheme:light){html[data-member-theme=system] .member-profile-page{background:#eef5fb;color:#10233d}html[data-member-theme=system] .profile-sidebar,html[data-member-theme=system] .profile-panel{background:#ffffffd6}html[data-member-theme=system] .profile-form-grid input,html[data-member-theme=system] .preference-row select{background:#fff;color:#10233d}}.logout-link{background:#ef44441a;color:#ef4444;cursor:pointer;font-size:.8rem;font-weight:700;padding:.4rem 1rem;border-radius:999px;transition:all .2s;border:none}.logout-link:hover{background:#ef444433;color:#f87171}.mobile-logout-wrapper{display:none}.app-main{flex:1;padding:var(--header-height) 5vw 4rem;display:flex;justify-content:center;z-index:1}.hero{max-width:1200px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3rem;animation:fadeUp .8s ease-out forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-content{max-width:800px;padding-top:8vh}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1rem;background:linear-gradient(to right,#fff,var(--primary-hover));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-1px}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--text-muted);font-weight:400}.hero-cta{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.hero-btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:var(--bg-color);padding:.8rem 2rem;border-radius:999px;font-weight:700;font-size:1.1rem;box-shadow:0 10px 30px #0ea5e966;transition:all .3s ease;text-decoration:none;border:none;cursor:pointer}.hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #0ea5e999}.hero-btn-secondary{background:#0ea5e91a;color:var(--primary-hover);padding:.8rem 2rem;border-radius:999px;font-weight:600;font-size:1.1rem;border:1px solid var(--border-color);transition:all .3s ease;text-decoration:none;cursor:pointer}.hero-btn-secondary:hover{background:#0ea5e933;transform:translateY(-3px)}.feature-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%}.feature-card{background:#02061799;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:1.5rem;padding:2.5rem;border:1px solid var(--border-color);box-shadow:0 20px 40px #0000004d;transition:all .4s cubic-bezier(.165,.84,.44,1);text-align:left;display:flex;flex-direction:column;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));opacity:0;transition:opacity .3s ease}.feature-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px #0ea5e933;border-color:#0ea5e980;background:#020617cc}.feature-card:hover:before{opacity:1}.feature-header{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.5rem}.feature-icon{width:3.5rem;height:3.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;font-size:1.8rem;box-shadow:0 10px 20px #0ea5e94d}.feature-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.2rem}.feature-description{font-size:1rem;color:var(--text-muted);line-height:1.5}.feature-list{margin-top:1rem;padding-left:1.5rem;font-size:.95rem;color:#cbd5e1;display:flex;flex-direction:column;gap:.8rem;flex:1}.feature-list li{position:relative;list-style-type:none}.feature-list li:before{content:"✦";position:absolute;left:-1.5rem;color:var(--primary-hover);font-size:.8rem;top:2px}.feature-footer{display:flex;gap:.8rem;margin-top:2rem;flex-wrap:wrap}.feature-pill{font-size:.8rem;padding:.4rem 1rem;border-radius:999px;background:#0ea5e91a;border:1px solid rgba(14,165,233,.3);color:var(--primary-hover);font-weight:500}.home-event-announcement{position:fixed;right:clamp(16px,4vw,34px);top:calc(var(--header-height) + 18px);z-index:180;width:min(410px,calc(100vw - 32px));min-height:132px;display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:stretch;padding:12px;border:1px solid rgba(125,211,252,.24);border-radius:24px;background:linear-gradient(135deg,#082f49f0,#0f172af5),radial-gradient(circle at top right,rgba(56,189,248,.28),transparent 44%);color:#f8fafc;box-shadow:0 26px 70px #0206176b;cursor:pointer;overflow:hidden;animation:eventAnnouncementIn .48s cubic-bezier(.2,.9,.2,1) both}:focus-visible{outline:3px solid var(--primary-hover);outline-offset:3px}.route-loader{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:.9rem;background:var(--bg-color);color:var(--text-muted)}.route-loader-spinner{width:2.25rem;height:2.25rem;border:3px solid rgba(148,163,184,.25);border-top-color:var(--primary-color);border-radius:50%;animation:routeLoaderSpin .7s linear infinite}@keyframes routeLoaderSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.route-loader-spinner{animation:none}}.home-event-announcement:after{content:"";position:absolute;inset:auto -20% -50% 30%;height:120px;background:radial-gradient(circle,rgba(34,197,94,.2),transparent 62%);pointer-events:none}.home-event-announcement.closing{animation:eventAnnouncementOut .42s ease both}.home-event-announcement-img{width:142%;height:100%;min-height:108px;object-fit:cover;border-radius:18px;box-shadow:0 18px 34px #0206175c;max-width:none;animation:homeAnnouncementImageDrift 12s ease-in-out infinite alternate;will-change:transform}.home-event-announcement-body{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:8px 34px 8px 0;position:relative;z-index:1}.home-event-announcement-kicker{width:fit-content;margin-bottom:7px;padding:4px 9px;border-radius:999px;background:#e0f2fe24;color:#7dd3fc;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.home-event-announcement-title{display:block;color:#fff;font-size:1.08rem;line-height:1.18;margin-bottom:7px;overflow-wrap:anywhere}.home-event-announcement-meta,.home-event-announcement-location{display:block;color:#e2e8f0db;font-size:.84rem;line-height:1.35}.home-event-announcement-close{position:absolute;top:10px;right:10px;z-index:2;width:32px;height:32px;display:grid;place-items:center;border:none;border-radius:999px;background:#ffffff1f;color:#fff;font-size:1.2rem;line-height:1;cursor:pointer}.home-event-announcement:hover{transform:translateY(-3px);box-shadow:0 32px 80px #02061780}.home-event-announcement-close:hover{background:#ffffff38}@keyframes eventAnnouncementIn{0%{opacity:0;transform:translate(34px,-24px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes eventAnnouncementOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(34px,-18px) scale(.96)}}@keyframes homeAnnouncementImageDrift{0%{transform:translate3d(-20%,0,0) scale(1.06)}to{transform:translateZ(0) scale(1.06)}}@keyframes eventAnnouncementMobileIn{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes eventAnnouncementMobileOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(28px) scale(.97)}}.home-event-banner{position:fixed;right:clamp(16px,4vw,36px);top:calc(var(--header-height) + 18px);z-index:180;width:min(480px,calc(100vw - 32px));min-height:154px;display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;align-items:stretch;padding:12px;border:1px solid rgba(253,230,138,.3);border-radius:8px;background:linear-gradient(135deg,#0f172aeb,#14262de0),linear-gradient(90deg,#fbbf2442,#14b8a633,#38bdf838);color:#f8fafc;box-shadow:0 30px 80px #02061780,0 0 0 1px #ffffff0f inset;cursor:pointer;overflow:hidden;backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);animation:homeEventBannerIn .52s cubic-bezier(.2,.9,.2,1) both}.home-event-banner.no-image{grid-template-columns:1fr}.home-event-banner:before{content:"";position:absolute;inset:0;z-index:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.11) 0 1px,transparent 1px 16px),linear-gradient(90deg,rgba(251,191,36,.08),transparent 34%,rgba(20,184,166,.1) 72%,rgba(56,189,248,.08));opacity:.34;pointer-events:none}.home-event-banner.closing{animation:homeEventBannerOut .42s ease both}.home-event-banner-shine,.home-event-banner-stripe{position:absolute;pointer-events:none}.home-event-banner-shine{inset:0;z-index:1;background:linear-gradient(110deg,transparent 0%,transparent 38%,rgba(255,255,255,.24) 48%,transparent 58%,transparent 100%);transform:translate(-130%);animation:homeEventBannerShine 4.8s ease-in-out infinite}.home-event-banner-stripe{left:0;right:0;bottom:0;z-index:2;height:5px;background:linear-gradient(90deg,#fbbf24,#f97316,#22c55e,#38bdf8,#fbbf24);background-size:240% 100%;animation:homeEventColorTrack 4.5s linear infinite}.home-event-banner-media,.home-event-banner-body{position:relative;z-index:3}.home-event-banner-media{display:block;min-height:130px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 42px #0000004d}.home-event-banner-img{width:100%;height:100%;min-height:130px;object-fit:cover;display:block;transform:scale(1.04);animation:homeEventImageFloat 10s ease-in-out infinite alternate}.home-event-banner-body{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:10px 40px 12px 2px}.home-event-banner-kicker{width:fit-content;display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;padding:5px 10px;border-radius:999px;background:#fbbf2424;border:1px solid rgba(251,191,36,.24);color:#fde68a;font-size:.68rem;font-weight:900;line-height:1;letter-spacing:.08em;text-transform:uppercase}.home-event-banner-dot{width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 #22c55e99;animation:homeEventPulse 1.8s ease-out infinite}.home-event-banner-title{display:block;color:#fff;font-size:1.16rem;line-height:1.16;margin-bottom:9px;overflow-wrap:anywhere;text-shadow:0 10px 24px rgba(0,0,0,.34)}.home-event-banner-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:7px}.home-event-banner-meta span,.home-event-banner-location{color:#f8fafce0;font-size:.82rem;line-height:1.35}.home-event-banner-meta span{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:999px;background:#ffffff1c;border:1px solid rgba(255,255,255,.13)}.home-event-banner-location{display:block;overflow-wrap:anywhere}.home-event-banner-action{width:fit-content;margin-top:10px;color:#111827;background:linear-gradient(135deg,#fbbf24,#f97316);border-radius:999px;padding:7px 12px;font-size:.76rem;font-weight:900;line-height:1;box-shadow:0 14px 28px #f973163d}.home-event-banner-close{position:absolute;top:10px;right:10px;z-index:4;width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#02061775;color:#fff;font-size:0;line-height:1;cursor:pointer;transition:background .2s ease,transform .2s ease}.home-event-banner-close:before{content:"x";font-size:.95rem;font-weight:900;line-height:1}.home-event-banner:hover{transform:translateY(-4px);border-color:#fbbf2480;box-shadow:0 38px 90px #02061794,0 0 0 1px #ffffff14 inset}.home-event-banner:hover .home-event-banner-img{transform:scale(1.1)}.home-event-banner-close:hover{background:#f97316c7;transform:rotate(8deg) scale(1.04)}@keyframes homeEventBannerIn{0%{opacity:0;transform:translate(34px,-24px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes homeEventBannerOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(34px,-18px) scale(.96)}}@keyframes homeEventBannerShine{0%,58%{transform:translate(-130%)}to{transform:translate(130%)}}@keyframes homeEventColorTrack{to{background-position:240% 0}}@keyframes homeEventImageFloat{0%{transform:scale(1.04) translate3d(-2%,0,0)}to{transform:scale(1.1) translate3d(2%,-1%,0)}}@keyframes homeEventPulse{to{box-shadow:0 0 0 9px #22c55e00}}@media(max-width:768px){.home-event-banner{top:auto;right:12px;bottom:84px;width:calc(100vw - 24px);min-height:126px;grid-template-columns:92px minmax(0,1fr);gap:11px;padding:10px;animation-name:homeEventBannerMobileIn}.home-event-banner.closing{animation-name:homeEventBannerMobileOut}.home-event-banner-media,.home-event-banner-img{min-height:106px}.home-event-banner-body{padding:6px 34px 10px 0}.home-event-banner-kicker{font-size:.62rem;padding:5px 8px}.home-event-banner-title{font-size:.98rem}.home-event-banner-meta{gap:5px}.home-event-banner-meta span,.home-event-banner-location{font-size:.74rem}.home-event-banner-action{margin-top:7px;padding:6px 10px;font-size:.72rem}.home-event-banner-close{width:34px;height:34px}}@media(max-width:430px){.home-event-banner{grid-template-columns:1fr;gap:0;padding:0;min-height:0;border-radius:22px;border-color:#fde04794;background:radial-gradient(circle at 12% 0%,rgba(251,191,36,.32),transparent 42%),radial-gradient(circle at 100% 100%,rgba(14,165,233,.28),transparent 48%),linear-gradient(145deg,#172033,#07111f 68%,#082f49);box-shadow:0 24px 64px #020617b8,0 0 34px #0ea5e929,0 0 0 1px #ffffff1a inset}.home-event-banner-media{display:block;min-height:136px;height:136px;border:0;border-radius:20px 20px 0 0;box-shadow:none}.home-event-banner-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(7,17,31,.96) 100%),linear-gradient(110deg,rgba(251,191,36,.12),transparent 45%,rgba(56,189,248,.12));pointer-events:none}.home-event-banner-img{min-height:136px;height:136px;object-position:center;filter:saturate(1.18) contrast(1.06) brightness(1.06)}.home-event-banner-body{padding:12px 48px 18px 16px;margin-top:-18px}.home-event-banner-kicker{position:relative;margin-bottom:9px;background:#fbbf2433;border-color:#fde0477a;box-shadow:0 8px 22px #00000047}.home-event-banner-title{font-size:1.15rem;line-height:1.12;margin-bottom:10px;text-shadow:0 3px 18px rgba(0,0,0,.72)}.home-event-banner-action{padding:8px 14px;background:linear-gradient(135deg,#fde047,#fb923c);box-shadow:0 12px 28px #f9731657}.home-event-banner-close{top:9px;right:9px;background:#020617b8;border-color:#ffffff4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@media(prefers-reduced-motion:reduce){.home-event-banner,.home-event-banner-shine,.home-event-banner-stripe,.home-event-banner-img,.home-event-banner-dot{animation:none;transition:none}}@keyframes homeEventBannerMobileIn{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes homeEventBannerMobileOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(28px) scale(.97)}}.chatbot-fab{position:fixed;right:18px;bottom:18px;z-index:150;display:inline-flex;align-items:center;gap:.6rem;padding:.75rem .95rem;border-radius:999px;background:linear-gradient(135deg,#67e8f9,#38bdf8 45%,#0ea5e9);color:#082f49;text-decoration:none;font-weight:900;font-size:.95rem;letter-spacing:.01em;box-shadow:0 16px 32px #38bdf859;border:1px solid rgba(224,242,254,.85);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.chatbot-fab:hover{transform:translateY(-2px);box-shadow:0 18px 36px #38bdf873;filter:saturate(1.08)}.chatbot-fab-icon{width:1.1rem;height:1.1rem;display:inline-grid;place-items:center;font-size:1rem}.app-footer{padding:2rem 5vw;border-top:1px solid var(--border-color);font-size:.9rem;color:var(--text-muted);text-align:center;background:#020617cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}@media(max-width:1024px){.app-header{padding:1rem 4vw}}@media(max-width:768px){:root{--header-height: var(--header-height-mobile)}html{scroll-padding-top:var(--header-height)}.app-header,.app-header.scrolled{min-height:var(--header-height);padding:.85rem clamp(.75rem,3vw,1.5rem) .9rem}.header-top{position:relative;z-index:102}.mobile-toggle{display:flex;align-items:center;justify-content:center}.home-event-announcement{top:auto;right:12px;bottom:84px;width:calc(100vw - 24px);min-height:118px;grid-template-columns:86px minmax(0,1fr);gap:11px;padding:10px;border-radius:20px;animation-name:eventAnnouncementMobileIn}.home-event-announcement.closing{animation-name:eventAnnouncementMobileOut}.home-event-announcement-img{min-height:98px;border-radius:16px}.home-event-announcement-body{padding:6px 32px 6px 0}.home-event-announcement-title{font-size:.98rem}.home-event-announcement-meta,.home-event-announcement-location{font-size:.78rem}.home-event-announcement-close{width:34px;height:34px}.desktop-auth{display:none}.mobile-auth{display:flex;flex-direction:column;width:100%;margin-bottom:1.5rem;padding-bottom:1.5rem}.nav-container{display:flex;flex-direction:column;align-items:flex-start;position:fixed;top:var(--header-height);left:0;right:0;width:100%;max-height:0;overflow:hidden;padding:0;border-top:1px solid rgba(255,255,255,.08);opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(135deg,#0f172afa,#14262df5),linear-gradient(90deg,#fbbf241f,#14b8a61a);box-shadow:0 22px 44px #02061770;transform:translateY(-10px);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:max-height .25s ease,opacity .2s ease,visibility .2s ease,transform .2s ease}.app-header.scrolled .nav-container{margin-top:0;padding-top:0}.nav-container.open{max-height:calc(100svh - var(--header-height));overflow-y:auto;padding:1rem clamp(.75rem,3vw,1.5rem) 1.25rem;opacity:1;visibility:visible;pointer-events:auto;scroll-padding-top:1rem;transform:translateY(0)}.app-header.scrolled .nav-container.open{padding-top:1rem}.nav-container.open .feature-nav{padding-top:1rem;margin-top:.5rem;border-top:1px solid rgba(255,255,255,.05)}.mobile-logout-wrapper{display:flex;width:100%;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.mobile-logout-btn{width:100%;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:.8rem;padding:.8rem;font-size:1rem;font-weight:700;cursor:pointer;text-align:center;transition:all .2s ease}.mobile-logout-btn:hover{background:#ef444433}.auth-buttons{display:flex;flex-direction:column;width:100%;gap:.8rem}.login-btn{text-align:center;padding:.8rem;border:1px solid var(--border-color);border-radius:.8rem;width:100%}.signup-btn{text-align:center;width:100%}.mobile-profile{width:100%;justify-content:space-between;padding:.8rem 1.2rem;border-radius:1rem;flex-wrap:wrap;gap:.8rem}.feature-nav{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:.75rem}.nav-link{width:100%;padding:.8rem 1rem;background:#ffffff08;border-radius:.5rem;font-size:1rem}.brand-name{font-size:1rem}.brand-tagline{font-size:.65rem}.app-main{padding:var(--header-height) 1rem 2rem}.hero{gap:2rem}.hero-cta{flex-direction:column;width:100%;max-width:340px;margin-left:auto;margin-right:auto}.hero-btn-primary,.hero-btn-secondary{width:100%;text-align:center;justify-content:center;padding:.95rem 1rem}.feature-content{gap:1rem}.feature-card{padding:1.15rem;border-radius:1rem}.feature-header{gap:.8rem;align-items:flex-start}.feature-icon{width:3rem;height:3rem;font-size:1.35rem}.feature-title{font-size:1.15rem}.feature-description{font-size:.95rem}.feature-footer{flex-direction:column;align-items:stretch}.feature-pill{text-align:center;width:50%;padding:2%}.chatbot-fab{right:12px;bottom:12px;padding:.65rem .85rem;font-size:.88rem}}@media(max-width:480px){.app-main{padding:var(--header-height) .75rem 2rem}.brand{max-width:70%}.brand-name{font-size:.9rem;line-height:1.15}.brand-tagline{font-size:.55rem;letter-spacing:.9px}.brand-logo-img{width:2.35rem;height:2.35rem}.hero h1{font-size:clamp(2rem,10vw,2.6rem)}.hero-subtitle{font-size:1rem}.nav-link{padding:.75rem .85rem;font-size:.95rem}}.gallery-root{min-height:100vh;background:var(--bg-color);color:var(--text-light)}.gallery-page-header{background:linear-gradient(180deg,#0ea5e926,#020617f2);padding:3rem 5vw 2rem;text-align:center;border-bottom:1px solid var(--border-color);position:relative}.gallery-back-btn{position:absolute;top:1.5rem;left:2rem;color:var(--primary-hover);text-decoration:none;font-weight:600;font-size:.9rem;transition:opacity .2s}.gallery-back-btn:hover{opacity:.75}.gallery-hero-text h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;background:linear-gradient(135deg,#fff,var(--primary-hover));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.5rem}.gallery-hero-text p{color:var(--text-muted);font-size:1.05rem}.gallery-filters{display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}.gallery-filter-btn{background:#0ea5e914;border:1px solid var(--border-color);color:var(--text-muted);padding:.5rem 1.4rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .25s}.gallery-filter-btn:hover,.gallery-filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.gallery-main{padding:3rem 5vw;max-width:1400px;margin:0 auto}.gallery-loading,.gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:6rem 2rem;color:var(--text-muted)}.gallery-empty-icon{font-size:3rem}.gallery-spinner{width:3rem;height:3rem;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.2rem}.gallery-card{position:relative;border-radius:1rem;overflow:hidden;cursor:pointer;background:#ffffff0a;border:1px solid var(--border-color);aspect-ratio:4/3;transition:transform .3s ease,box-shadow .3s ease}.gallery-card:hover{transform:scale(1.03);box-shadow:0 16px 40px #0ea5e940}.gallery-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.gallery-card:hover .gallery-thumb{transform:scale(1.06)}.gallery-video-thumb{position:relative;width:100%;height:100%}.gallery-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;color:#fff;font-size:2rem;width:3.5rem;height:3.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none}.gallery-card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.8) 0%,transparent 100%);padding:1.5rem 1rem .8rem;opacity:0;transition:opacity .3s}.gallery-card:hover .gallery-card-overlay{opacity:1}.gallery-card-type{font-size:1.2rem}.gallery-card-title{font-size:.85rem;font-weight:600;color:#fff;margin:.2rem 0 .1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-card-date{font-size:.75rem;color:#fff9}.gallery-lightbox{position:fixed;inset:0;background:#000000eb;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gallery-lb-box{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;gap:.8rem;background:#020617e6;border:1px solid var(--border-color);border-radius:1rem;overflow:hidden;padding:1rem}.gallery-lb-close{position:absolute;top:.8rem;right:.8rem;background:#ffffff1a;border:none;color:#fff;font-size:1.2rem;width:2.2rem;height:2.2rem;border-radius:50%;cursor:pointer;z-index:2;transition:background .2s}.gallery-lb-close:hover{background:#ef444480}.gallery-lb-media{max-width:100%;max-height:65vh;object-fit:contain;border-radius:.5rem;display:block}.gallery-lb-info{padding:0 .5rem}.gallery-lb-info h3{font-size:1rem;font-weight:700;color:#fff}.gallery-lb-info p{font-size:.85rem;color:var(--text-muted)}.gallery-lb-date{font-size:.75rem;color:var(--text-muted);display:block;margin-top:.3rem}.gallery-lb-nav{display:flex;gap:.8rem;justify-content:center}.gallery-lb-nav-btn{background:#0ea5e926;border:1px solid var(--border-color);color:var(--primary-hover);padding:.4rem 1.4rem;border-radius:999px;font-weight:600;cursor:pointer;transition:all .2s}.gallery-lb-nav-btn:hover:not(:disabled){background:var(--primary-color);color:#fff}.gallery-lb-nav-btn:disabled{opacity:.3;cursor:not-allowed}.ag-root{display:flex;min-height:100vh;background:var(--bg-color);color:var(--text-light);font-family:Inter,sans-serif}.ag-sidebar{width:240px;min-height:100vh;background:#020617f2;border-right:1px solid var(--border-color);padding:2rem 1rem;display:flex;flex-direction:column;gap:2rem;position:sticky;top:0;align-self:flex-start}.ag-sidebar-brand{display:flex;align-items:center;gap:.8rem;font-size:1.1rem;font-weight:800;color:#fff;padding:0 .5rem}.ag-sidebar-icon{font-size:1.5rem}.ag-sidebar-nav{display:flex;flex-direction:column;gap:.4rem}.ag-sidebar-link{text-decoration:none;color:var(--text-muted);padding:.65rem 1rem;border-radius:.6rem;font-size:.9rem;font-weight:500;transition:all .2s}.ag-sidebar-link:hover{background:#0ea5e91a;color:#fff}.ag-sidebar-link.active{background:#0ea5e92e;color:var(--primary-hover);font-weight:700}.ag-main{flex:1;padding:2.5rem;overflow:auto}.ag-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.ag-title{font-size:1.8rem;font-weight:800;color:#fff}.ag-subtitle{color:var(--text-muted);font-size:.9rem;margin-top:.3rem}.ag-header-stats{display:flex;gap:1.5rem}.ag-stat{display:flex;flex-direction:column;align-items:center;background:#0ea5e914;border:1px solid var(--border-color);border-radius:1rem;padding:.8rem 1.5rem;min-width:80px}.ag-stat-num{font-size:1.6rem;font-weight:800;color:var(--primary-hover);line-height:1}.ag-stat-label{font-size:.72rem;color:var(--text-muted);margin-top:.3rem;text-transform:uppercase;letter-spacing:.05em}.ag-toast{position:fixed;top:1.5rem;right:1.5rem;z-index:10000;padding:.9rem 1.5rem;border-radius:.8rem;font-weight:600;font-size:.9rem;box-shadow:0 8px 30px #0006;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.ag-toast.success{background:#22c55e26;border:1px solid rgba(34,197,94,.4);color:#86efac}.ag-toast.error{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#fca5a5}.ag-upload-section,.ag-gallery-section{margin-bottom:3rem}.ag-section-title{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:1.2rem}.ag-upload-form{display:flex;flex-direction:column;gap:1rem}.ag-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ag-form-group{display:flex;flex-direction:column;gap:.4rem}.ag-label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.ag-input{background:#ffffff0d;border:1px solid var(--border-color);border-radius:.6rem;padding:.65rem 1rem;color:#fff;font-size:.95rem;outline:none;transition:border-color .2s}.ag-input:focus{border-color:var(--primary-color)}.ag-drop-zone{border:2px dashed var(--border-color);border-radius:1rem;padding:2.5rem;text-align:center;cursor:pointer;transition:all .25s;background:#0ea5e908}.ag-drop-zone:hover{border-color:var(--primary-color);background:#0ea5e914}.ag-drop-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.ag-drop-text{color:var(--text-muted);font-size:.95rem}.ag-drop-text small{font-size:.78rem}.ag-previews{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:.5rem}.ag-preview-review{padding:1rem;border:1px solid var(--border-color);border-radius:.75rem;background:#0f172a59}.ag-preview-heading{display:flex;justify-content:space-between;gap:1rem;color:var(--text-muted);font-size:.8rem}.ag-preview-heading strong{color:var(--text-color)}.ag-preview-item{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:90px}.ag-preview-thumb{width:90px;height:70px;object-fit:cover;border-radius:.5rem;border:1px solid var(--border-color);display:block}.ag-preview-name{font-size:.65rem;color:var(--text-muted);text-align:center;word-break:break-all}.ag-preview-remove{border:1px solid rgba(248,113,113,.4);border-radius:999px;padding:.25rem .55rem;background:#ef44441f;color:#fca5a5;font:inherit;font-size:.65rem;cursor:pointer}.ag-preview-remove:disabled{opacity:.5;cursor:not-allowed}.ag-upload-btn{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:var(--bg-color);border:none;padding:.85rem 2.5rem;border-radius:999px;font-weight:700;font-size:1rem;cursor:pointer;align-self:flex-start;transition:all .3s;box-shadow:0 6px 20px #0ea5e959}.ag-upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #0ea5e980}.ag-upload-btn:disabled{opacity:.5;cursor:not-allowed}.ag-gallery-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.2rem}.ag-filter-tabs{display:flex;gap:.5rem}.ag-filter-tab{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-muted);padding:.4rem 1rem;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.ag-filter-tab:hover,.ag-filter-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.ag-loading,.ag-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;color:var(--text-muted)}.ag-spinner{width:2.5rem;height:2.5rem;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.ag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.ag-item{background:#ffffff0a;border:1px solid var(--border-color);border-radius:.8rem;overflow:hidden;transition:transform .25s}.ag-item:hover{transform:translateY(-3px)}.ag-item-thumb{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.ag-item-video-wrap{position:relative}.ag-item-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0000008c;color:#fff;font-size:1.4rem;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none}.ag-item-info{display:flex;align-items:center;gap:.5rem;padding:.7rem}.ag-item-badge{font-size:1rem;flex-shrink:0}.ag-item-meta{flex:1;overflow:hidden}.ag-item-title{font-size:.78rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ag-item-date{font-size:.7rem;color:var(--text-muted)}.ag-delete-btn{background:#ef44441a;border:none;color:#ef4444;font-size:1rem;cursor:pointer;padding:.35rem .6rem;border-radius:.4rem;transition:background .2s;flex-shrink:0}.ag-delete-btn:hover:not(:disabled){background:#ef444440}.ag-delete-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.ag-sidebar{display:none}.ag-main{padding:1.5rem 1rem}.ag-form-row{grid-template-columns:1fr}.ag-header{flex-direction:column}.ag-header-stats{flex-wrap:wrap}}.app-root{isolation:isolate;background:linear-gradient(120deg,#041614f0,#192743e0 45%,#0f172af0),var(--home-hero-image) center / cover fixed no-repeat}.app-root:before{content:"";position:fixed;inset:0;width:auto;height:auto;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:72px 72px;opacity:.22}.app-root:after{content:"";position:fixed;inset:0;width:auto;height:auto;z-index:0;pointer-events:none;background:linear-gradient(180deg,#02061714,#02061780 58%,#020617),linear-gradient(115deg,rgba(251,191,36,.16),transparent 38%,rgba(20,184,166,.13) 76%,transparent)}.app-header{border-bottom:1px solid rgba(255,255,255,.08)}.app-header.scrolled{border-bottom-color:#fbbf2433}.brand-name{letter-spacing:0}.app-main{display:block;padding:var(--header-height) 0 0}.hero{position:relative;isolation:isolate;max-width:none;width:100%;min-height:calc(100svh - var(--header-height));align-items:stretch;text-align:left;gap:0;padding:0;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#020617e6,#0206178f 45%,#02061733 72%),linear-gradient(180deg,#02061726,#020617b8),var(--home-hero-image) center / cover no-repeat;transform:scale(1.04);animation:homeHeroPan 18s ease-in-out infinite alternate}.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent 0%,transparent 62%,rgba(2,6,23,.95) 100%),linear-gradient(115deg,rgba(251,191,36,.22),transparent 34%,rgba(20,184,166,.16) 76%)}@keyframes homeHeroPan{0%{transform:scale(1.04) translate3d(-1.2%,0,0)}to{transform:scale(1.1) translate3d(1.2%,-1%,0)}}.hero-content{width:min(980px,calc(100% - 10vw));max-width:none;min-height:calc(66svh - var(--header-height));display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin:0 auto;padding:3.5rem 0 2.5rem}.hero-content:before{content:"Welcome to the House of Bread";display:inline-flex;align-items:center;margin-bottom:1.2rem;padding:.45rem .8rem;border:1px solid rgba(251,191,36,.34);border-radius:999px;background:#0f172a85;color:#fde68a;font-size:.82rem;font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:.08em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero h1{max-width:760px;margin-bottom:1.2rem;background:none;color:#fff;font-size:4.3rem;letter-spacing:0;line-height:.98;text-shadow:0 18px 52px rgba(0,0,0,.46)}.hero-subtitle{max-width:640px;color:#e5f4ef;font-size:1.25rem;line-height:1.6;text-shadow:0 12px 32px rgba(0,0,0,.5)}.hero-cta{justify-content:flex-start;flex-wrap:wrap;margin-top:2.2rem}.hero-btn-primary,.hero-btn-secondary{min-height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;letter-spacing:0}.hero-btn-primary{background:linear-gradient(135deg,#fbbf24,#f97316);color:#111827;box-shadow:0 20px 42px #f9731647}.hero-btn-primary:hover{box-shadow:0 24px 56px #f9731661}.hero-btn-secondary{background:#ffffff1a;color:#ecfeff;border-color:#ecfeff57;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-btn-secondary:hover{background:#14b8a633;border-color:#5eead47a}.feature-content{position:relative;z-index:2;width:min(1240px,calc(100% - 10vw));grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;margin:0 auto;padding:0 0 5rem}.feature-card{min-height:320px;grid-column:span 2;border-radius:8px;padding:1.35rem;background:#0b1220a8!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 24px 60px #02061757;overflow:hidden}.feature-card:nth-child(4),.feature-card:nth-child(5){grid-column:span 3}.feature-card>*{position:relative;z-index:1}.feature-card:before{z-index:2;height:3px;opacity:1;background:linear-gradient(90deg,#fbbf24,#22c55e,#38bdf8)}.feature-card:after{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(180deg,#0206172e,#020617e0 74%),var(--home-card-image-1);background-position:center;background-size:cover;opacity:.72;transform:scale(1.02);transition:transform .5s ease,opacity .35s ease}.feature-card:nth-child(2):after{background-image:linear-gradient(180deg,#02061729,#020617e0 74%),var(--home-card-image-2)}.feature-card:nth-child(3):after{background-image:linear-gradient(180deg,#0206171f,#020617e6 76%),var(--home-card-image-3)}.feature-card:nth-child(4):after{background-image:linear-gradient(180deg,#02061724,#020617e0 76%),var(--home-card-image-4)}.feature-card:nth-child(5):after{background-image:linear-gradient(180deg,#0206171a,#020617e6 76%),var(--home-card-image-5)}.feature-card:hover{transform:translateY(-7px);border-color:#fbbf2470!important;box-shadow:0 34px 78px #02061780}.feature-card:hover:after{opacity:.88;transform:scale(1.08)}.feature-header{align-items:flex-start;gap:.9rem;margin-bottom:1rem}.feature-icon{flex:0 0 auto;width:2.7rem;height:2.7rem;border-radius:8px;background:#ffffff24;border:1px solid rgba(255,255,255,.2);box-shadow:none;color:#fde68a;font-size:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-icon:before{font-size:1.2rem;font-weight:900;line-height:1}.feature-card:nth-child(1) .feature-icon:before{content:"O"}.feature-card:nth-child(2) .feature-icon:before{content:"S"}.feature-card:nth-child(3) .feature-icon:before{content:"B"}.feature-card:nth-child(4) .feature-icon:before{content:"M"}.feature-card:nth-child(5) .feature-icon:before{content:"C"}.feature-title{color:#fff;font-size:1.22rem;line-height:1.25;text-shadow:0 10px 24px rgba(0,0,0,.4)}.feature-description{color:#e2e8f0e0;font-size:.93rem}.feature-list{padding-left:1rem;color:#f8fafce0;font-size:.9rem;gap:.65rem}.feature-list li:before{content:"";left:-1rem;top:.58rem;width:.42rem;height:.42rem;border-radius:999px;background:#fbbf24;box-shadow:0 0 0 4px #fbbf2424}.feature-footer{gap:.55rem;margin-top:1.4rem}.feature-pill{width:auto;border-radius:999px;background:#ffffff1f;border-color:#fff3;color:#ecfeff;font-weight:800;letter-spacing:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-pill:hover{background:#fbbf243d;color:#fff7ed}.app-footer{border-top-color:#ffffff14;background:linear-gradient(90deg,rgba(251,191,36,.08),transparent 32%,rgba(20,184,166,.08)),#020617eb}@media(prefers-reduced-motion:reduce){.hero:before,.feature-card,.feature-card:after{animation:none;transition:none}}@media(max-width:1080px){.hero h1{font-size:3.55rem}.feature-content{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card,.feature-card:nth-child(4),.feature-card:nth-child(5){grid-column:span 1}}@media(max-width:768px){.app-root{background-attachment:scroll}.app-main{padding:var(--header-height) 0 0}.hero{min-height:auto}.hero:before{background:linear-gradient(180deg,#020617d6,#02061794 42%,#020617e0),var(--home-hero-image) center / cover no-repeat}.hero-content{width:min(100% - 2rem,640px);min-height:calc(68svh - var(--header-height));padding:2rem 0 1.6rem}.hero-content:before{font-size:.72rem;white-space:normal}.hero h1{font-size:2.65rem}.hero-subtitle{font-size:1rem}.hero-cta{align-items:stretch;width:100%;max-width:360px}.feature-content{width:min(100% - 2rem,640px);grid-template-columns:1fr;gap:.9rem;padding-bottom:3.2rem}.feature-card{min-height:280px;padding:1rem}.feature-footer{flex-direction:row;align-items:flex-start}.feature-pill{width:auto;padding:.42rem .76rem}}@media(max-width:480px){.hero-content{width:calc(100% - 1.4rem)}.hero h1{font-size:2.15rem;line-height:1.05}.hero-cta{max-width:none}.feature-content{width:calc(100% - 1.4rem)}.feature-card{min-height:300px}}.screen-message{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));z-index:10000;display:grid;grid-template-columns:30px minmax(0,1fr) 32px;align-items:center;gap:10px;width:min(420px,calc(100vw - 32px));padding:13px;border:1px solid rgba(248,113,113,.55);border-radius:14px;background:#450a0af7;color:#fee2e2;box-shadow:0 18px 50px #00000061;font-size:.9rem;line-height:1.45}.screen-message>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ef4444;color:#fff;font-weight:900}.screen-message p{margin:0;overflow-wrap:anywhere}.screen-message button{width:32px;height:32px;padding:0;border:0;border-radius:8px;background:#ffffff17;color:#fff;font:inherit;font-size:1.35rem;cursor:pointer}@media(max-width:520px){.screen-message{right:10px;bottom:max(10px,calc(env(safe-area-inset-bottom) + 8px));width:calc(100vw - 20px)}}