.welcome-toast{z-index:9999;color:#fff;background:#1e0f12f2;border:1px solid #ffffff14;border-radius:10px;max-width:90vw;padding:.75rem 1.5rem;font-size:.9rem;animation:.3s toastSlideIn;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.welcome-toast-error{border-color:#ffffff14}.welcome-toast-success{border-color:#2ecc7180}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.welcome-page{min-height:100vh;color:var(--text-secondary);background:0 0;flex-direction:column;display:flex}.welcome-page:before{content:"";pointer-events:none;z-index:0;opacity:.4;background-image:radial-gradient(circle at 25% 25%,#3c3c3c08 2px,#0000 2px),radial-gradient(circle at 75% 75%,#3c3c3c05 2px,#0000 2px);background-size:80px 80px;position:fixed;inset:0}.welcome-page>*{position:relative}.main{z-index:1;flex-direction:column;flex:1;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem 2rem;display:flex;position:relative}.section-title{color:#fff;letter-spacing:-.03em;text-shadow:0 4px 12px #0000004d;margin-bottom:.5rem;padding-left:1.25rem;font-size:max(1.6rem,min(4vw,2.2rem));font-weight:800;display:inline-block;position:relative}.section-title:before{content:"";background:linear-gradient(180deg, var(--accent), #8b0a25);border-radius:4px;width:4px;height:80%;animation:3s ease-in-out infinite titleBarGlow;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 20px #dc143c99,0 0 35px #dc143c26}@keyframes titleBarGlow{0%,to{opacity:.6}50%{opacity:1}}.section-subtitle{color:#fff6;max-width:600px;margin-bottom:2rem;font-size:.95rem;line-height:1.6}.sidebar{flex-direction:column;gap:2rem;display:flex}.sidebar-widget{background:#0f080ad9;border:1px solid #ffffff0f;border-radius:20px;padding:1.75rem;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006,inset 0 0 20px #ffffff03}.sidebar-widget:hover{border-color:#dc143c33;transform:translateY(-2px)}.poll-option{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:#0000004d;border:1px solid #ffffff14;border-radius:12px;margin-bottom:.6rem;padding:.75rem 1rem;font-size:.9rem;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1),background-color .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);display:block;position:relative;overflow:hidden}.poll-option:hover{color:#fff;background:#ffffff0d;border-color:#dc143c4d}.hof-avatar{background:#0006;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;display:flex}.reveal{opacity:0;will-change:opacity, transform;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal-visible{opacity:1;transform:translateY(0)}.stagger-item{opacity:0;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(20px)scale(.97)}.stagger-visible{opacity:1;transform:translateY(0)scale(1)}@media (prefers-reduced-motion:reduce){.reveal,.stagger-item{opacity:1;transition:none;transform:none}.section-title:before{animation:none}}.footer{background:linear-gradient(#0000 0%,#0a0506 100%);border-top:1px solid #ffffff14;padding:2rem 2rem 1rem}.footer-brand{flex-shrink:0;max-width:280px;overflow:hidden}.footer-logo{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700;display:block}.footer-brand p{color:var(--text-muted);margin:.5rem 0;font-size:.85rem;line-height:1.6}.footer-bottom{text-align:center;max-width:1400px;margin:0 auto;padding-top:1rem}.footer-bottom p{color:var(--text-muted);font-size:.8rem}.loading-text{color:var(--text-muted);text-align:center;padding:3rem}@media (max-width:1200px){.main{max-width:1200px;padding:1.5rem 1.75rem}}@media (max-width:1024px){.main{padding:1.5rem}.sidebar-widget{padding:1.25rem}}@media (max-width:768px){.main{padding:1rem}.section-title{font-size:1.5rem}.section-title:before{animation:none!important}}@media (max-width:480px){.main{padding:.75rem}.section-title{font-size:1.25rem}.section-subtitle{font-size:.8rem}.sidebar{gap:1rem}.sidebar-widget{padding:1rem}.welcome-toast{padding:.6rem 1rem;font-size:.82rem;bottom:1rem}.section-title:before{width:3px;height:70%}.footer{padding:1.5rem 1rem .75rem}.footer-brand{max-width:100%}}