.container {
     max-width: 1280px;
     margin: 0 auto;
     padding: 0 1rem;
 }
 
 @media (min-width: 640px) {
     .container { padding: 0 1.5rem; }
 }
 
 @media (min-width: 1024px) {
     .container { padding: 0 2rem; }
 }
 
 /* Glass Card Effect */
 .glass-card {
     background: hsla(var(--card), 0.8);
     backdrop-filter: blur(10px);
     border: 1px solid hsla(var(--border), 0.5);
     border-radius: 1rem;
 }
 
 /* Gradient Text */
 .gradient-text {
     background: linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(var(--secondary)) 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
 }
 
 /* Animations */
 @keyframes fadeInUp {
     from {
         opacity: 0;
         transform: translateY(30px);
     }
     to {
         opacity: 1;
         transform: translateY(0);
     }
 }
 
 .animate-fade-in-up {
     animation: fadeInUp 0.6s ease-out forwards;
 }
 
 .delay-100 { animation-delay: 0.1s; }
 .delay-200 { animation-delay: 0.2s; }
 .delay-300 { animation-delay: 0.3s; }
 .delay-400 { animation-delay: 0.4s; }
 
 /* Scroll Reveal */
 .reveal {
     opacity: 0;
     transform: translateY(30px);
     transition: all 0.6s ease-out;
 }
 
 .reveal.active {
     opacity: 1;
     transform: translateY(0);
 }
 
 /* FAQ Accordion Styles */
 .faq-item {
     border-bottom: 1px solid hsl(var(--border));
     transition: all 0.3s ease;
 }
 
 .faq-item:last-child {
     border-bottom: none;
 }
 
 .faq-question {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 1.25rem 0;
     background: none;
     border: none;
     cursor: pointer;
     text-align: left;
     font-weight: 600;
     font-size: 1.05rem;
     color: hsl(var(--foreground));
     transition: color 0.3s ease;
 }
 
 .faq-question:hover {
     color: hsl(var(--secondary));
 }
 
 .faq-question .icon {
     width: 24px;
     height: 24px;
     flex-shrink: 0;
     transition: transform 0.3s ease;
     color: hsl(var(--secondary));
 }
 
 .faq-item.active .faq-question .icon {
     transform: rotate(180deg);
 }
 
 .faq-answer {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.3s ease, padding 0.3s ease;
 }
 
 .faq-item.active .faq-answer {
     max-height: 500px;
     padding-bottom: 1.25rem;
 }
 
 .faq-answer-content {
     color: hsl(var(--muted-foreground));
     line-height: 1.7;
 }
 
 /* Category Tabs */
 .category-tab {
     padding: 0.75rem 1.5rem;
     border-radius: 9999px;
     font-weight: 500;
     font-size: 0.9rem;
     cursor: pointer;
     transition: all 0.3s ease;
     background: hsl(var(--muted));
     color: hsl(var(--muted-foreground));
     border: none;
 }
 
 .category-tab:hover {
     background: hsl(var(--secondary) / 0.1);
     color: hsl(var(--secondary));
 }
 
 .category-tab.active {
     background: hsl(var(--primary));
     color: hsl(var(--primary-foreground));
 }
 
 /* Search Box */
 .search-box {
     position: relative;
 }
 
 .search-box input {
     width: 100%;
     padding: 1rem 1rem 1rem 3rem;
     border: 2px solid hsl(var(--border));
     border-radius: 0.75rem;
     font-size: 1rem;
     transition: all 0.3s ease;
     background: hsl(var(--card));
 }
 
 .search-box input:focus {
     outline: none;
     border-color: hsl(var(--secondary));
     box-shadow: 0 0 0 3px hsl(var(--secondary) / 0.1);
 }
 
 .search-box .search-icon {
     position: absolute;
     left: 1rem;
     top: 50%;
     transform: translateY(-50%);
     color: hsl(var(--muted-foreground));
 }
 
 
 
 .btn-primary {
     background: hsl(var(--secondary));
     color: hsl(var(--secondary-foreground));
     padding: 0.625rem 1.25rem;
     border-radius: 0.5rem;
     font-weight: 600;
     font-size: 0.9rem;
     transition: all 0.3s ease;
     border: none;
     cursor: pointer;
 }
 
 .btn-primary:hover {
     background: hsl(var(--secondary) / 0.9);
     transform: translateY(-2px);
 }
 
 /* Mobile Menu */
 .mobile-menu {
     display: none;
     position: absolute;
     top: 100%;
     left: 0;
     right: 0;
     background: hsl(var(--card));
     border-top: 1px solid hsl(var(--border));
     padding: 1rem;
 }
 
 .mobile-menu.active {
     display: block;
 }
 
 /* Page Header */
 .page-header {
     background: linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(222 47% 30%) 100%);
     padding-top: 8rem;
     padding-bottom: 4rem;
     position: relative;
     overflow: hidden;
 }
 
 .page-header::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
     opacity: 0.5;
 }
 
 /* Breadcrumb */
 .breadcrumb {
     display: flex;
     align-items: center;
     gap: 0.5rem;
     color: hsl(var(--primary-foreground) / 0.7);
     font-size: 0.9rem;
     margin-bottom: 1.5rem;
 }
 
 .breadcrumb a {
     color: hsl(var(--primary-foreground) / 0.7);
     text-decoration: none;
     transition: color 0.3s ease;
 }
 
 .breadcrumb a:hover {
     color: hsl(var(--secondary));
 }
 
 /* Contact Card */
 .contact-card {
     background: linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(222 47% 25%) 100%);
     border-radius: 1rem;
     padding: 2rem;
     color: hsl(var(--primary-foreground));
 }
 
 /* Footer */
 footer {
     background: hsl(var(--primary));
     color: hsl(var(--primary-foreground));
 }
 
 footer a {
     color: hsl(var(--primary-foreground) / 0.7);
     text-decoration: none;
     transition: color 0.3s ease;
 }
 
 footer a:hover {
     color: hsl(var(--secondary));
 }