/* UI Test Section (glass button demo wrapper only) */
.ui-test { min-height: 100vh; background: #000000; display: flex; align-items: center; justify-content: center; padding: var(--spacing-xl) var(--spacing-lg); position: relative; }
.ui-test::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 20% 80%, rgba(120,119,198,0.3) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255,255,255,0.1) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(120,119,198,0.2) 0%, transparent 50%); pointer-events: none; animation: backgroundShift 20s ease-in-out infinite; }
.ui-test__container { text-align: center; z-index: 1; position: relative; }
.ui-test__title { font-size: 2.5rem; color: white; margin-bottom: var(--spacing-xl); text-shadow: 0 2px 20px rgba(0,0,0,0.3); font-weight: 300; letter-spacing: 0.1em; }
@keyframes backgroundShift { 0%,100%{ transform: translateX(0) translateY(0);} 25%{ transform: translateX(5px) translateY(-5px);} 50%{ transform: translateX(-5px) translateY(5px);} 75%{ transform: translateX(-3px) translateY(-3px);} }

@media (max-width: 768px) { .ui-test__title { font-size: 2rem; } }