/* Premium Plans Page */
.pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; margin: 3rem 0; }
.pricing-card {
    background: linear-gradient(135deg, rgba(255,0,80,0.1), rgba(139,92,246,0.1));
    border: 2px solid rgba(255,255,255,0.1); padding: 2rem;
    border-radius: 1rem; text-align: center;
    transition: all var(--transition-base);
}
.pricing-card:hover { border-color: var(--color-primary); box-shadow: 0 0 30px rgba(255,0,80,0.2); }
.pricing-card.featured { transform: scale(1.05); background: linear-gradient(135deg, rgba(255,0,80,0.2), rgba(139,92,246,0.2)); border-color: var(--color-primary); }
.plan-name { font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; }
.plan-price { font-size: 3rem; font-weight: 800; color: var(--color-primary); margin: 1rem 0; }
.plan-period { color: var(--color-text-secondary); margin-bottom: 1.5rem; }
.plan-features { text-align: left; margin: 2rem 0; }
.plan-features li { padding: 0.75rem 0; color: var(--color-text-secondary); list-style: none; }
.plan-features li:before { content: "\2713 "; color: var(--color-primary); font-weight: 700; margin-right: 0.5rem; }
@media (max-width: 768px) { .pricing-card.featured { transform: none; } }

/* 404 Error Page */
.error-container { max-width: 600px; margin: 0 auto; padding: 4rem 2rem; text-align: center; min-height: calc(100vh - 70px - 400px); display: flex; flex-direction: column; justify-content: center; align-items: center; }
.error-code { font-size: 8rem; font-weight: 800; background: linear-gradient(135deg, var(--color-primary), #ff4d7a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1; margin-bottom: 1rem; }
.error-title { font-size: 2rem; font-weight: 700; margin-bottom: 1rem; color: var(--color-text-primary); }
.error-message { font-size: 1.125rem; color: var(--color-text-secondary); margin-bottom: 2rem; line-height: 1.6; }
.error-actions { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
.error-illustration { width: 200px; height: 200px; margin: 0 auto 2rem; opacity: 0.3; }
@media (max-width: 768px) { .error-container { padding: 2rem 1rem; } .error-code { font-size: 5rem; } .error-title { font-size: 1.5rem; } .error-message { font-size: 1rem; } }