@layer components{.btn{@apply inline-block px-4 py-2 rounded-md bg-accent text-white hover:opacity-90}.btn-secondary{@apply inline-block px-4 py-2 rounded-md bg-gray-200 text-accent border border-accent hover:bg-gray-100}.card{@apply bg-white rounded shadow p-4}.card-title{@apply text-lg font-semibold}.feature-card{@apply bg-white rounded-lg shadow-md transition-shadow hover:shadow-lg}.feature-card h3,.feature-card h4{color:#1f2937 !important;font-weight:600 !important}.feature-card h3:hover,.feature-card h4:hover{color:#111827 !important;opacity:1 !important}.focus-visible-global{outline:3px solid #2563eb !important;outline-offset:2px !important;border-radius:4px !important}.nav-focus{outline:3px solid #60a5fa !important;outline-offset:2px !important;background-color:rgba(37,99,235,0.1) !important}.form-focus{outline:3px solid #2563eb !important;outline-offset:2px !important;border-color:#2563eb !important;box-shadow:0 0 0 1px #2563eb !important}.navbar-legacy{@apply flex items-center justify-between p-2 bg-gray-900 text-white}.navbar-brand-legacy{@apply inline-block mr-4 text-lg font-bold}.mbr-fullscreen-legacy{@apply flex items-center min-h-screen py-12 relative}.mbr-overlay-legacy{background-color:rgba(0,0,0,0.35);@apply absolute inset-0 z-0}.site-footer-legacy{@apply bg-footer text-white py-10}.hero-title-legacy{@apply text-white font-semibold text-4xl leading-tight}.hero-subtitle-legacy{@apply text-white text-lg}}.footer-legacy .social-icon{font-size:1.3rem;color:#fff}}