.scroll-to-top{bottom:var(--space-6);right:var(--space-6);background:var(--accent-primary);cursor:pointer;opacity:0;width:56px;height:56px;transform:translateY(var(--space-5)) scale(.8);transition:all var(--transition-fast);pointer-events:none;z-index:90;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 4px 16px #0000004d}.scroll-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.scroll-to-top:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 8px 24px #0006}.scroll-to-top:active{transform:translateY(-2px)scale(.98)}.scroll-to-top:focus{outline:2px solid var(--accent-primary);outline-offset:4px}.scroll-to-top:focus:not(:focus-visible){outline:none}.scroll-icon{color:#fff;transition:transform var(--transition-fast)}.scroll-to-top:hover .scroll-icon{transform:translateY(-2px)}@media (width<=768px){.scroll-to-top{bottom:var(--space-5);right:var(--space-5);width:56px;height:56px}.scroll-icon{width:28px;height:28px}}@media (width>=769px){.scroll-to-top{width:48px;height:48px}.scroll-icon{width:24px;height:24px}}@media (prefers-reduced-motion:reduce){.scroll-to-top{transition:opacity var(--transition-normal);transform:none}.scroll-to-top.visible,.scroll-to-top:hover{transform:none}}.article-footer{padding-top:var(--space-10);padding-bottom:var(--space-8);border-top:1px solid var(--bg-secondary);color:var(--text-secondary);text-align:center;margin-top:auto;font-size:.75rem;line-height:1.6}.standard-page{flex-direction:column;min-height:100dvh;display:flex;position:relative}.standard-page.fullscreen{height:100dvh;overflow:hidden}.page-content{flex-direction:column;flex:1 0 0;width:100%;display:flex}.page-content.fullscreen-content{flex:1;padding:0;overflow:hidden}.hub-container{max-width:1200px;padding:var(--space-4);margin:0 auto}.hub-content{justify-content:center;align-items:center;min-height:400px;display:flex}.placeholder-message{text-align:center;padding:var(--space-12);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;max-width:500px}.placeholder-icon{margin-bottom:var(--space-4);font-size:4rem}.placeholder-message h2{color:var(--text-primary);margin-bottom:var(--space-4)}.placeholder-message p{color:var(--text-secondary);margin-bottom:var(--space-6)}.placeholder-message ul{text-align:left;padding:0;list-style:none}.placeholder-message li{padding:var(--space-2) 0;color:var(--text-primary)}.content-section{background:var(--bg-secondary);padding:var(--space-8);border:2px solid var(--border-color);margin-bottom:var(--space-8);border-radius:12px}.content-section:last-child{margin-bottom:0}.content-section h2{color:var(--text-primary);margin:0 0 var(--space-6) 0;font-size:1.5rem}.content-section h3{color:var(--text-primary);margin:var(--space-8) 0 var(--space-4) 0;font-size:1.2rem}.content-section p{color:var(--text-primary);margin-bottom:var(--space-4);line-height:1.7}.content-section p:last-child{margin-bottom:0}.content-section a{color:var(--accent-primary);font-weight:500;text-decoration:none}.content-section a:hover{text-decoration:underline}.content-section.highlighted{background:var(--bg-tertiary);border-color:var(--accent-primary)}.content-section .highlight-box{background:var(--bg-secondary);padding:var(--space-6);border-left:4px solid var(--accent-primary);border-radius:8px}.contact-list{gap:var(--space-4);flex-direction:column;display:flex}.contact-item{gap:var(--space-2);padding:var(--space-4);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;display:flex}.contact-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.contact-value{color:var(--text-primary);font-size:1.1rem}.contact-link{color:var(--accent-primary);transition:color var(--transition-fast);font-size:1.1rem;font-weight:500;text-decoration:none}.contact-link:hover{color:var(--accent-secondary);text-decoration:underline}.coming-soon{color:var(--text-secondary);font-style:italic}@media (width>=769px){.hub-container{padding:var(--space-6)}}@media (width<=768px){.hub-container{padding:var(--space-3)}.placeholder-message{padding:var(--space-8) var(--space-6)}.content-section{padding:var(--space-6)}.content-section h2{font-size:1.3rem}.content-section h3{font-size:1.1rem}.content-section .highlight-box{padding:var(--space-4)}.contact-item{padding:.875rem}}