@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0";.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--bg-primary, #ffffff);border-top:1px solid var(--border-color, #e0e0e0);display:flex;align-items:center;z-index:999;box-shadow:0 -1px 4px #00000014}.mobile-nav-items{display:flex;align-items:center;justify-content:space-around;width:100%;height:100%;padding:0}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;text-decoration:none;color:var(--text-secondary, #606060);transition:all .2s ease;gap:2px;padding:4px 8px;position:relative;border:none;background:transparent!important;cursor:pointer;font-family:inherit}.mobile-nav-item:active{background:#00000014}.mobile-nav-item.active{color:var(--primary-color, #065fd4)}.mobile-nav-item.active:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-color, #065fd4);border-radius:0 0 2px 2px}.mobile-nav-icon{font-size:26px;display:flex;align-items:center;justify-content:center}.mobile-nav-label{font-size:11px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}.dark-mode .mobile-nav-item{color:#b0b0b0;background:transparent}.dark-mode .mobile-nav-item:hover{background:#ffffff14}.dark-mode .mobile-nav-item:active{background:#ffffff1a}.dark-mode .mobile-nav-item:focus{outline:none;box-shadow:none}.dark-mode .mobile-nav-item:focus-visible{outline:2px solid var(--text-secondary);outline-offset:2px;box-shadow:none}.dark-mode .mobile-nav-item.active{color:#fff}.dark-mode .mobile-nav-item.active:before{background:#fff}@media (min-width: 768px){.mobile-bottom-nav{display:none!important}}.badge{display:inline-block;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(90deg,#06f 60%,#0af);border-radius:6px;letter-spacing:1px;box-shadow:0 1px 4px #06f3;line-height:1.4;vertical-align:middle}.layout-container{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary, #ffffff)}.layout-header{position:fixed;top:0;left:0;right:0;height:48px;background:var(--bg-primary, #ffffff);border-bottom:1px solid var(--border-color, #e0e0e0);display:flex;align-items:center;padding:0 12px;gap:12px;z-index:1000}.mobile-search-mode{display:none}.mobile-search-btn{width:40px;height:40px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary, #0f0f0f);transition:background-color .2s}.mobile-search-btn:hover{background:#0000000d}.mobile-full-search{width:100%!important;max-width:none!important;flex:1!important;margin:0!important}.mobile-close-search-btn{width:40px;height:40px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary, #0f0f0f);transition:background-color .2s}.mobile-close-search-btn:hover{background:#0000000d}.header-left{display:flex;align-items:center;gap:16px;flex-shrink:0}.layout-header.search-focused .header-left{display:none}.layout-header.search-focused .desktop-header-right{display:flex}.layout-header.search-focused .header-center{flex:1;margin:0}.menu-toggle-btn{width:40px;height:40px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary, #0f0f0f);transition:background-color .2s}.menu-toggle-btn:hover{background:#0000000d}:root[data-theme=dark] .menu-toggle-btn:hover,.dark-mode .menu-toggle-btn:hover{background:#ffffff1a}:root[data-theme=dark] .menu-toggle-btn:focus,.dark-mode .menu-toggle-btn:focus{box-shadow:none;outline:none}.header-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-primary, #0f0f0f)}:root[data-theme=dark] .header-logo,.dark-mode .header-logo{color:#fff}.logo-img{display:none}.logo-text{font-size:18px;font-weight:600;letter-spacing:-.5px}.header-center{flex:0 1 auto;max-width:600px;margin:0 auto}.search-form{display:flex;align-items:center;background:var(--bg-secondary, #f1f1f1);border:1px solid var(--border-color, #ccc);border-radius:40px;overflow:hidden;transition:border-color .2s}.search-form:focus-within{border-color:var(--primary-color, #065fd4);background:var(--bg-primary, #ffffff)}.search-input{flex:1;border:none;background:transparent;padding:10px 16px;font-size:14px;color:var(--text-primary, #0f0f0f);outline:none}.search-input::placeholder{color:var(--text-secondary, #606060)}.search-btn{width:64px;height:40px;border:none;background:transparent;border-left:1px solid var(--border-color, #ccc);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary, #0f0f0f);transition:background-color .2s}.search-btn:hover{background:#0000000d}.desktop-search-mode{max-width:none!important;border-radius:24px}.search-back-btn{width:40px;height:40px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary, #0f0f0f);transition:background-color .2s;flex-shrink:0}.search-back-btn:hover{background:#0000000d}.search-icon-btn{width:40px;height:40px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary, #0f0f0f);transition:background-color .2s}.search-icon-btn:hover{background:#0000000d}.header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.desktop-header-right{display:flex;align-items:center;gap:8px;min-width:0;flex-shrink:1}.mobile-header-right{display:none}.mobile-settings-btn{width:40px;height:40px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary, #0f0f0f);transition:background-color .2s}.mobile-settings-btn:hover{background:#0000000d}.mobile-settings-menu{position:absolute;top:calc(100% + 8px);right:0;width:320px;max-width:90vw;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e0e0e0);border-radius:12px;box-shadow:0 4px 16px #00000026;z-index:2000;overflow:hidden}.mobile-settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px;font-weight:600;border-bottom:1px solid var(--border-color, #e0e0e0)}.close-settings-btn{border:none;background:transparent;cursor:pointer;color:var(--text-primary, #0f0f0f);display:flex;align-items:center;justify-content:center;padding:4px}.mobile-settings-divider{height:1px;background:var(--border-color, #e0e0e0);margin:8px 0}.mobile-settings-theme{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px}.mobile-settings-theme .material-symbols-outlined{font-size:20px}.theme-label{flex:1;font-size:14px}.mobile-settings-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;width:100%;text-align:left;cursor:pointer;font-size:14px;color:var(--text-primary, #0f0f0f);text-decoration:none;transition:background-color .2s}.mobile-settings-item:hover{background:var(--bg-secondary, #f9f9f9)}.mobile-settings-item .material-symbols-outlined{font-size:20px;color:var(--text-secondary, #606060)}.signin-btn,.creator-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid var(--border-color, #ccc);background:transparent;border-radius:18px;cursor:pointer;font-size:13px;font-weight:500;color:var(--primary-color, #065fd4);transition:background-color .2s;text-decoration:none}.signin-btn:hover,.creator-btn:hover{background:#065fd40d}.profile-menu-container{position:relative}.profile-btn{width:40px;height:40px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary, #0f0f0f);font-size:32px;transition:background-color .2s}.profile-btn:hover{background:#0000000d}:root[data-theme=dark] .profile-btn:hover,.dark-mode .profile-btn:hover{background:#ffffff1a}:root[data-theme=dark] .profile-btn:focus,.dark-mode .profile-btn:focus{box-shadow:none;outline:none}.menu-toggle-btn,.profile-btn{background-color:transparent!important;color:inherit!important}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:300px;background:var(--bg-primary, #ffffff);border:1px solid var(--border-color, #e0e0e0);border-radius:12px;box-shadow:0 4px 16px #0000001a;z-index:2000;overflow:hidden}.profile-dropdown-header{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-secondary, #f9f9f9)}.profile-icon-large{font-size:40px!important;color:var(--text-secondary, #606060)}.profile-info{flex:1;min-width:0}.profile-name{font-size:14px;font-weight:600;color:var(--text-primary, #0f0f0f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-email{font-size:12px;color:var(--text-secondary, #606060);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-dropdown-divider{height:1px;background:var(--border-color, #e0e0e0);margin:8px 0}.profile-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;width:100%;text-align:left;cursor:pointer;font-size:14px;color:var(--text-primary, #0f0f0f);text-decoration:none;transition:background-color .2s}.profile-dropdown-item:hover{background:var(--bg-secondary, #f9f9f9)}.profile-dropdown-item .material-symbols-outlined{font-size:20px;color:var(--text-secondary, #606060)}.layout-sidebar{position:fixed;top:56px;left:0;width:240px;height:calc(100vh - 56px);background:var(--bg-primary, #ffffff);border-right:1px solid var(--border-color, #e0e0e0);overflow-y:auto;overflow-x:hidden;z-index:900;transition:transform .3s ease;padding:12px 0}.layout-sidebar::-webkit-scrollbar{width:12px}.layout-sidebar::-webkit-scrollbar-track{background:transparent}.layout-sidebar::-webkit-scrollbar-thumb{background:#0003;border-radius:6px;transition:background .2s}.layout-sidebar::-webkit-scrollbar-thumb:hover{background:#0006}.layout-sidebar.collapsed{width:72px}.sidebar-nav{padding:0 12px}.sidebar-section-title{padding:6px 16px 2px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary, #909090)}:root[data-theme=dark] .sidebar-section-title,.dark-mode .sidebar-section-title{color:#fff}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px 2px 16px}.sidebar-section-header .sidebar-section-title{padding:0;margin:0}.sidebar-toggle-btn{border:none;background:transparent;color:var(--text-secondary, #909090);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.sidebar-toggle-btn:hover{background:#0000000d;color:var(--text-primary, #0f0f0f)}.sidebar-toggle-btn .material-symbols-outlined{font-size:18px}.sidebar-view-more-btn{width:calc(100% - 24px);margin:8px 12px 4px;padding:8px 12px;border:1px solid var(--border-color, #e0e0e0);background:transparent;border-radius:8px;color:var(--primary, #065fd4);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}:root[data-theme=dark] .sidebar-view-more-btn,.dark-mode .sidebar-view-more-btn{color:#fff;border-color:#e0e0e0}.sidebar-view-more-btn:hover{background:#065fd414;border-color:var(--primary, #065fd4)}:root[data-theme=dark] .sidebar-view-more-btn:hover,.dark-mode .sidebar-view-more-btn:hover{background:#ffffff1a;border-color:#fff;color:#fff}.sidebar-item{display:flex;align-items:center;gap:24px;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--text-primary, #0f0f0f);font-size:14px;font-weight:400;transition:background-color .2s;margin-bottom:4px}:root[data-theme=dark] .sidebar-item,.dark-mode .sidebar-item{color:#fff}.sidebar-category-item{border:none;background:transparent;width:100%;text-align:left}.layout-sidebar.collapsed .sidebar-item{justify-content:center;gap:0}.layout-sidebar.collapsed .sidebar-label{display:none}.sidebar-item:hover{background:var(--bg-secondary, #f2f2f2)}:root[data-theme=dark] .sidebar-item:hover,.dark-mode .sidebar-item:hover{color:#fff}.sidebar-item.active{background:var(--bg-secondary, #f2f2f2);font-weight:600}:root[data-theme=dark] .sidebar-item.active,.dark-mode .sidebar-item.active{color:#fff}.sidebar-item .material-symbols-outlined{font-size:24px}.sidebar-label{flex:1}.sidebar-divider{height:1px;background:var(--border-color, #e0e0e0);margin:12px 0}.sidebar-footer{padding:20px 24px;font-size:12px;color:var(--text-secondary, #606060)}.layout-sidebar.collapsed .sidebar-footer{display:none}.sidebar-footer-link{color:var(--text-secondary, #606060);text-decoration:none;margin-right:12px}.sidebar-footer-link:hover{color:var(--text-primary, #0f0f0f)}:root[data-theme=dark] .sidebar-footer-link,.dark-mode .sidebar-footer-link{color:#e0e0e0}:root[data-theme=dark] .sidebar-footer-link:hover,.dark-mode .sidebar-footer-link:hover{color:#fff}.sidebar-footer-copy{margin-top:8px;color:var(--text-secondary, #909090)}:root[data-theme=dark] .sidebar-footer-copy,.dark-mode .sidebar-footer-copy{color:#e0e0e0}.sidebar-footer-project{display:block;margin-top:12px;padding:8px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:13px;text-align:center;transition:all .2s}:root[data-theme=dark] .sidebar-footer-project,.dark-mode .sidebar-footer-project{color:#fff}.sidebar-footer-project:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.sidebar-overlay{position:fixed;top:48px;left:0;right:0;bottom:0;background:#00000080;z-index:850;display:none}.layout-main{display:block;margin-top:0;margin-left:240px;padding:0 8px 8px;min-height:calc(100vh - 48px);background:var(--bg-primary, #ffffff);overflow-x:hidden;flex:1;box-sizing:border-box}.layout-main.sidebar-collapsed{margin-left:72px}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--bg-primary, #ffffff);border-top:1px solid var(--border-color, #e0e0e0);z-index:1000;justify-content:space-around;align-items:center}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;border:none;background:transparent;cursor:pointer;text-decoration:none;color:var(--text-primary, #0f0f0f);transition:color .2s}.bottom-nav-item.active{color:var(--primary-color, #065fd4)}.bottom-nav-item .material-symbols-outlined{font-size:24px}.bottom-nav-label{font-size:10px;margin-top:2px}.mobile-profile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2000;align-items:flex-end}.mobile-profile-menu{width:100%;max-height:80vh;background:var(--bg-primary, #ffffff);border-radius:16px 16px 0 0;overflow:hidden;display:flex;flex-direction:column}.mobile-profile-header{display:flex;align-items:center;gap:12px;padding:20px;background:var(--bg-secondary, #f9f9f9);border-bottom:1px solid var(--border-color, #e0e0e0)}.close-btn{width:32px;height:32px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary, #0f0f0f);margin-left:auto}.mobile-profile-items{padding:8px 0;overflow-y:auto}.mobile-profile-item{display:flex;align-items:center;gap:16px;padding:16px 20px;border:none;background:transparent;width:100%;text-align:left;cursor:pointer;font-size:16px;color:var(--text-primary, #0f0f0f);text-decoration:none;transition:background-color .2s}.mobile-profile-item:hover{background:var(--bg-secondary, #f9f9f9)}.mobile-profile-item .material-symbols-outlined{font-size:24px;color:var(--text-secondary, #606060)}@media (max-width: 1024px){.layout-sidebar{transform:translate(-100%)}.layout-sidebar.mobile-open{transform:translate(0)}.sidebar-overlay{display:block}.layout-main{margin-left:0}.header-center{max-width:400px}}@media (max-width: 768px){.layout-header{padding:0 12px;height:56px;gap:12px}.mobile-search-mode{display:none}.header-left,.layout-header.search-focused .header-center{display:flex}.logo-text{font-size:16px}.desktop-header-right{display:flex}.desktop-header-right>:not(.search-icon-btn){display:none}.layout-header.search-focused .desktop-header-right{display:none}.mobile-header-right{display:flex}.signin-text,.creator-text{display:none}.signin-btn,.creator-btn{width:40px;height:40px;padding:0;border-radius:50%;justify-content:center;border:1px solid var(--border-color, #ccc)}.search-form{border-radius:20px}.search-input{padding:8px 12px}.search-btn{width:50px;border-left:none}.layout-main{margin-top:0;margin-bottom:56px;padding:0 8px 8px;min-height:calc(100vh - 144px)}.layout-sidebar{transform:translate(-100%);width:240px;z-index:900}.layout-sidebar.mobile-open{transform:translate(0)}.mobile-bottom-nav,.mobile-profile-overlay{display:flex}}@media (max-width: 480px){.layout-header{padding:0 8px;gap:8px}.header-left{gap:8px}.mobile-header-right{display:flex}.logo-text{font-size:14px}.menu-toggle-btn,.profile-btn{width:36px;height:36px}.header-center{flex:1}.search-form{border-radius:18px}.search-input{padding:6px 10px;font-size:13px}.search-btn{width:40px}.layout-main{padding:0 8px 8px;margin-top:0;margin-bottom:56px}}.theme-toggle{position:relative;top:auto;right:auto;z-index:auto;padding:0;min-width:auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover, rgba(0, 0, 0, .03));border:1px solid var(--border-color, #e0e0e0);border-radius:50%;cursor:pointer;transition:all .3s ease;font-size:0;overflow:hidden}.theme-toggle:hover{background:var(--bg-active, rgba(0, 0, 0, .08));border-color:var(--text-secondary, #606060);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.theme-toggle .icon{font-size:24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-primary, #0f0f0f);transition:transform .3s ease}.theme-toggle:hover .icon{transform:rotate(20deg)}@media (max-width: 768px){.theme-toggle{width:40px;height:40px}.theme-toggle .icon{font-size:20px;width:20px;height:20px}}@media (max-width: 480px){.theme-toggle{width:36px;height:36px}.theme-toggle .icon{font-size:18px;width:18px;height:18px}}:root[data-theme=dark] .theme-toggle{background:var(--bg-hover, rgba(255, 255, 255, .1));border-color:var(--border-color, #404040)}:root[data-theme=dark] .theme-toggle:hover{background:var(--bg-active, rgba(255, 255, 255, .15));border-color:var(--text-secondary, #b0b0b0)}.dark-mode .google-sign-in-button{border:none;background:var(--bg-secondary);color:var(--text-primary)}.dark-mode .google-icon{border:none}.google-auth-container{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:400px;margin:0 auto}.google-signin-button-container{width:100%}.google-sign-in-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 24px;background:#fff;border:1px solid #dadce0;border-radius:8px;font-size:14px;font-weight:500;color:#3c4043;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.google-sign-in-button:hover:not(:disabled){box-shadow:0 2px 6px #00000026;background:#f8f9fa;border-color:#d0d0d0}.google-sign-in-button:active:not(:disabled){background:#f0f0f0;box-shadow:0 1px 2px #0000001a}.google-sign-in-button:disabled{opacity:.6;cursor:not-allowed}.google-sign-in-button:focus{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #4285f4}.google-icon{width:20px;height:20px;flex-shrink:0}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid #dadce0;border-top-color:#4285f4;border-radius:50%;animation:spin .6s linear infinite}.google-auth-error{padding:12px 16px;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:13px;text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.google-auth-error p{margin:0}.retry-button{padding:6px 12px;background:#c33;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s ease}.retry-button:hover{background:#a22}.google-auth-note{font-size:12px;color:var(--text-secondary, #7f8c8d);text-align:center;margin:0}.google-signin-button-container #g_id_onload{width:100%!important}@media (max-width: 480px){.google-auth-container{max-width:100%}.google-sign-in-button{padding:10px 16px;font-size:13px}}.wavelet-score-badge{display:inline-flex;align-items:center;gap:6px}.wavelet-score-circle{display:inline-flex;align-items:center;justify-content:center;border:2px solid;border-radius:50%;font-weight:700;background:#ffffff1a}.wavelet-score-medium .wavelet-score-circle{width:40px;height:40px;font-size:14px}.wavelet-score-small .wavelet-score-circle{width:32px;height:32px;font-size:12px}.wavelet-score-large .wavelet-score-circle{width:56px;height:56px;font-size:18px}.wavelet-score-value{font-weight:700}.wavelet-score-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.wavelet-score-medium .wavelet-score-circle{width:36px;height:36px;font-size:13px}.wavelet-score-label{font-size:10px}}.hero-search-container{width:100%;background:transparent;padding:20px 0;position:relative;box-sizing:border-box;margin:0;display:none}.hero-search-brand,.hero-search-logo,.hero-search-title{display:none}.hero-search-container:before{display:none}.hero-search-container:after{display:none}.hero-search-form{max-width:100%;margin:0 auto;width:100%}@media (min-width: 1440px){.hero-search-container{padding:40px}}.hero-search-form{position:relative;width:100%}.search-input-wrapper{position:relative;display:flex;align-items:center;background:transparent;border-radius:9999px;box-shadow:none;padding:4px 10px;transition:box-shadow .2s ease,transform .15s ease;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(17,24,39,.16);min-height:40px}.search-input-wrapper:focus-within{box-shadow:0 6px 16px #0000003d;transform:translateY(-1px);background:#ffffff05}.hero-search-input{flex:1;border:none;outline:none;padding:8px 10px;font-size:16px;background:transparent;color:var(--text-primary, #1f2937);font-weight:500}.hero-search-input::placeholder{color:#11182780;font-weight:400}.search-shortcut-hint{display:flex;align-items:center;gap:2px;margin-right:12px;opacity:.5}.search-shortcut-hint kbd{background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #e0e0e0);border-radius:4px;padding:2px 6px;font-size:11px;font-family:monospace;color:var(--text-secondary, #7f8c8d)}.search-button{background:transparent;color:var(--text-primary, #1f2937);border:none;border-radius:9999px;padding:6px 10px;font-size:14px;font-weight:600;cursor:pointer;transition:color .2s ease;position:relative;overflow:hidden}.search-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#0000001a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.search-button:hover:not(:disabled){color:var(--text-primary, #1f2937);transform:none;box-shadow:none}.search-button:hover:not(:disabled):before{width:180px;height:180px}.search-button:disabled{opacity:.6;cursor:not-allowed}.search-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary, #fff);border-radius:12px;box-shadow:0 8px 30px #00000026;margin-top:8px;max-height:400px;overflow-y:auto;z-index:1000;border:1px solid var(--border-color, #e0e0e0)}.suggestion-section{padding:8px 0;border-bottom:1px solid var(--border-color, #e0e0e0)}.suggestion-section:last-child{border-bottom:none}.suggestion-label{padding:8px 16px;font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-secondary, #7f8c8d);letter-spacing:.5px}.suggestion-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:background-color .2s ease}.suggestion-item:hover{background-color:var(--bg-secondary, #f8f9fa)}.suggestion-title{font-size:14px;color:var(--text-primary, #2c3e50);font-weight:500}.suggestion-meta{font-size:12px;color:var(--text-secondary, #7f8c8d);padding:2px 8px;background:var(--bg-secondary, #f8f9fa);border-radius:4px}.quick-filters{margin-top:40px;display:flex;flex-direction:column;gap:16px}.filter-chips{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.filter-label{font-size:14px;font-weight:600;color:var(--text-primary, #2c3e50);margin-right:8px;text-transform:uppercase;letter-spacing:.5px}.filter-chip{background:transparent;border:1.5px solid var(--border-color, #e0e0e0);border-radius:24px;padding:10px 18px;font-size:13px;color:var(--text-primary, #2c3e50);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-weight:500;-webkit-backdrop-filter:none;backdrop-filter:none;position:relative;overflow:hidden}.filter-chip:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--bg-secondary, #f8f9fa);transition:left .3s ease;z-index:0}.filter-chip:hover{background:var(--bg-secondary, #f8f9fa);border-color:var(--text-primary, #2c3e50);transform:none;box-shadow:none}.filter-chip:hover:before{left:100%}.filter-chip.active{background:var(--text-primary, #2c3e50);color:#fff;border-color:var(--text-primary, #2c3e50);box-shadow:none;font-weight:600}.filter-chip.active:before{left:0}.filter-chip.active .wave-animation{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(15,14,63,.1),transparent);animation:wave-effect 2s infinite;pointer-events:none;z-index:1}@keyframes wave-effect{0%{left:-100%}to{left:100%}}@media (max-width: 768px){.hero-search-container{padding:40px 16px}.hero-search-input{font-size:15px;padding:16px 18px}.search-button{padding:12px 24px;font-size:13px}.search-shortcut-hint{display:none}.quick-filters{margin-top:28px;gap:12px}.filter-chips{gap:8px}.filter-label{font-size:12px;margin-right:4px}.filter-chip{padding:8px 14px;font-size:12px}}@media (max-width: 480px){.hero-search-container{padding:32px 12px;gap:16px;justify-content:center}.search-input-wrapper{padding:6px;flex-direction:column;gap:8px}.hero-search-input{padding:14px 16px;font-size:14px;width:100%}.search-button{width:100%;padding:12px 20px;font-size:13px}.filter-chips{flex-direction:row;gap:6px}.filter-label{width:100%;margin-bottom:4px}.filter-chip{flex:0 1 calc(50% - 3px);padding:8px 12px;font-size:11px;text-align:center}}.category-nav{width:100%;max-width:100%;background:var(--bg-primary, #ffffff);border:none;border-bottom:1px solid var(--border-color, #e5e5e5);z-index:98;box-shadow:0 2px 4px #00000014;box-sizing:border-box;overflow:hidden;position:sticky;top:48px;left:0;right:0;height:42px}.category-nav-container{display:flex;align-items:flex-start;justify-content:flex-start;gap:6px;padding:2px 8px 0;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;max-width:100%;box-sizing:border-box;-ms-overflow-style:none;flex-wrap:nowrap}.category-nav-container::-webkit-scrollbar{display:none}.category-nav-item{padding:0 15px;margin:1px 0;font-size:11px;border-radius:5px;max-width:90px;height:32px;width:auto}.category-nav-item:hover{background:var(--bg-secondary, #f0f0f0);border-color:var(--border-color, #d0d0d0);color:var(--text-primary, #030303)}.category-nav-item.active{background:#c0540c;color:#fff;border-color:#c0540c;box-shadow:none;font-weight:600}.category-nav-item.active:hover{background:#a83d08;border-color:#a83d08}:root[data-theme=dark] .category-nav-label,.dark-mode .category-nav-label{color:var(--text-primary, #f5f5f5)}:root[data-theme=dark] .category-nav-item.active,.dark-mode .category-nav-item.active{background:#c0540c;border-color:#c0540c;color:#fff}:root[data-theme=dark] .category-nav-item.active:hover,.dark-mode .category-nav-item.active:hover{background:#a83d08;border-color:#a83d08}:root[data-theme=light] .category-nav-label,.light-mode .category-nav-label{color:var(--text-primary, #030303)}.category-nav-label{font-size:12px;font-weight:500;position:relative;z-index:1}.category-nav-loading{width:100%;padding:12px 16px}.category-nav-skeleton{height:36px;background:var(--bg-secondary, #f8f9fa);border-radius:20px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.category-nav{top:56px;height:56px}.category-nav-container{padding:4px 6px;gap:5px}.category-nav-item{padding:0 15px;margin:-2px 0;border-radius:5px;line-height:1;font-size:11px;max-width:90px;width:auto}}@media (max-width: 480px){.categories{height:56px}.category-nav{top:56px}.category-nav-container{padding:0 10px;gap:10px}.category-nav-item{padding:0 15px;margin:1px 0;font-size:11px;line-height:1;border-radius:5px;max-width:90px;width:auto}}.campaign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;overflow-x:hidden;padding-bottom:10px;scroll-snap-type:x proximity;width:100%;box-sizing:border-box}.campaign-grid-empty{text-align:center;padding:80px 20px;color:var(--text-secondary, #7f8c8d);display:flex;flex-direction:column;align-items:center;gap:16px}.campaign-grid-empty-icon{font-size:64px;margin-bottom:16px;opacity:.6}.campaign-grid-empty-title{font-size:24px;font-weight:600;color:var(--text-primary, #212121);margin:0}.campaign-grid-empty-subtitle{font-size:16px;color:var(--text-secondary, #606060);margin:0;max-width:400px}.campaign-grid-empty-cta{margin-top:24px;padding:12px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.campaign-grid-empty-cta:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.campaign-grid-empty-cta:focus{outline:2px solid #0066cc;outline-offset:2px}.campaign-grid-card{display:flex;flex-direction:column;background:var(--bg-primary, #fff);border-radius:var(--border-radius, 12px);overflow:hidden;border:1px solid var(--border-color, #e0e0e0);box-shadow:0 2px 8px #00000014;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);scroll-snap-align:start;min-width:280px;position:relative;height:100%}.campaign-grid-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea00,#764ba200);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.campaign-grid-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 48px #00000029;border-color:#667eea80}.campaign-grid-card:hover:before{opacity:.05}.campaign-grid-card:focus-within{outline:2px solid #0066cc;outline-offset:-1px}.campaign-grid-image{position:relative;width:100%;height:160px;overflow:hidden;background:linear-gradient(135deg,#f0f0f0,#e8e8e8);box-sizing:border-box}.campaign-grid-image img,.campaign-grid-image picture{width:100%;height:100%;box-sizing:border-box;display:block}.campaign-grid-image img{display:block;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.campaign-grid-card:hover .campaign-grid-image img{transform:scale(1.08)}.campaign-grid-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0000,#0000001a);opacity:0;transition:opacity .3s ease;pointer-events:none}.campaign-grid-card:hover .campaign-grid-image:after{opacity:1}.campaign-grid-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);font-size:48px}.campaign-grid-image-placeholder.hidden{display:none}.campaign-grid-category-badge{position:absolute;top:12px;left:12px;padding:8px 10px;background:#fff;color:#1f2937;border-radius:8px;font-size:16px;font-weight:600;z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 12px #00000026;transition:transform .2s ease,box-shadow .2s ease;border:2px solid rgba(255,255,255,.3);line-height:1}:root[data-theme=dark] .campaign-grid-category-badge,.dark-mode .campaign-grid-category-badge{background:#fffffff2;color:#1f2937;border:2px solid rgba(255,255,255,.4)}:root[data-theme=light] .campaign-grid-category-badge,.light-mode .campaign-grid-category-badge{background:#fffffff2;color:#1f2937;border:2px solid rgba(255,255,255,.3)}.campaign-grid-card:hover .campaign-grid-category-badge{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.campaign-grid-status-badge{position:absolute;top:12px;right:12px;padding:6px 12px;color:#fff;border-radius:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0003;transition:transform .2s ease,box-shadow .2s ease}.campaign-grid-card:hover .campaign-grid-status-badge{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.campaign-grid-content{padding:16px;display:flex;flex-direction:column;flex:1;gap:12px;box-sizing:border-box;width:100%}.campaign-grid-title{font-size:18px;font-weight:600;color:var(--text-primary, #2c3e50);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;width:100%}.campaign-grid-description{font-size:14px;color:var(--text-secondary, #555555);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;text-overflow:ellipsis;box-sizing:border-box;width:100%}.campaign-grid-progress{margin-top:auto}.campaign-grid-progress-bar{width:100%;height:8px;background:var(--bg-secondary, #f8f9fa);border-radius:6px;overflow:hidden;margin-bottom:8px;position:relative}.campaign-grid-progress-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:shimmer 2s infinite;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.campaign-grid-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .5s cubic-bezier(.4,0,.2,1);border-radius:6px;position:relative;overflow:hidden}.campaign-grid-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(255,255,255,.3) 0%,transparent 100%);animation:progressShine 2s infinite}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.campaign-grid-progress-text{display:flex;justify-content:space-between;align-items:center;font-size:14px}.campaign-grid-progress-amount{font-weight:600;color:var(--text-primary, #2c3e50)}.campaign-grid-progress-percent{color:var(--text-secondary, #7f8c8d);font-size:13px}.dark-mode .campaign-grid-progress-amount{color:var(--text-primary, #E0E0E0)}.dark-mode .campaign-grid-progress-percent{color:var(--text-secondary, #B0B0B0)}.campaign-grid-meta{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-color, #e0e0e0)}.campaign-grid-meta-item{display:flex;align-items:center;gap:6px}.campaign-grid-meta-label{font-size:12px;color:var(--text-secondary, #7f8c8d)}.campaign-grid-meta-value{font-size:13px;font-weight:600;color:var(--text-primary, #2c3e50)}.campaign-grid-creator{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary, #7f8c8d);padding-top:8px}.campaign-grid-creator-label{font-size:12px}.campaign-grid-creator-address{font-family:monospace;font-size:12px}@media (max-width: 1200px){.campaign-grid{grid-template-columns:repeat(3,1fr)!important;gap:16px!important}.campaign-grid-card{display:flex!important;flex-direction:column!important;height:100%!important;background:var(--bg-primary, #fff)!important;border:1px solid var(--border-color, #e0e0e0)!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 2px 8px #00000014!important}}@media (max-width: 1024px){.campaign-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.campaign-grid-card{display:flex!important;flex-direction:column!important;height:100%!important;background:var(--bg-primary, #fff)!important;border:1px solid var(--border-color, #e0e0e0)!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 2px 8px #00000014!important}.campaign-grid-image{height:160px}.campaign-grid-content{padding:16px}}@media (max-width: 768px){.campaign-grid{grid-template-columns:1fr!important;gap:8px!important;padding:0 12px 80px;scroll-padding-bottom:80px}.campaign-grid-card{display:flex!important;flex-direction:row!important;height:auto!important;background:var(--bg-primary, #fff)!important;border:1px solid var(--border-color, #e0e0e0)!important;border-radius:8px!important;overflow:hidden!important;box-shadow:0 1px 4px #00000014!important;margin-bottom:0}.campaign-grid-image{width:110px;height:110px;flex-shrink:0;border-radius:8px 0 0 8px}.campaign-grid-image img{width:100%;height:100%;object-fit:cover}.campaign-grid-content{padding:12px;gap:8px;flex:1;min-width:0}.campaign-grid-title{font-size:15px;font-weight:600;-webkit-line-clamp:2;line-clamp:2;margin:0}.campaign-grid-description{font-size:13px;-webkit-line-clamp:1;line-clamp:1;margin:0;display:none}.campaign-grid-meta{flex-direction:row;gap:8px;font-size:12px;align-items:center}.campaign-grid-card:hover{transform:none!important;box-shadow:0 2px 6px #0000001f!important}.campaign-grid-category-badge{top:4px;left:4px;padding:4px 8px;font-size:11px;line-height:1}.campaign-grid-status-badge{top:4px;right:4px;padding:4px 8px;font-size:10px}}@media (max-width: 480px){.campaign-grid{grid-template-columns:1fr;gap:8px;padding:0 8px 80px}.campaign-grid-card{display:flex!important;flex-direction:row!important;height:auto!important}.campaign-grid-image{width:100px;height:100px}.campaign-grid-content{padding:10px}.campaign-grid-title{font-size:14px}}.campaign-grid-loader{width:100%;padding:40px 20px;text-align:center}.campaign-grid-sentinel{display:flex;align-items:center;justify-content:center;min-height:60px;color:var(--text-secondary, #7f8c8d);font-size:14px}.campaign-grid-sentinel:before{content:"";display:inline-block;width:20px;height:20px;margin-right:12px;border:2px solid var(--border-color, #e0e0e0);border-top-color:var(--text-primary, #2c3e50);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dark-mode .campaign-grid-card{background:var(--bg-primary, #1E1E1E);border-color:var(--border-color, #333333);box-shadow:0 2px 8px #0000004d}.dark-mode .campaign-grid-card:hover{border-color:#667eea80;box-shadow:0 16px 48px #00000080}.dark-mode .campaign-grid-image{background:linear-gradient(135deg,#2c2c2c,#333)}.dark-mode .campaign-grid-title{color:var(--text-primary, #E0E0E0)}.dark-mode .campaign-grid-description{color:var(--text-secondary, #B0B0B0)}.dark-mode .campaign-grid-progress-bar{background:var(--bg-secondary, #121212)}.dark-mode .campaign-grid-meta{border-top-color:var(--border-color, #333333)}.dark-mode .campaign-grid-empty{color:var(--text-secondary, #B0B0B0)}.dark-mode .campaign-grid-empty-title{color:var(--text-primary, #E0E0E0)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1}.app-container{min-height:100vh;display:flex;flex-direction:column;width:100%;box-sizing:border-box;overflow-x:hidden;background:var(--bg-primary, #ffffff)}.home-content{display:block;width:100%;max-width:100%;box-sizing:border-box}.app-header{display:none}.beta-badge{display:inline-block;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:4px 10px;border-radius:12px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 4px #0000001a;z-index:1001}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.header-button{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text-primary, #e5e7eb);font-weight:600;font-size:14px;text-decoration:none;box-shadow:none;transition:transform .12s ease,background-color .12s ease,border-color .12s ease,color .12s ease;cursor:pointer}.app-main{flex:1;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.hero-section{margin:0 0 10px;padding:0;background:transparent;border-radius:0;width:100%;max-width:100%;box-sizing:border-box;overflow:visible;display:flex;align-items:center;justify-content:center}.hero-section-large{padding:0;margin:0 0 10px;background:transparent;width:100%;max-width:100%;box-sizing:border-box;overflow:visible;display:flex;align-items:center;justify-content:center}.home-trending-section{margin:0 0 32px;padding:0;position:relative;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.home-trending-section:before{display:none}.home-campaigns-section{margin:0 0 32px;padding:0;position:relative;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.home-campaigns-section:before{display:none}.home-section-header:after{display:none}.home-section-title{font-size:20px;font-weight:600;color:var(--text-primary, #0f0f0f);margin:0 0 4px;letter-spacing:-.2px;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}.app-footer{display:none}.campaign-hero-section{width:100%;margin:-20px -20px 40px;padding:60px 20px;background:linear-gradient(135deg,#0f0e3f,#1a1a4d,#667eea);position:relative;overflow:hidden;box-sizing:border-box}.campaign-hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(15,14,63,.15) 0%,transparent 50%);animation:gradient-shift 8s ease-in-out infinite;pointer-events:none}.campaign-hero-image{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d;aspect-ratio:16 / 9}.campaign-hero-image img{width:100%;height:100%;object-fit:cover;display:block}.campaign-hero-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0f0e3f33,#667eea1a)}.campaign-hero-info{color:#fff}.campaign-hero-status{margin-bottom:16px}.campaign-hero-title{font-size:44px;font-weight:700;margin:0 0 16px;line-height:1.2;letter-spacing:-.5px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.campaign-hero-description{font-size:18px;line-height:1.6;margin:0 0 24px;color:#ffffffe6;text-shadow:0 1px 4px rgba(0,0,0,.2)}.campaign-hero-stats{display:flex;align-items:center;gap:24px;margin-bottom:28px;flex-wrap:wrap}.campaign-hero-stat-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.campaign-hero-stat-value{font-size:32px;font-weight:700;color:#fff;line-height:1}.campaign-hero-stat-unit{font-size:14px;font-weight:500;opacity:.9}.campaign-hero-progress{width:100%}.campaign-hero-progress-bar{height:6px;background:#fff3;border-radius:3px;overflow:hidden}.campaign-hero-progress-fill{height:100%;border-radius:3px;transition:width .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 20px currentColor}@media (max-width: 1024px){.campaign-hero-section{padding:50px 20px;margin:-20px -20px 30px}.campaign-hero-main{grid-template-columns:1fr;gap:30px}.campaign-hero-title{font-size:36px}.campaign-hero-description{font-size:16px}.campaign-hero-stat-value{font-size:28px}}@media (max-width: 768px){.campaign-hero-section{padding:40px 16px;margin:-10px -10px 24px}.campaign-hero-main{gap:20px}.campaign-hero-image{aspect-ratio:4 / 3}.campaign-hero-title{font-size:28px}.campaign-hero-description{font-size:15px;margin-bottom:16px}.campaign-hero-stats{gap:16px;margin-bottom:20px}.campaign-hero-stat-value{font-size:24px}.campaign-hero-divider{height:30px}}@media (max-width: 480px){.campaign-hero-section{padding:30px 12px;margin:-10px -10px 16px}.campaign-hero-title{font-size:24px;margin-bottom:12px}.campaign-hero-description{font-size:14px;margin-bottom:12px}.campaign-hero-stats{flex-direction:column;gap:12px;margin-bottom:16px;align-items:flex-start}.campaign-hero-stat-value{font-size:20px}.campaign-hero-divider{display:none}}.footer-links{margin-top:10px;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:13px;transition:color .2s}.footer-link:hover{color:var(--primary-color, #667eea);text-decoration:underline}.campaign-hero-section{width:100%;background:linear-gradient(135deg,#0f0e3f,#1a1a4d,#667eea);margin:-20px -20px 30px;padding:60px 20px;position:relative;overflow:hidden}@media (min-width: 1440px){.campaign-hero-section{margin:-20px -40px 30px;padding:80px 40px}}.campaign-hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(102,126,234,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(15,14,63,.15) 0%,transparent 50%);animation:gradient-shift 8s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes gradient-shift{0%,to{opacity:1}50%{opacity:.8}}.campaign-hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:1}.campaign-hero-main{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}@media (max-width: 1024px){.campaign-hero-main{grid-template-columns:1fr;gap:30px}}.campaign-hero-image{position:relative;border-radius:16px;overflow:hidden;height:300px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.campaign-hero-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.campaign-hero-image:hover img{transform:scale(1.05)}.campaign-hero-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(15,14,63,.3) 0%,transparent 100%);pointer-events:none}.campaign-hero-info{display:flex;flex-direction:column;gap:16px;color:#fff}.campaign-hero-status{display:flex;gap:8px}.status-badge{display:inline-flex;align-items:center;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;background:#fff3;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.5px}.status-active{background:#4caf504d;border-color:#4caf5080;color:#81c784}.status-successful{background:#2196f34d;border-color:#2196f380;color:#64b5f6}.status-failed{background:#f443364d;border-color:#f4433680;color:#ef5350}.campaign-hero-title{font-size:40px;font-weight:700;line-height:1.2;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.2)}@media (max-width: 768px){.campaign-hero-title{font-size:28px}}@media (max-width: 480px){.campaign-hero-title{font-size:22px}}.campaign-hero-description{font-size:16px;line-height:1.6;color:#ffffffe6;margin:0}@media (max-width: 768px){.campaign-hero-description{font-size:14px}}.campaign-hero-stats{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;padding:20px;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}@media (max-width: 768px){.campaign-hero-stats{grid-template-columns:1fr;gap:16px}}.campaign-hero-stat{display:flex;flex-direction:column;gap:4px}.campaign-hero-stat-label{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#ffffffb3;font-weight:600}.campaign-hero-stat-value{font-size:24px;font-weight:700;color:#fff}@media (max-width: 768px){.campaign-hero-stat-value{font-size:20px}}.campaign-hero-stat-unit{font-size:12px;color:#ffffffb3;font-weight:500}.campaign-hero-divider{width:1px;height:40px;background:#fff3}@media (max-width: 768px){.campaign-hero-divider{display:none}}.campaign-hero-progress{padding:20px;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.campaign-hero-progress-bar{width:100%;height:8px;background:#0000004d;border-radius:10px;overflow:hidden}.campaign-hero-progress-fill{height:100%;border-radius:10px;transition:width .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 10px currentColor}@media (max-width: 768px){.campaign-hero-section{padding:24px 12px;margin:0 0 16px}.campaign-hero-main{grid-template-columns:1fr;gap:16px}.campaign-hero-image{aspect-ratio:16 / 9;height:auto}.campaign-hero-info{gap:12px}.campaign-hero-title{font-size:24px}.campaign-hero-description{font-size:14px}.campaign-hero-stats{padding:12px;gap:12px}.campaign-hero-progress{padding:12px}.home-section-title{font-size:20px;padding:0 12px}.home-section-subtitle{font-size:13px;padding:0 12px}.home-section-header{padding:0;margin-bottom:12px}}@media (max-width: 480px){.campaign-hero-section{padding:16px 8px;margin:0 0 12px}.campaign-hero-main{gap:12px}.campaign-hero-image{height:180px}.campaign-hero-title{font-size:20px;margin:4px 0}.campaign-hero-description{font-size:13px;margin:4px 0}.status-badge{font-size:10px;padding:4px 10px}.campaign-hero-stat-value{font-size:16px}.campaign-hero-stat-label{font-size:10px}.home-section-title{font-size:18px}}@media (max-width: 768px){.app-container{padding:10px}.app-header{padding:12px 15px;flex-direction:column;align-items:stretch;gap:12px}.header-brand{justify-content:flex-start}.header-actions{margin-left:0;width:100%;justify-content:flex-start;flex-wrap:wrap}.logo{width:36px;height:36px}.app-header h1{font-size:20px}.beta-badge{top:10px;right:10px;padding:4px 8px;font-size:9px}}.dark-mode input[type=text],.dark-mode input[type=email],.dark-mode input[type=password],.dark-mode input[type=number],.dark-mode textarea,.dark-mode select{background:var(--bg-secondary, #121212);color:var(--text-primary, #E0E0E0);border-color:var(--border-color, #333333)}.dark-mode input::placeholder,.dark-mode textarea::placeholder{color:var(--text-light, #808080)}.dark-mode input:focus,.dark-mode textarea:focus,.dark-mode select:focus{border-color:var(--primary-color, #66BB6A);background:var(--bg-secondary, #121212)}.dark-mode .modal-overlay{background:#000000b3}.dark-mode .modal-content{background:var(--bg-primary, #1E1E1E);border-color:var(--border-color, #333333)}.dark-mode .modal-header{background:var(--bg-secondary, #121212);border-color:var(--border-color, #333333)}.dark-mode .modal-close{color:var(--text-primary, #E0E0E0)}.dark-mode .card,.dark-mode .card-header{background:var(--bg-secondary, #121212);border-color:var(--border-color, #333333)}.dark-mode .card-title{color:var(--text-primary, #E0E0E0)}.dark-mode table{background:var(--bg-secondary, #121212);color:var(--text-primary, #E0E0E0)}.dark-mode thead{background:var(--bg-secondary, #121212)}.dark-mode tbody tr{border-color:var(--border-color, #333333)}.dark-mode tbody tr:hover{background:#66bb6a1a}.dark-mode .badge{background:#66bb6a33;color:#66bb6a}.dark-mode .badge-secondary{background:#42a5f533;color:#42a5f5}.dark-mode .alert{background:var(--bg-secondary, #121212);border-color:var(--border-color, #333333)}.dark-mode .alert-info{background:#42a5f51a;border-color:#42a5f5;color:#90caf9}.dark-mode .alert-success{background:#66bb6a1a;border-color:#66bb6a;color:#a5d6a7}.dark-mode .alert-warning{background:#ffa7261a;border-color:#ffa726;color:#ffb74d}.dark-mode .alert-error{background:#ef53501a;border-color:#ef5350;color:#ef9a9a}.dark-mode .dropdown-menu{background:var(--bg-primary, #1E1E1E);border-color:var(--border-color, #333333)}.dark-mode .dropdown-item{color:var(--text-primary, #E0E0E0)}.dark-mode .dropdown-item:hover{background:var(--bg-secondary, #121212)}.dark-mode .dropdown-divider{border-color:var(--border-color, #333333)}.dark-mode .nav-link{color:var(--text-primary, #E0E0E0)}.dark-mode .nav-link:hover,.dark-mode .nav-link.active{color:var(--primary-color, #66BB6A);background:var(--bg-secondary, #121212)}.dark-mode .tabs{border-color:var(--border-color, #333333)}.dark-mode .tab-header{background:var(--bg-secondary, #121212)}.dark-mode .tab-header.active{color:var(--primary-color, #66BB6A);border-color:var(--primary-color, #66BB6A)}.dark-mode .pagination{background:var(--bg-secondary, #121212)}.dark-mode .page-item.active .page-link{background:var(--primary-color, #66BB6A);border-color:var(--primary-color, #66BB6A)}.dark-mode .page-link{color:var(--text-primary, #E0E0E0);border-color:var(--border-color, #333333)}.dark-mode .page-link:hover{background:var(--bg-secondary, #121212);border-color:var(--primary-color, #66BB6A);color:var(--primary-color, #66BB6A)}.dark-mode .tooltip{background:var(--bg-primary, #1E1E1E);color:var(--text-primary, #E0E0E0);border-color:var(--border-color, #333333)}.dark-mode .spinner{border-color:#66bb6a33;border-top-color:#66bb6a}.dark-mode .skeleton{background:linear-gradient(90deg,var(--bg-secondary, #121212),var(--bg-secondary, #121212),var(--bg-primary, #1E1E1E),var(--bg-secondary, #121212),var(--bg-secondary, #121212));background-size:200% 100%;animation:shimmer 2s infinite}.dark-mode .progress{background:var(--bg-secondary, #121212)}.dark-mode .progress-bar{background:var(--primary-color, #66BB6A)}.dark-mode code{background:var(--bg-secondary, #121212);color:#81c784;border-color:var(--border-color, #333333)}.dark-mode pre{background:var(--bg-secondary, #121212);color:var(--text-primary, #E0E0E0);border-color:var(--border-color, #333333)}.dark-mode blockquote{border-color:var(--primary-color, #66BB6A);color:var(--text-secondary, #B0B0B0)}.dark-mode a{color:var(--secondary-color, #42A5F5)}.dark-mode a:hover{color:#90caf9}.dark-mode hr{border-color:var(--border-color, #333333)}.dark-mode .success-message{background:#66bb6a1a;color:#a5d6a7;border-color:#66bb6a}.dark-mode .error-message{background:#ef53501a;color:#ef9a9a;border-color:#ef5350}.dark-mode .warning-message{background:#ffa7261a;color:#ffb74d;border-color:#ffa726}.dark-mode .info-message{background:#42a5f51a;color:#90caf9;border-color:#42a5f5}.dark-mode .btn-primary{background:var(--primary-color, #66BB6A);color:#000;border:none}.dark-mode .btn-primary:hover{background:#4caf50}.dark-mode .btn-secondary{background:var(--secondary-color, #42A5F5);color:#000;border:none}.dark-mode .btn-secondary:hover{background:#2196f3}.dark-mode .btn-outline{color:var(--text-primary, #E0E0E0);border-color:var(--border-color, #333333)}.dark-mode .btn-outline:hover{background:var(--bg-secondary, #121212)}.dark-mode .tag{background:var(--bg-secondary, #121212);color:var(--text-primary, #E0E0E0);border-color:var(--border-color, #333333)}.dark-mode .tag.tag-primary{background:#66bb6a33;color:#81c784;border-color:#66bb6a}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #4CAF50;--primary-dark: #45a049;--secondary-color: #2196F3;--danger-color: #f44336;--warning-color: #ff9800;--success-color: #4CAF50;--text-primary: #212121;--text-secondary: #757575;--text-light: #9e9e9e;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e0e0e0;--border-color: #e0e0e0;--border-radius: 8px;--shadow: 0 2px 4px rgba(0, 0, 0, .1);--shadow-hover: 0 4px 8px rgba(0, 0, 0, .15);--breakpoint-mobile: 480px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-desktop-large: 1440px;--spacing-mobile: 12px;--spacing-tablet: 16px;--spacing-desktop: 24px;--font-size-mobile: 14px;--font-size-tablet: 16px;--font-size-desktop: 16px}.dark-mode{--primary-color: #66BB6A;--primary-dark: #4CAF50;--secondary-color: #42A5F5;--danger-color: #EF5350;--warning-color: #FFA726;--success-color: #66BB6A;--text-primary: #E0E0E0;--text-secondary: #B0B0B0;--text-light: #808080;--bg-primary: #1E1E1E;--bg-secondary: #121212;--bg-tertiary: #2C2C2C;--border-color: #333333;--shadow: 0 2px 4px rgba(0, 0, 0, .3);--shadow-hover: 0 4px 8px rgba(0, 0, 0, .4)}html{overflow-x:hidden;overflow-y:auto;width:100%;max-width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;overflow-y:auto;width:100%;max-width:100%;position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{font-family:inherit;font-size:14px;font-weight:500;padding:10px 20px;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;background-color:var(--primary-color);color:#fff}button:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-hover)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.menu-toggle-btn,.profile-btn,.mobile-nav-item{background-color:transparent!important;color:inherit!important;transform:none!important;box-shadow:none!important}button.secondary{background-color:var(--secondary-color)}button.secondary:hover:not(:disabled){background-color:#1976d2}button.danger{background-color:var(--danger-color)}button.danger:hover:not(:disabled){background-color:#d32f2f}button.outline{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}button.outline:hover:not(:disabled){background-color:var(--primary-color);color:#fff}input,textarea{font-family:inherit;font-size:14px;padding:10px;border:1px solid var(--border-color);border-radius:var(--border-radius);width:100%;transition:border-color .3s ease,box-shadow .3s ease}input:focus,textarea:focus,button:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4caf501a}.dark-mode button:focus{border-color:var(--text-secondary);box-shadow:0 0 0 3px #b0b0b01a}.dark-mode .menu-toggle-btn:focus,.dark-mode .profile-btn:focus{border-color:transparent;box-shadow:none}.dark-mode .mobile-nav-item:focus{border-color:transparent;box-shadow:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-to-main{position:fixed;top:-100px;left:50%;transform:translate(-50%);z-index:10000;padding:12px 24px;background-color:var(--primary-color);color:#fff;font-weight:600;border-radius:0 0 8px 8px;text-decoration:none;box-shadow:0 4px 12px #0000004d;transition:top .3s ease}.skip-to-main:focus{top:0;outline:3px solid #ffd700;outline-offset:2px}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:3px}button:focus-visible,a:focus-visible{outline:3px solid #666666;outline-offset:3px;box-shadow:0 0 0 4px #66666626}.dark-mode button:focus-visible,.dark-mode a:focus-visible{outline:3px solid var(--text-secondary);box-shadow:0 0 0 4px #b0b0b033}.dark-mode .menu-toggle-btn:focus-visible,.dark-mode .profile-btn:focus-visible,.dark-mode .mobile-nav-item:focus-visible{outline:2px solid var(--text-secondary);box-shadow:none;outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 4px #4caf5026}textarea{resize:vertical;min-height:100px}.card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:20px;margin-bottom:20px;box-shadow:var(--shadow);transition:box-shadow .3s ease}.card:hover{box-shadow:var(--shadow-hover)}.card-header{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.card-title{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:5px}.card-subtitle{font-size:14px;color:var(--text-secondary)}.progress-bar{width:100%;height:30px;background-color:var(--bg-tertiary);border-radius:15px;overflow:hidden;position:relative;margin:10px 0}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));transition:width .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-active{background-color:#e8f5e9;color:var(--success-color)}.status-successful{background-color:#e3f2fd;color:var(--secondary-color)}.status-failed{background-color:#ffebee;color:var(--danger-color)}.dark-mode .status-active{background-color:#66bb6a33;color:var(--success-color)}.dark-mode .status-successful{background-color:#42a5f533;color:var(--secondary-color)}.dark-mode .status-failed{background-color:#ef535033;color:var(--danger-color)}.text-center{text-align:center}.text-muted{color:var(--text-secondary)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-1{gap:8px}.gap-2{gap:16px}@media (max-width: 480px){body{font-size:var(--font-size-mobile)}.card{padding:var(--spacing-mobile)}.card-title{font-size:18px}button{width:100%;margin-bottom:10px;padding:12px 16px;font-size:14px;min-height:44px}input,textarea,select{width:100%;margin-bottom:10px;font-size:16px;padding:12px;min-height:44px}}@media (min-width: 481px) and (max-width: 768px){body{font-size:var(--font-size-tablet)}.card{padding:var(--spacing-tablet)}.card-title{font-size:22px}button{min-height:44px}input,textarea,select{font-size:16px;min-height:44px}}@media (min-width: 769px){body{font-size:var(--font-size-desktop)}.card{padding:var(--spacing-desktop)}.card-title{font-size:24px}button{width:auto;margin-bottom:0}}.home-trending-section,.home-campaigns-section,.featured-section,.trending-section,.tips-section{display:block;margin:20px 0;padding:0;position:relative;width:100%;box-sizing:border-box;overflow-x:hidden}.featured-section .home-section-header,.trending-section .home-section-header,.tips-section .home-section-header{padding:0 20px}.home-section-header{margin-bottom:20px;padding-bottom:0;border-bottom:none;position:relative}.home-section-title{font-size:24px;font-weight:700;color:var(--text-primary, #0f0f0f);margin:0 0 8px;letter-spacing:-.2px}.home-section-subtitle{font-size:14px;color:var(--text-secondary, #606060);margin:0;font-weight:400}.home-loading{text-align:center;padding:40px 20px;color:var(--text-secondary, #606060);font-size:14px}