.tariffs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.tariff-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all 0.3s ease;position:relative;overflow:hidden}.tariff-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgb(0 0 0 / .15);border-color:var(--primary-color)}.tariff-card.trial{border-color:var(--success-color);background:linear-gradient(135deg,var(--card-bg) 0%,rgb(76 175 80 / .05) 100%)}.tariff-badge{position:absolute;top:1rem;right:1rem;background:var(--success-color);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tariff-header{margin-bottom:1.5rem}.tariff-header h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem 0}.tariff-price{display:flex;align-items:baseline;gap:.5rem}.tariff-price .price{font-size:2rem;font-weight:800;color:var(--primary-color)}.tariff-card.trial .tariff-price .price{color:var(--success-color)}.tariff-price .period{font-size:.875rem;color:var(--text-secondary)}.tariff-features{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.tariff-feature{display:flex;align-items:center;gap:.75rem;color:var(--text-primary)}.tariff-feature i{width:20px;color:var(--primary-color);font-size:1rem}.tariff-card.trial .tariff-feature i{color:var(--success-color)}.tariff-feature span{font-size:.9375rem}.tariff-btn{width:100%;padding:.875rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.tariff-btn.primary{background:var(--primary-color);color:#fff}.tariff-btn.primary:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.02)}.tariff-btn.trial{background:var(--success-color);color:#fff}.tariff-btn.trial:hover:not(:disabled){background:#43a047;transform:scale(1.02)}.tariff-btn:disabled{opacity:.5;cursor:not-allowed}.tariff-btn i{font-size:1.125rem}@media (max-width:768px){.tariffs-grid{grid-template-columns:1fr;gap:1rem}.tariff-card{padding:1.25rem}.tariff-header h3{font-size:1.25rem}.tariff-price .price{font-size:1.75rem}}