.pricing .pricing-card{height:100%;padding:2rem;background:var(--surface-color);border-radius:1rem;transition:all 0.3s ease;position:relative}.pricing .pricing-card:hover{box-shadow:0 10px 30px rgba(0,0,0,0.1)}.pricing .pricing-card.popular{background:var(--accent-color);color:var(--contrast-color)}.pricing .pricing-card.popular h3,.pricing .pricing-card.popular h4{color:var(--contrast-color)}.pricing .pricing-card.popular .price .currency,.pricing .pricing-card.popular .price .amount,.pricing .pricing-card.popular .price .period{color:var(--contrast-color)}.pricing .pricing-card.popular .features-list li{color:var(--contrast-color)}.pricing .pricing-card.popular .features-list li i{color:var(--contrast-color)}.pricing .pricing-card.popular .btn-light{background:var(--contrast-color);color:var(--accent-color)}.pricing .pricing-card.popular .btn-light:hover{background:color-mix(in srgb, var(--contrast-color), transparent 10%)}.pricing .pricing-card .popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--contrast-color);color:var(--accent-color);padding:0.5rem 1rem;border-radius:2rem;font-size:0.875rem;font-weight:600;box-shadow:0px -2px 10px rgba(0,0,0,0.08)}.pricing .pricing-card h3{font-size:1.5rem;margin-bottom:1rem}.pricing .pricing-card .price{margin-bottom:1.5rem}.pricing .pricing-card .price .currency{font-size:1.5rem;font-weight:600;vertical-align:top;line-height:1}.pricing .pricing-card .price .amount{font-size:3.5rem;font-weight:700;line-height:1}.pricing .pricing-card .price .period{font-size:1rem;color:color-mix(in srgb, var(--default-color), transparent 40%)}.pricing .pricing-card .description{margin-bottom:2rem;font-size:0.975rem}.pricing .pricing-card h4{font-size:1.125rem;margin-bottom:1rem}.pricing .pricing-card .features-list{list-style:none;padding:0;margin:0 0 2rem 0}.pricing .pricing-card .features-list li{display:flex;align-items:center;margin-bottom:1rem}.pricing .pricing-card .features-list li i{color:var(--accent-color);margin-right:0.75rem;font-size:1.25rem}.pricing .pricing-card .btn{width:100%;padding:0.75rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:0.5rem;font-weight:500}.pricing .pricing-card .btn.btn-primary{background:var(--accent-color);border:none;color:var(--contrast-color)}.pricing .pricing-card .btn.btn-primary:hover{background:color-mix(in srgb, var(--accent-color), transparent 15%)}
